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

    Theme Name: Danver - Multipurpose HTML5 Template
    Author: Shtheme
    Support: shthemewp@gmail.com
    Description: Danver - Multipurpose HTML5 Template
    Version: 1.0

-----------------------------------------------------------------------------------

/************ TABLE OF CONTENTS ***************

    01. THEME DEFAULT CSS
    02. HEADER CSS
    03. SLIDER CSS
    04. PACKAGE CSS
    05. CTA CSS
    06. WHY CSS
    07. DESTINATION CSS
    08. FAQ CSS
    09. TESTIMONIAL CSS
    10. BLOG CSS
    11. AVAILIBILITY CSS
    12. ABOUT CSS
    00. FOOTER CSS


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


*/
/*----------------------------------------*/
/*  01. THEME DEFAULT CSS
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Libre+Baskerville:wght@400;700&family=Poppins:wght@300;400;500;600;700;800;900&family=Rubik:wght@300;400;500;600;700;800&family=Saira:wght@300;400;500;600;700;800&display=swap");
.footer__line::after, .destination__item::after, .cta__overlay::after, .package__bottom a::after, .slider__overlay::before, .header__info ul li:not(:last-child)::after, .header__lang-2::after, .header__login::after, .main-menu ul li a::after, .link-btn::after, .section__title::after {
  position: absolute;
  content: "";
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #828DA5;
  line-height: 26px;
}

a {
  text-decoration: none;
}

.w-img img {
  width: 100%;
}

.m-img img {
  max-width: 100%;
}

a,
.btn,
button,
span,
p,
i,
input,
select,
textarea,
li,
img,
svg path,
*::after,
*::before,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}

a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
  border: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

input {
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif;
  color: #151B29;
  margin-top: 0px;
  font-weight: 700;
  line-height: 1.2;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

ul {
  margin: 0px;
  padding: 0px;
}

li {
  list-style: none;
}

p {
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #828DA5;
  margin-bottom: 15px;
  line-height: 26px;
}

*::-moz-selection {
  background: #151B29;
  color: #ffffff;
  text-shadow: none;
}

::-moz-selection {
  background: #151B29;
  color: #ffffff;
  text-shadow: none;
}

::selection {
  background: #151B29;
  color: #ffffff;
  text-shadow: none;
}

/*--
    - Input Placeholder
-----------------------------------------*/
*::-moz-placeholder {
  color: #151B29;
  font-size: 14px;
  opacity: 1;
}

*::placeholder {
  color: #151B29;
  font-size: 14px;
  opacity: 1;
}

/*--
    - Common Classes
-----------------------------------------*/
.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.z-index-1 {
  z-index: 1;
}

.z-index-11 {
  z-index: 11;
}

.overflow-y-visible {
  overflow-x: hidden;
  overflow-y: visible;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.text-lato-all a, .text-lato-all span, .text-lato-all p, .text-lato-all option, .text-lato-all button, .text-lato-all .list {
  font-family: "Lato", sans-serif;
}

.text-lato {
  font-family: "Lato", sans-serif;
}

.text-rubik {
  font-family: "Rubik", sans-serif;
}

.text-saira {
  font-family: "Saira", sans-serif;
}

.text-popins {
  font-family: "Poppins", sans-serif;
}

.text-libre {
  font-family: "Libre Baskerville", serif;
}

/*--
    - Background color
-----------------------------------------*/
.grey-bg {
  background: #FBFBFB;
}

.grey-bg-3 {
  background: #F1F2F5;
}

.grey-bg-4 {
  background: #F3F4F6;
}

.grey-bg-5 {
  background: #F2F5FC;
}

.grey-bg-6 {
  background: #F4F6FB;
}

.grey-bg-7 {
  background: #F6F6F6;
}

.grey-bg-12 {
  background: #F5F7FC;
}

.grey-bg-13 {
  background: #F8F8F8;
}

.blue-bg {
  background: #0B6EDF;
}

.blue-bg-3 {
  background: #0183F1;
}

.red-bg {
  background: #DC1A1A;
}

.orange-bg {
  background: var(--renk2);
}

.yellow-bg {
  background: #CCA560;
}

.yellow-bg-4 {
  background: #FED507;
}

.yellow-bg-6 {
  background: #FE951E;
}

.white-bg {
  background: #ffffff;
}

.black-bg {
  background: #151B29;
}

.black-bg-2 {
  background: #030329;
}

.black-bg-4 {
  background: var(--renk);
}

.black-bg-5 {
  background: #060D2B;
}

.black-bg-8 {
  background: #18181A;
}

.black-bg-9 {
  background: #0C0C1C;
}

.black-bg-13 {
  background: #1B1E23;
}

.black-bg-15 {
  background: #25262D;
}

.footer-bg {
  background: #000;
}

.footer-bottom-bg {
  background: #272C37;
}

.footer-bottom-bg-2 {
  background: #1F1F30;
}

.include-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/*--
    - color
-----------------------------------------*/
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
  color: #ffffff !important;
}

.white-color {
  color: #ffffff;
}

.black-color {
  color: #151B29;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.body-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 99;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.body-overlay:hover {
  cursor: pointer;
}

.body-overlay.opened {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 575px) {
  .progress-wrap {
    right: 15px;
    bottom: 15px;
  }
}

.link-btn {
  font-size: 14px;
  font-weight: 700;
  color: #0B6EDF;
  position: relative;
  padding-bottom: 3px;
  text-transform: capitalize;
  font-family: "Lato", sans-serif;
}
.link-btn::after {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #0B6EDF;
}
.link-btn i {
  margin-left: 5px;
}
.link-btn:hover {
  color: #151B29;
}
.link-btn:hover::after {
  background: #151B29;
}

.link-btn-2 {
  position: relative;
  font-size: 16px;
  color: #828DA5;
  font-weight: 700;
  padding-right: 21px;
  display: inline-block;
  font-family: "Lato", sans-serif;
}
.link-btn-2 i {
  font-size: 14px;
  position: absolute;
  top: 14px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
}
.link-btn-2 i:first-child {
  right: 10%;
  visibility: hidden;
  opacity: 0;
}
.link-btn-2 i:last-child {
  right: 0;
}
.link-btn-2:hover {
  color: #0B6EDF;
}
.link-btn-2:hover i:first-child {
  right: 0;
  visibility: visible;
  opacity: 1;
}
.link-btn-2:hover i:last-child {
  right: -10%;
  visibility: hidden;
  opacity: 0;
}
.link-btn-2.link-prev {
  padding-right: 0;
  padding-left: 21px;
}
.link-btn-2.link-prev i:first-child {
  left: 10%;
  right: auto;
}
.link-btn-2.link-prev i:last-child {
  left: 0;
  right: auto;
}
.link-btn-2.link-prev:hover i:first-child {
  left: 0%;
  right: auto;
}
.link-btn-2.link-prev:hover i:last-child {
  left: -10%;
  right: auto;
}

.link-btn-3 {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  font-family: "Rubik", sans-serif;
  color: var(--renk2);
  position: relative;
  text-transform: uppercase;
}
.link-btn-3 i:first-child {
  position: absolute;
  left: -20%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  visibility: hidden;
  opacity: 0;
}
.link-btn-3 i:last-child {
  margin-left: 4px;
}
.link-btn-3:hover {
  padding-left: 25px;
  color: var(--renk2);
}
.link-btn-3:hover i:first-child {
  left: 0;
  visibility: visible;
  opacity: 1;
}
.link-btn-3:hover i:last-child {
  visibility: hidden;
  opacity: 0;
}

.link-btn-4 {
  font-size: 14px;
  font-weight: 500;
  color: #828DA5;
  text-transform: uppercase;
}
.link-btn-4:hover {
  color: #035FFF;
}

.link-btn-5 {
  display: inline-block;
  font-size: 16px;
  color: #ffffff;
  background: #FE951E;
  width: 50px;
  height: 50px;
  line-height: 50px;
  padding-right: 25px;
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.link-btn-5 i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
}
.link-btn-5 i:last-child {
  left: 0%;
  visibility: hidden;
  opacity: 0;
}
.link-btn-5:hover i {
  left: 100%;
  visibility: hidden;
  opacity: 0;
}
.link-btn-5:hover i:last-child {
  left: 50%;
  visibility: visible;
  opacity: 1;
}

.d-btn {
  font-family: "Lato", sans-serif;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  height: 60px;
  line-height: 56px;
  border: 2px solid #0B6EDF;
  color: #ffffff;
  background: #0B6EDF;
  text-align: center;
  padding: 0 43px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.d-btn:hover {
  color: #ffffff;
  border-color: #151B29;
  background: #151B29;
}
.d-btn-white {
  background: #ffffff;
  color: #0B6EDF;
  border-color: #ffffff;
}
.d-btn-white:hover {
  color: #ffffff;
  border-color: #0B6EDF;
  background: #0B6EDF;
}
.d-btn-border {
  background: transparent;
  border-color: #ffffff;
  color: #ffffff;
}
.d-btn-border:hover {
  background: #ffffff;
  border-color: #ffffff;
  color: #0B6EDF;
}
.d-btn-yellow {
  background: #CCA560;
  border-color: #CCA560;
}
.d-btn-yellow i {
  padding-right: 10px;
}
.d-btn-2 {
  font-weight: 500;
  font-family: "Rubik", sans-serif;
  color: #ffffff;
  background: #035FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-color: #035FFF;
  line-height: 58px;
}
.d-btn-2-white {
  background: #ffffff;
  color: #035FFF;
  border-color: #ffffff;
}
.d-btn-2-border {
  background: transparent;
  border-color: #ffffff;
  color: #ffffff;
}
.d-btn-2-border-blue {
  border-color: #035FFF;
  color: #035FFF;
  background: #ffffff;
}
.d-btn-3 {
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  background: #FE951E;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-color: #FE951E;
  height: 70px;
  line-height: 66px;
  padding: 0 55px;
}
.d-btn-4 {
  padding-left: 45px;
  padding-right: 45px;
}
.d-btn-orange {
  background: var(--renk2);
  color: #ffffff;
  border-color: var(--renk2);
}
.d-btn-orange:hover {
  background: #030329;
  color: #ffffff;
  border-color: #030329;
}

.d-const-btn {
  display: inline-block;
  height: 70px;
  line-height: 70px;
  text-align: center;
  padding: 0 50px;
  font-size: 16px;
  font-weight: 500;
  font-family: "Rubik", sans-serif;
  text-transform: uppercase;
  background: var(--renk2);
  color: #ffffff;
  position: relative;
  z-index: 1;
}
.d-const-btnSon::after {
  position: absolute;
  content: "";
  left: auto;
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: var(--renk);
  border-radius: 50% !important;
  z-index: -1;
}
.d-const-btn::after {
  position: absolute;
  content: "";
  left: auto;
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: var(--renk); 
  z-index: -1;
}
.d-const-btnSon::after {
  position: absolute;
  content: "";
  left: auto;
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: var(--renk);
  border-radius: 50%;
  z-index: -1;
}
.d-const-btn i {
  margin-left: 3px;
}
.d-const-btn:hover {
  color: #ffffff;
}
.d-const-btn:hover::after {
  left: 0;
  right: auto;
  width: 100%;
}
.d-const-btn:focus {
  color: #ffffff;
}

.d-btn-bus {
  display: inline-block;
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  background: #DC1A1A;
  padding: 0 45px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  text-transform: uppercase;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
}
.d-btn-bus:hover {
  color: #ffffff;
  background: #030329;
}

.d-btn-cre {
  position: relative;
  display: inline-block;
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  background: var(--renk2);
  padding: 0 35px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  text-transform: uppercase;
}
.d-btn-cre:hover {
  color: #ffffff;
  background: #060D2B;
}
.d-btn-cre-2 {
  border: 1px solid #1414B4;
  background: #ffffff;
  color: #1414B4;
}
.d-btn-cre-2:hover {
  background: #1414B4;
  color: #ffffff;
}
.d-btn-cre-2 .d-btn-shape {
  position: absolute;
  width: 1px;
  height: 10px;
  background: #1414B4;
  right: -1px;
  top: 100%;
}
.d-btn-cre-2 .d-btn-shape.shape-2 {
  left: 100%;
  right: auto;
  bottom: 0;
  width: 10px;
  height: 1px;
}
.d-btn-cre-2 .d-btn-shape.shape-2::after {
  top: -3px;
  left: 100%;
}
.d-btn-cre-2 .d-btn-shape::after {
  position: absolute;
  content: "";
  top: 100%;
  left: -3px;
  width: 7px;
  height: 7px;
  background: transparent;
  border: 1px solid #1414B4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.d-btn-cre-3 {
  height: 50px;
  line-height: 50px;
  font-size: 15px;
  color: #ffffff;
  background: #030329;
  padding: 0 28px;
}
.d-btn-cre-3:hover {
  background: var(--renk2);
  color: #ffffff;
}
.d-btn-cre-blue {
  background: #1414B4;
  color: #ffffff;
}
.d-btn-cre-blue:hover {
  background: #030329;
  color: #ffffff;
}

.d-btn-corp {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  background: #DC1A1A;
  height: 70px;
  line-height: 66px;
  padding: 0 40px;
  text-align: center;
  border: 2px solid #DC1A1A;
  text-transform: uppercase;
  font-family: "Rubik", sans-serif;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
}
.d-btn-corp-2 {
  height: 60px;
  line-height: 56px;
}
.d-btn-corp-3 {
  padding-left: 45px;
  padding-right: 45px;
}
.d-btn-corp:hover {
  background: #0B0B19;
  color: #ffffff;
  border-color: #0B0B19;
}
.d-btn-corp-border {
  background: #ffffff;
  color: #030329;
}

.d-btn-edu {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  background: #0183F1;
  height: 60px;
  line-height: 56px;
  padding: 0 30px;
  text-align: center;
  border: 2px solid #0183F1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.d-btn-edu i {
  margin-left: 5px;
}
.d-btn-edu:hover {
  background: #030329;
  color: #ffffff;
  border-color: #030329;
}
.d-btn-edu.pink {
  background: #E950A6;
  border-color: #E950A6;
}
.d-btn-edu.pink:hover {
  background: #030329;
  color: #ffffff;
  border-color: #030329;
}
.d-btn-edu-border {
  background: transparent;
  color: #030329;
}
.d-btn-edu-border:hover {
  color: #ffffff;
  background: #0183F1;
  border-color: #0183F1;
}
.d-btn-edu-border-2 {
  background: transparent;
  color: #E950A6;
  border-color: #E950A6;
}
.d-btn-edu-2 {
  background: #FED507;
  color: #030329;
  border-color: #FED507;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.d-btn-edu-2:hover {
  color: #ffffff;
  background: #030329;
  border-color: #030329;
}

/* pulse btn */
.pulse-btn {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  background-color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #151B29;
  animation: pulse 2s infinite;
}
.pulse-btn:hover {
  background-color: #151B29;
  color: #ffffff;
}
.pulse-btn i {
  padding-left: 2px;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
.section__title {
  font-size: 30px;
  margin-bottom: 0;
  position: relative;
  padding-bottom: 13px;
  font-family: "Libre Baskerville", serif;
}
@media (max-width: 575px) {
  .section__title {
    font-size: 25px;
  }
}
.section__title::after {
  left: 0;
  bottom: 0;
  width: 100px;
  height: 2px;
  background: #0B6EDF;
}
.section__title-2::after {
  background: #CCA560;
}
.section__title-3 {
  font-size: 60px;
  line-height: 1;
  font-weight: 700;
  color: var(--renk);
  text-transform: uppercase;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section__title-3 {
    font-size: 45px;
  }
}
@media (max-width: 575px) {
  .section__title-3 {
    font-size: 35px;
  }
}
.section__title-4 {
  font-size: 60px;
  color: #030329;
  line-height: 1.2;
  font-weight: 700;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section__title-4 {
    font-size: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section__title-4 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section__title-4 {
    font-size: 43px;
  }
}
@media (max-width: 575px) {
  .section__title-4 {
    font-size: 30px;
  }
}
.section__title-4-white {
  color: #ffffff;
}
.section__title-5 {
  font-size: 60px;
  color: #030329;
  line-height: 1.1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section__title-5 {
    font-size: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section__title-5 {
    font-size: 38px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section__title-5 {
    font-size: 45px;
  }
}
@media (max-width: 575px) {
  .section__title-5 {
    font-size: 30px;
  }
}
.section__title-5-white {
  color: #ffffff;
}
.section__title-6 {
  font-size: 50px;
  color: #030329;
  font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section__title-6 {
    font-size: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section__title-6 {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .section__title-6 {
    font-size: 35px;
  }
}
.section__title-6-white {
  color: #ffffff;
}
.section__title-7 {
  font-size: 40px;
  color: #030329;
  font-weight: 600;
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .section__title-7 {
    font-size: 35px;
  }
}
.section__title-8 {
  font-size: 36px;
  font-weight: 700;
  color: #030329;
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .section__title-8 {
    font-size: 24px;
  }
}
.section__title-9 {
  font-size: 50px;
  color: #030329;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section__title-9 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section__title-9 {
    font-size: 35px;
  }
}
@media (max-width: 575px) {
  .section__title-9 {
    font-size: 23px;
  }
}
.section__title-11 {
  font-size: 60px;
  color: #030329;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section__title-11 {
    font-size: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section__title-11 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .section__title-11 {
    font-size: 30px;
  }
}
.section__title-pre {
  font-size: 22px;
  color: #0B6EDF;
  display: inline-block;
  margin-bottom: 13px;
  font-family: "Lato", sans-serif;
}
.section__title-pre-2 {
  color: #CCA560;
}
.section__title-pre-3 {
  font-size: 16px;
  font-weight: 500;
  color: var(--renk2);
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.section__title-pre-4 {
  font-size: 20px;
  font-weight: 700;
  color: #DC1A1A;
  display: inline-block;
  margin-bottom: 10px;
}
.section__title-pre-5 {
  font-size: 16px;
  font-weight: 700;
  color: var(--renk2);
  text-transform: uppercase;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.section__title-pre-5 img {
  margin-right: 5px;
  width: 17px;
  height: 17px;
}
.section__title-pre-6 {
  font-size: 18px;
  font-weight: 500;
  color: #DC1A1A;
  display: inline-block;
  text-transform: uppercase;
}
.section__title-pre-11 {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  color: #FE951E;
  margin-bottom: 17px;
}
.section__title-center::after {
  left: 0;
  right: 0;
  margin: auto;
}
.section__title-white {
  color: #ffffff;
}
.section__title-back-text {
  -webkit-text-fill-color: transparent;
  font-size: 122px;
  color: #EFF2F9;
  -webkit-text-stroke-color: #EFF2F9;
  -webkit-text-stroke-width: 1px;
  -moz-text-stroke-color: #EFF2F9;
  -moz-text-stroke-width: 1px;
  -moz-text-fill-color: transparent;
  line-height: 90px;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 700;
  position: absolute;
  z-index: -1;
  left: 50%;
  margin-top: -30px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section__title-back-text {
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section__title-back-text {
    font-size: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section__title-back-text {
    font-size: 70px;
  }
}
@media (max-width: 575px) {
  .section__title-back-text {
    font-size: 40px;
    line-height: 45px;
  }
}
.section__title-back-text-left {
  left: -60px;
  top: -40px;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  margin-top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section__title-back-text-left {
    left: 0;
  }
}
.section__title-line {
  position: relative;
}
.section__title-line::after {
  position: absolute;
  content: "";
  left: auto;
  right: 0;
  bottom: -3px;
  width: 170px;
  height: 5px;
  background: #DC1A1A;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  animation: section-line 2s alternate infinite;
}
.section__title-line-center::after {
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.section__title-plr-35 {
  padding-left: 35px;
  padding-right: 35px;
}
@media (max-width: 575px) {
  .section__title-plr-35 {
    padding-left: 0;
    padding-right: 0;
  }
}
.section__title-plr-70 {
  padding-left: 70px;
  padding-right: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section__title-plr-70 {
    padding-left: 0;
    padding-right: 0;
  }
}

@keyframes section-line {
  0% {
    width: 0;
  }
  100% {
    width: 170px;
  }
}
.scroll-down {
  animation: down 1.5s infinite;
  -webkit-animation: down 1.5s infinite;
}

@keyframes down {
  0% {
    transform: translate(0);
  }
  20% {
    transform: translateY(15px);
  }
  40% {
    transform: translate(0);
  }
}
@-webkit-keyframes down {
  0% {
    transform: translate(0);
  }
  20% {
    transform: translateY(15px);
  }
  40% {
    transform: translate(0);
  }
}
.rotation360 {
  animation: rotation 5s infinite linear;
  -webkit-animation: rotation 5s infinite linear;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
.updown {
  animation: updown 2s infinite alternate;
  -webkit-animation: updown 2s infinite alternate;
}

@-webkit-keyframes updown {
  from {
    -webkit-transform: translateY(-50px);
  }
  to {
    -webkit-transform: translateY(50px);
  }
}
@keyframes updown {
  from {
    -webkit-transform: translateY(-50px);
  }
  to {
    -webkit-transform: translateY(50px);
  }
}
.circle-animation {
  border: 1px solid #FFDED4;
  width: 454px;
  height: 454px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  z-index: -1;
}
.circle-animation span {
  display: block;
  position: absolute;
  content: "";
  top: calc(50% - 1px);
  left: 50%;
  width: 50%;
  height: 1px;
  background: transparent;
  transform-origin: left;
  -webkit-animation: circle-animation 6s linear infinite;
  -moz-animation: circle-animation 6s linear infinite;
  -o-animation: circle-animation 6s linear infinite;
  animation: circle-animation 6s linear infinite;
}
.circle-animation span::before {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  top: -15px;
  right: -15px;
  border: 5px solid #ffffff;
  background: var(--renk2);
}
.circle-animation.cir-1 {
  top: 31%;
  right: -10%;
}
.circle-animation.cir-2 {
  border-color: #D1E0FF;
  top: 23%;
  right: -15%;
}
.circle-animation.cir-2 span {
  animation-delay: 2s;
}
.circle-animation.cir-2 span::before {
  background: #0B6EDF;
}

@keyframes circle-animation {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.basic-pagination ul li {
  display: inline-block;
}
.basic-pagination ul li:not(:last-child) {
  margin-right: 10px;
}
.basic-pagination ul li a {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 46px;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid #f1f1f1;
  font-size: 18px;
  font-weight: 600;
}
.basic-pagination ul li a:hover, .basic-pagination ul li a.active {
  background: #030329;
  border-color: #030329;
  color: #ffffff;
}

/*----------------------------------------*/
/*  02. HEADER CSS START
/*----------------------------------------*/
.header__sticky.sticky {
  position: fixed !important;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
  z-index: 99;
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  background: #151B29;
}
.header__sticky-2.sticky {
  background: #ffffff;
}
.header__transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 11;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header__bottom {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__bottom-right {
    margin-left: 0;
  }
}
.header__bottom-right-11 {
  margin-right: -215px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header__bottom-right-11 {
    margin-right: 0;
  }
}
.header__bottom-wrapper-4 {
  padding: 0 30px;
  padding-right: 0;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header__bottom-wrapper-4 {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__bottom-wrapper-4 {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header__bottom-wrapper-4 {
    padding-left: 0;
    padding-right: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
}
.header__bottom-5 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.header__bottom-4 {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header__bottom-4 {
    background-color: #030329;
  }
}
@media (max-width: 575px) {
  .header__bottom-4 {
    padding: 15px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header__bottom-4::after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 18%;
    height: 100%;
    background: #DC1A1A;
  }
}
.header__bottom-8 {
  padding: 10px 0;
}
.header__bottom-11 {
  padding: 20px 0;
}
.header__info ul li {
  display: inline-block;
  position: relative;
}
.header__info ul li:not(:last-child) {
  padding-right: 23px;
  margin-right: 23px;
}
.header__info ul li:not(:last-child)::after {
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background: #858C9C;
}
.header__info ul li a {
  font-size: 14px;
  color: #ffffff;
  font-family: "Lato", sans-serif;
}
.header__info ul li a i {
  margin-right: 5px;
  display: inline-block;
}
.header__info-2 ul li:not(:last-child)::after {
  background: #E3E6EE;
  height: 41px;
}
.header__info-2 ul li a {
  color: #828DA5;
}
.header__info-2 ul li a i {
  color: #CCA560;
}
.header__info-4 ul li {
  display: inline-block;
  position: relative;
}
.header__info-4 ul li:not(:last-child) {
  padding-right: 40px;
  margin-right: 40px;
}
.header__info-4 ul li:not(:last-child)::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 35px;
  background: #E3E6EE;
}
.header__info-icon i {
  font-size: 18px;
  color: #DC1A1A;
  line-height: 1;
}
.header__info-content h4 {
  font-size: 14px;
  font-weight: 500;
  color: #A4A8B1;
  margin-bottom: 0;
}
.header__info-content a {
  font-size: 16px;
  font-weight: 500;
  color: #030329;
}
.header__info-6 ul li a {
  font-family: "Rubik", sans-serif;
}
.header__info-7 ul li:not(:last-child)::after {
  background: #E3E6EE;
}
.header__info-7 ul li a {
  color: #828DA5;
}
.header__info-7 ul li a:hover {
  color: #0183F1;
}
.header__info-8 ul li:not(:last-child)::after {
  background: #5B5E65;
}
.header__info-8 ul li a {
  color: #030329;
  font-weight: 500;
  font-family: "Rubik", sans-serif;
}
.header__info-8 ul li a:hover {
  color: #ffffff;
}
.header__info-9 ul li:not(:last-child)::after {
  background: #E3E6EE;
}
.header__info-9 ul li span {
  color: #ffffff;
}
.header__top {
  padding-top: 4px;
  padding-bottom: 7px;
}
.header__top-2 {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 1px solid #E3E6EE;
}
.header__top-6 {
  border-bottom: 1px solid #69696E;
}
.header__top-7 {
  border-bottom: 1px solid #E3E6EE;
}
.header__top-bg {
  background: rgba(255, 255, 255, 0.1);
}
.header__action ul li {
  display: inline-block;
}
.header__action ul li:not(:first-child) {
  margin-left: 35px;
}
.header__action ul li a {
  color: #ffffff;
  font-size: 18px;
}
.header__action ul li a:hover {
  color: #0B6EDF;
}
.header__action-2 ul li a {
  color: #151B29;
}
.header__action-2 ul li a:hover {
  color: #CCA560;
}
.header__action-4 ul li a:hover {
  color: #DC1A1A;
}
.header__action-5 ul li a:hover {
  color: var(--renk2);
}
.header__action-6 ul li a:hover {
  color: #DC1A1A;
}
.header__action-7 {
  border: 1px solid #E3E6EE;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.header__action-7 ul li a {
  display: inline-block;
  padding-right: 15px;
  color: #030329;
}
.header__action-7 ul li a:hover {
  color: #0183F1;
}
.header__action-8 ul li a {
  color: #ffffff;
  font-size: 18px;
}
.header__action-8 ul li a:hover {
  color: #ffffff;
}
.header__action-9 ul li {
  display: inline-block;
}
.header__action-9 ul li a {
  color: #030329;
  font-size: 18px;
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border: 1px solid #E3E6EE;
  background: #ffffff;
}
.header__action-9 ul li a:hover {
  background: #035FFF;
  color: #ffffff;
  border-color: #035FFF;
}
.header__action-11 {
  margin-left: 315px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .header__action-11 {
    margin-left: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header__action-11 {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__action-11 {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header__action-11 {
    margin-left: 0;
  }
}
.header__action-11 ul li {
  display: inline-block;
}
.header__action-11 ul li a {
  color: #ffffff;
  font-size: 18px;
  display: inline-block;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.header__action-11 ul li a:hover {
  background: #FE951E;
  color: #ffffff;
  border-color: #FE951E;
}
.header__action-12 ul li a {
  color: #030329;
}
.header__action-12 ul li a:hover {
  color: var(--renk2);
}
.header__lang .nice-select {
  border-radius: 0;
  height: 17px;
  line-height: 17px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  border: none;
  padding-right: 12px;
  float: none;
}
.header__lang .nice-select::after {
  right: 0;
  top: 14px;
  width: 0;
  height: 0;
  border: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #ffffff;
  margin-top: -7px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.header__lang .nice-select .list {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.header__lang .nice-select .option {
  color: #ffffff;
  background: #151B29;
}
.header__lang .nice-select .option:hover, .header__lang .nice-select .option.selected {
  background: #0B6EDF;
  color: #ffffff;
}
.header__lang .nice-select.open::after {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.header__lang .translate-img {
  width: 13px;
  height: 12px;
}
.header__lang-2 {
  position: relative;
  padding-left: 25px;
}
.header__lang-2::after {
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 40px;
  background: #E3E6EE;
}
.header__lang-2 .nice-select {
  color: #828DA5;
}
.header__lang-2 .nice-select::after {
  border-top-color: #828DA5;
}
.header__lang-7 .nice-select {
  color: #828DA5;
}
.header__lang-7 .nice-select:hover {
  color: #0183F1;
}
.header__lang-8 .nice-select {
  color: #030329;
}
.header__lang-8 .nice-select::after {
  border-top-color: #030329;
}
.header__lang-8 .nice-select:hover {
  color: #ffffff;
}
.header__lang-8 .nice-select:hover::after {
  border-top-color: #ffffff;
}
.header__login {
  position: relative;
}
.header__login::after {
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background: #858C9C;
}
.header__login a {
  font-size: 14px;
  color: #ffffff;
}
.header__login-2 {
  padding-left: 0;
}
.header__login-2::after {
  display: none;
}
.header__login-2 span {
  display: inline-block;
  font-size: 14px;
  height: 40px;
  line-height: 36px;
  text-align: center;
  color: #ffffff;
  padding: 0 25px;
  background: #CCA560;
  font-weight: 700;
  font-family: "Lato", sans-serif;
}
.header__login-2 span a:hover {
  color: #151B29;
}
.header__login-7 a {
  color: #828DA5;
}
.header__login-7 a:hover {
  color: #0183F1;
}
.header__login-7::after {
  background: #E3E6EE;
}
.header__login-8 a {
  color: #030329;
}
.header__login-8 a:hover {
  color: #ffffff;
}
.header__login-8::after {
  background: #030329;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__login-8::after {
    display: none;
  }
}
.header__social ul li {
  display: inline-block;
}
.header__social ul li:not(:last-child) {
  margin-right: 5px;
}
.header__social ul li a {
  display: inline-block;
  width: 27px;
  height: 27px;
  line-height: 25px;
  text-align: center;
  font-size: 10px;
  color: #8A97B2;
  border: 1px solid #E3E6EE;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.header__social ul li a:hover {
  color: #CCA560;
}
.header__social-4 ul li {
  display: inline-block;
}
.header__social-4 ul li:not(:last-child) {
  margin-right: 15px;
}
.header__social-4 ul li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 37px;
  text-align: center;
  font-size: 14px;
  color: #8A97B2;
  border: 1px solid #E3E6EE;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.header__social-4 ul li a:hover {
  color: #DC1A1A;
}
.header__social-9 ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.header__social-9 ul li {
  display: inline-block;
}
.header__social-9 ul li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #8A97B2;
}
.header__social-9 ul li a:hover {
  color: #ffffff;
  background: #035FFF;
}
.header__padding-3 {
  padding-left: 85px;
  padding-right: 85px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .header__padding-3 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header__padding-3 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__padding-3 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header__padding-3 {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header__padding-3 {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 575px) {
  .header__padding-3 {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.header__padding-4 {
  padding-top: 22px;
  padding-bottom: 19px;
}
.header__padding-7 {
  padding-left: 85px;
  padding-right: 85px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__padding-7 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header__padding-7 {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header__padding-7 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 575px) {
  .header__padding-7 {
    padding-left: 0;
    padding-right: 0;
  }
}
.header__call-icon i {
  font-size: 38px;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: var(--renk2);
}
.header__call-icon-9 i {
  font-size: 40px;
  color: #035FFF;
}
.header__call-content h5 {
  font-size: 14px;
  font-weight: 500;
  font-family: "Rubik", sans-serif;
  margin-bottom: 0;
  color: #8A97B2;
  text-transform: uppercase;
}
.header__call-content h3 {
  font-size: 20px;
  color: var(--renk2);
  font-family: "Rubik", sans-serif;
  margin-bottom: 0;
}
.header__call-content-6 p {
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 0;
}
.header__call-content-6 h3 {
  font-size: 18px;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 0;
}
.header__call-content-9 p {
  font-weight: 400;
  text-transform: uppercase;
  color: #828DA5;
}
.header__call-content-9 h3 {
  font-size: 20px;
  font-weight: 700;
  color: #035FFF;
}
.header__or-bg {
  position: relative;
}
.header__or-bg::after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 100%;
  left: auto;
  height: 100%;
  width: 170px;
  background-color: var(--renk2);
  z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .header__or-bg::after {
    width: 65px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header__or-bg::after {
    width: 165px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header__or-bg::after {
    display: none;
  }
}
.header__black-bg {
  position: relative;
}
.header__black-bg::before {
  position: absolute;
  content: "";
  right: auto;
  top: 0;
  width: 100%;
  left: 0;
  height: 100%;
  width: 395px;
  background-color: var(--renk);
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header__black-bg::before {
    width: 100%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .header__bar {
    margin-left: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__bar {
    margin-left: 20px;
  }
}
.header__bar a {
  color: #ffffff;
}
.header__btn-4 a {
  display: inline-block;
  height: 80px;
  line-height: 80px;
  text-transform: uppercase;
  font-family: "Rubik", sans-serif;
  color: #ffffff;
  background: #DC1A1A;
  font-size: 16px;
  font-weight: 500;
  padding: 0 45px;
  -webkit-border-radius: 0 40px 40px 0;
  -moz-border-radius: 0 40px 40px 0;
  border-radius: 0 40px 40px 0;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header__btn-4 a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding-right: 10px;
  }
}
.header__btn-4 a::after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 17px;
  height: 34px;
  background: #030329;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.header__btn-4 a:hover {
  color: #DC1A1A;
  background: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header__btn-4 a:hover {
    color: #ffffff;
    background: #DC1A1A;
  }
}
.header__btn-5 a {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
  font-family: "Rubik", sans-serif;
  color: #ffffff;
  background: var(--renk2);
  font-size: 16px;
  font-weight: 500;
  padding: 0 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
}
.header__btn-5 a:hover {
  color: var(--renk2);
  background: #ffffff;
}
.header__btn-5 a.btn-2 {
  background: transparent;
  color: #ffffff;
}
.header__btn-5 a.btn-2:hover {
  background: #ffffff;
  color: var(--renk2);
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .header__btn-7 {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header__btn-7 {
    margin-left: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header__btn-7 {
    display: none;
  }
}
.header__btn-7 a {
  height: 50px;
  line-height: 46px;
  padding: 0 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header__btn-11 {
    margin-left: 20px;
  }
}
.header__btn-11 a {
  height: 60px;
  line-height: 56px;
  padding: 0 35px;
}
.header__btn-12 a {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
  font-family: "Rubik", sans-serif;
  color: #ffffff;
  background: var(--renk2);
  font-size: 16px;
  font-weight: 500;
  padding: 0 30px;
}
.header__btn-12 a:hover {
  color: var(--renk2);
  background: #ffffff;
}
.header__btn-12 a.btn-2 {
  background: transparent;
  color: #030329;
}
.header__btn-12 a.btn-2:hover {
  background: #030329;
  color: #ffffff;
}
.header__search-input input {
  width: 270px;
  height: 50px;
  padding: 0 20px;
  padding-right: 50px;
  color: #030329;
  border: none;
  outline: none;
  font-size: 14px;
}
.header__search-input input::placeholder {
  font-weight: 300;
  color: #BFC1C9;
}
.header__search-input button {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 16px;
  color: #BFC1C9;
}
.header__search-input button:hover {
  color: #0183F1;
}
.header__cart .cart-btn {
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 48px;
  color: #030329;
  font-size: 20px;
  border-left: 1px solid #E3E6EE;
}
.header__cart .cart-btn:hover {
  color: #0183F1;
}

/* main menu css start */
.main-menu ul li {
  display: inline-block;
  position: relative;
  /* submenu css */
}
.main-menu ul li:not(:last-child) {
  margin-right: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu ul li:not(:last-child) {
    margin-right: 15px;
  }
}
.main-menu ul li a {
  display: inline-block;
  font-size: 15px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  padding: 25px 0;
  position: relative;
  font-family: "Lato", sans-serif;
}
.main-menu ul li a::after {
  left: auto;
  right: 0;
  bottom: 25px;
  width: 0;
  height: 1px;
  background: #ffffff;
}
.main-menu ul li .submenu {
  position: absolute;
  top: 100%;
  left: 20px;
  min-width: 225px;
  padding: 10px 0;
  background: #ffffff;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  -moz-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  z-index: 11;
}
.main-menu ul li .submenu li {
  display: block;
  margin-right: 0;
}
.main-menu ul li .submenu li a {
  color: #67696D;
  font-weight: 600;
  font-size: 15px;
  width: 100%;
  display: block;
  padding: 5px 20px;
  text-transform: capitalize;
}
.main-menu ul li .submenu li a::after {
  display: none;
}
.main-menu ul li .submenu li .submenu {
  left: 110%;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.main-menu ul li .submenu li:hover > a {
  color: #0B6EDF;
}
.main-menu ul li .submenu li:hover > .submenu {
  left: 100%;
  visibility: visible;
  opacity: 1;
}
.main-menu ul li:hover > a::after {
  width: 100%;
  left: 0;
  right: auto;
}
.main-menu ul li:hover .submenu {
  visibility: visible;
  opacity: 1;
  left: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu-2 {
    margin-right: 20px;
  }
}
.main-menu-2 ul li a {
  color: #151B29;
}
.main-menu-2 ul li a::after {
  background: #151B29;
}
.main-menu-2 ul li:hover > a {
  color: #CCA560;
}
.main-menu-2 ul li:hover > a::after {
  background: #CCA560;
}
.main-menu-2 ul li .submenu li:hover > a {
  color: #CCA560;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .main-menu-3 {
    margin-right: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu-3 {
    margin-right: 0;
  }
}
.main-menu-3 ul li {
  border-right: 1px solid #E3E6EE;
}
.main-menu-3 ul li:not(:last-child) {
  margin-right: 0;
}
.main-menu-3 ul li a {
  font-family: "Rubik", sans-serif;
  color: var(--renk);
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  z-index: 1;
  padding: 25px 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .main-menu-3 ul li a {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .main-menu-3 ul li a {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu-3 ul li a {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.main-menu-3 ul li a::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../img/icon/menu-pattern.png");
  z-index: -1;
  opacity: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.main-menu-3 ul li a .menu-icon {
  margin-right: 5px;
}
.main-menu-3 ul li a .plus-icon {
  margin-left: 5px;
}
.main-menu-3 ul li:hover > a .menu-icon {
  color: var(--renk2);
}
.main-menu-3 ul li:hover > a::after {
  opacity: 1;
}
.main-menu-3 ul li .submenu li:hover > a {
  color: var(--renk2);
}
.main-menu-4 ul li:not(:last-child) {
  margin-right: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu-4 ul li:not(:last-child) {
    margin-right: 20px;
  }
}
.main-menu-4 ul li a {
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
}
.main-menu-4 ul li a::after {
  display: none;
}
.main-menu-4 ul li:hover > a {
  color: #DC1A1A;
}
.main-menu-4 ul li .submenu li:hover > a {
  color: #DC1A1A;
}
.main-menu-5 ul li:not(:last-child) {
  margin-right: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .main-menu-5 ul li:not(:last-child) {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu-5 ul li:not(:last-child) {
    margin-right: 25px;
  }
}
.main-menu-5 ul li a {
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
}
.main-menu-5 ul li a::after {
  display: none;
}
.main-menu-5 ul li:hover > a {
  color: var(--renk2);
}
.main-menu-5 ul li .submenu li:hover > a {
  color: var(--renk2);
}
.main-menu-6 ul li a {
  font-family: "Rubik", sans-serif;
  font-weight: 400;
}
.main-menu-6 ul li a::after {
  display: none;
}
.main-menu-6 ul li:hover > a {
  color: #DC1A1A;
}
.main-menu-6 ul li .submenu li:hover > a {
  color: #DC1A1A;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .main-menu-7 {
    margin-left: 55px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .main-menu-7 {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu-7 {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .main-menu-7 ul li:not(:last-child) {
    margin-right: 25px;
  }
}
.main-menu-7 ul li a {
  padding: 35px 0;
  padding-bottom: 40px;
  color: #030329;
}
.main-menu-7 ul li:hover > a {
  color: #0183F1;
}
.main-menu-7 ul li .submenu li:hover > a {
  color: #0183F1;
}
.main-menu-8 ul li a {
  padding: 10px 0;
  font-family: "Rubik", sans-serif;
  font-size: 15px;
  font-weight: 500;
}
.main-menu-8 ul li a::after {
  background: #FED507;
  height: 3px;
  bottom: 0;
}
.main-menu-8 ul li .submenu li a {
  font-weight: 400;
}
.main-menu-8 ul li .submenu li:hover > a {
  color: #FED507;
}
.main-menu-9 ul li a {
  padding: 35px 0;
  color: #030329;
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.main-menu-9 ul li a::after {
  display: none;
}
.main-menu-9 ul li:hover > a {
  color: #035FFF;
}
.main-menu-9 ul li .submenu {
  border-top: 4px solid #035FFF;
}
.main-menu-9 ul li .submenu li a {
  font-weight: 400;
}
.main-menu-9 ul li .submenu li:hover > a {
  color: #035FFF;
}
.main-menu-11 ul li a {
  padding: 10px 0;
  font-family: "Rubik", sans-serif;
  font-size: 15px;
  font-weight: 500;
}
.main-menu-11 ul li a::after {
  background: #FE951E;
  height: 3px;
  bottom: 0;
}
.main-menu-11 ul li .submenu li a {
  font-weight: 400;
}
.main-menu-11 ul li .submenu li:hover > a {
  color: #FE951E;
}
.main-menu-12 ul li a {
  color: #030329;
}
.main-menu-12 ul li a::after {
  display: none;
}
.main-menu-12 ul li:hover > a {
  color: var(--renk2);
}
.main-menu-12 ul li .submenu li:hover > a {
  color: var(--renk2);
}

.offcanvas__area {
  position: fixed;
  right: -495px;
  top: 0;
  width: 465px;
  height: 100%;
  background: #ffffff none repeat scroll 0 0;
  overflow-y: scroll;
  -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: 999;
}
@media (max-width: 575px) {
  .offcanvas__area {
    width: 290px;
  }
}
.offcanvas__area.opened {
  right: 0px;
}
.offcanvas__yellow .offcanvas__close-btn {
  background: #CCA560;
}
.offcanvas__yellow .offcanvas__close-btn:hover {
  background: #151B29;
  color: #ffffff;
}
.offcanvas__yellow .offcanvas__contact ul li:hover i {
  background: #CCA560;
  border-color: #CCA560;
}
.offcanvas__yellow .offcanvas__social ul li a {
  color: #CCA560;
}
.offcanvas__yellow .offcanvas__social ul li a:hover {
  color: #ffffff;
  background: #CCA560;
}
.offcanvas__wrapper {
  position: relative;
  padding: 45px;
}
@media (max-width: 575px) {
  .offcanvas__wrapper {
    padding: 20px;
  }
}
.offcanvas__close {
  position: absolute;
  top: 44px;
  right: 45px;
}
@media (max-width: 575px) {
  .offcanvas__close {
    top: 22px;
    right: 20px;
  }
}
.offcanvas__close-btn {
  display: inline-block;
  font-size: 16px;
  height: 45px;
  width: 45px;
  line-height: 45px;
  background: #0B6EDF;
  color: #fff;
  border-radius: 50%;
}
.offcanvas__close-btn:hover {
  background: #151B29;
}
.offcanvas__close-btn-2 {
  background: #CCA560;
}
.offcanvas__close-btn-3 {
  background: var(--renk2);
}
.offcanvas__logo {
  padding-bottom: 20px;
  border-bottom: 1px solid #858C9C;
}
.offcanvas__search {
  position: relative;
}
.offcanvas__search input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-right: 20px;
  background: transparent;
  border: none;
  outline: none;
  border-bottom: 1px solid #858C9C;
  font-size: 14px;
}
.offcanvas__search input::placeholder {
  color: #828DA5;
}
.offcanvas__search input:focus {
  border-color: #151B29;
}
.offcanvas__search button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 14px;
  color: #828DA5;
}
.offcanvas__text p {
  margin-bottom: 25px;
}
.offcanvas__contact h4 {
  font-size: 22px;
  margin-bottom: 20px;
}
.offcanvas__contact ul li:not(:last-child) {
  margin-bottom: 20px;
}
.offcanvas__contact ul li:hover i {
  color: #ffffff;
  background: #0B6EDF;
  border-color: #0B6EDF;
}
.offcanvas__contact ul li:hover a {
  color: #151B29;
}
.offcanvas__contact-icon i {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #E3E6EE;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.offcanvas__contact-text a {
  font-size: 18px;
  font-weight: 500;
  color: #B3B9C5;
}
.offcanvas__contact-3 h4 {
  font-weight: 600;
}
.offcanvas__contact-3 ul li:hover i {
  color: #ffffff;
  background: var(--renk2);
  border-color: var(--renk2);
}
.offcanvas__map iframe {
  width: 100%;
  height: 200px;
  border: none;
}
.offcanvas__social ul li {
  display: inline-block;
}
.offcanvas__social ul li:not(:last-child) {
  margin-right: 5px;
}
.offcanvas__social ul li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #FBFBFB;
  color: #0B6EDF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.offcanvas__social ul li a:hover {
  background: #0B6EDF;
  color: #ffffff;
}
.offcanvas__social-3 ul li a {
  color: var(--renk2);
}
.offcanvas__social-3 ul li a:hover {
  color: #ffffff;
  background: var(--renk2);
}

.search__area {
  position: fixed;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background: #ffffff;
  z-index: 9999;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  opacity: 0;
  visibility: hidden;
}
.search__area.opened {
  top: 0;
  bottom: auto;
  height: 100%;
  opacity: 1;
  visibility: visible;
}
.search__wrapper {
  position: relative;
}
.search__input {
  position: relative;
}
.search__input input {
  width: 100%;
  height: 80px;
  background: transparent;
  outline: none;
  border: none;
  border-bottom: 2px solid rgba(21, 27, 41, 0.8);
  color: #151B29;
  font-size: 35px;
  padding-right: 60px;
}
.search__input input::placeholder {
  font-size: 20px;
  color: #151B29;
  text-transform: capitalize;
}
.search__input button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #151B29;
  font-size: 35px;
}
.search__close {
  position: absolute;
  top: -100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.search__close .search-close-btn {
  font-size: 35px;
  color: #151B29;
}

/* mean menu customize */
.mean-container a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-nav {
  background: none;
  margin-top: 0;
}

.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
}

.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}

.mean-container a.meanmenu-reveal {
  display: none !important;
}

.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 10px 0;
  color: #151B29;
  border-top: 1px solid #ebebeb;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
}
.mean-container .mean-nav ul li a:hover {
  color: #0B6EDF;
}

.mean-container.mobile-menu-2 .mean-nav ul li a:hover {
  color: #CCA560;
}

.mean-container.mobile-menu-3 .mean-nav ul li a:hover {
  color: var(--renk2);
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 5px;
  padding: 0 !important;
  line-height: 14px;
  border: 1px solid #ebebeb !important;
  height: 30px;
  width: 30px;
  line-height: 30px;
  color: #151B29;
  line-height: 30px;
  top: 0;
  font-weight: 400;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  background: #0B6EDF;
  color: #ffffff;
  border-color: #0B6EDF;
}

.mean-container.mobile-menu-2 .mean-nav ul li a.mean-expand:hover {
  background: #CCA560;
  color: #ffffff;
  border-color: #CCA560;
}

.mean-container.mobile-menu-3 .mean-nav ul li a.mean-expand:hover {
  background: var(--renk2);
  color: #ffffff;
  border-color: var(--renk2);
}

.mean-container .mean-nav ul li > a > i {
  display: none;
}

.mean-container .mean-nav ul li > a.mean-expand i {
  display: inline-block;
}

.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked {
  color: #151B29;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  color: #151B29;
}

/*----------------------------------------*/
/*  03. SLIDER CSS START
/*----------------------------------------*/
.slider__mt--40 {
  margin-top: -40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider__mt--40 {
    margin-top: 0;
  }
}
.slider__height {
  min-height: 850px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__height {
    min-height: 750px;
  }
}
@media (max-width: 575px) {
  .slider__height {
    min-height: 550px;
  }
}
.slider__height-2 {
  min-height: 770px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__height-2 {
    min-height: 670px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider__height-2 {
    min-height: 570px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__height-4 {
    min-height: 630px;
  }
}
.slider__height-5 {
  min-height: 950px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__height-5 {
    min-height: 750px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__height-5 {
    min-height: 1100px;
  }
}
.slider__height-6 {
  min-height: 900px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__height-6 {
    min-height: 800px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__height-6 {
    min-height: 650px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__height-6 {
    min-height: 590px;
  }
}
@media (max-width: 575px) {
  .slider__height-6 {
    min-height: 600px;
  }
}
.slider__height-7 {
  min-height: 945px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider__height-7 {
    background-position: right;
  }
}
.slider__height-8 {
  min-height: 890px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__height-8 {
    min-height: 620px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider__height-8 {
    min-height: 590px;
  }
}
.slider__height-9 {
  min-height: 900px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__height-9 {
    min-height: 800px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__height-9 {
    min-height: 620px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider__height-9 {
    min-height: 590px;
  }
}
.slider__height-10 {
  min-height: 820px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__height-10 {
    min-height: 620px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider__height-10 {
    min-height: 590px;
  }
}
.slider__height-11 {
  min-height: 950px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__height-11 {
    min-height: 620px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider__height-11 {
    min-height: 590px;
  }
}
.slider__overlay {
  position: relative;
}
.slider__overlay::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 12, 119, 0.5);
}
.slider__overlay-2::before {
  background: rgba(3, 3, 41, 0.7);
}
.slider__overlay-6::before {
  background: rgba(11, 11, 25, 0.7);
}
.slider__overlay-8::before {
  background: rgba(2, 5, 16, 0.6);
}
.slider__overlay-11::before {
  background: rgba(38, 40, 51, 0.6);
}
.slider__content {
  position: relative;
}
.slider__content p {
  font-size: 20px;
  color: #ffffff;
}
.slider__content-2 p {
  font-size: 16px;
  color: #ffffff;
  padding: 0 90px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__content-2 p {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 575px) {
  .slider__content-2 p {
    padding-left: 0;
    padding-right: 0;
  }
}
.slider__content-2 a {
  padding-left: 33px;
  padding-right: 33px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .slider__content-3 {
    margin-left: 112px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider__content-3 {
    margin-left: 199px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__content-3 {
    margin-left: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__content-3 {
    margin-left: 93px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__content-3 {
    margin-left: 55px;
  }
}
.slider__content-3 p {
  font-size: 18px;
  line-height: 30px;
  padding-right: 200px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider__content-3 p {
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider__content-3 p {
    padding-right: 0;
  }
}
.slider__content-4 > span {
  font-size: 20px;
  font-weight: 700;
  color: #DC1A1A;
  display: inline-block;
  margin-bottom: 22px;
}
.slider__content-4 p {
  font-size: 20px;
  color: #747480;
  line-height: 1.3;
  margin-bottom: 45px;
  padding-right: 160px;
}
@media (max-width: 575px) {
  .slider__content-4 p {
    padding-right: 0;
  }
}
.slider__content-5 {
  position: relative;
  z-index: 1;
}
.slider__content-5 p {
  color: #D8D9E1;
  padding-right: 200px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__content-5 p {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider__content-5 p {
    padding-right: 0;
  }
}
.slider__content-5 .d-btn-cre {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.slider__content-5 .d-btn-cre:hover {
  color: #060D2B;
  background: #ffffff;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider__content-6 {
    margin-top: 30px;
  }
}
.slider__content-6 > span {
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 15px;
}
.slider__content-6 p {
  font-size: 16px;
  color: #ffffff;
  padding: 0 130px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__content-6 p {
    padding-left: 70px;
    padding-right: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider__content-6 p {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider__content-7 {
    margin-top: 0;
  }
}
.slider__content-7 > span {
  font-size: 20px;
  color: #0183F1;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 23px;
}
.slider__content-7 p {
  font-size: 18px;
  padding-right: 70px;
  margin-bottom: 40px;
}
@media (max-width: 575px) {
  .slider__content-7 p {
    padding-right: 0;
  }
}
.slider__content-8 {
  padding: 0 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider__content-8 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 575px) {
  .slider__content-8 {
    padding: 0;
  }
}
.slider__content-8 span {
  font-size: 28px;
  font-weight: 500;
  color: #FED507;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 15px;
}
@media (max-width: 575px) {
  .slider__content-8 span {
    font-size: 22px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider__content-9 {
    margin-top: 50px;
    margin-bottom: 40px;
  }
}
.slider__content-9 p {
  font-size: 24px;
  line-height: 1.4;
  color: #ffffff;
  font-weight: 300;
  padding-right: 185px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__content-9 p {
    padding-right: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider__content-9 p {
    padding-right: 0;
  }
}
.slider__content-9 p span {
  font-weight: 500;
}
.slider__content-10 > p {
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 40px;
}
.slider__content-11 > span {
  font-size: 20px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 15px;
}
.slider__title {
  font-size: 80px;
  color: #ffffff;
  font-weight: 800;
  line-height: 1.15;
  margin-bottom: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__title {
    font-size: 71px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__title {
    font-size: 45px;
  }
}
@media (max-width: 575px) {
  .slider__title {
    font-size: 27px;
  }
}
.slider__title-2 {
  font-size: 80px;
  color: #ffffff;
  margin-bottom: 20px;
  line-height: 1.1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__title-2 {
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__title-2 {
    font-size: 55px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__title-2 {
    font-size: 45px;
  }
}
@media (max-width: 575px) {
  .slider__title-2 {
    font-size: 27px;
  }
}
.slider__title-highlight {
  color: #CCA560;
}
.slider__title-3 {
  font-size: 90px;
  font-weight: 700;
  font-family: "Saira", sans-serif;
  color: var(--renk);
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider__title-3 {
    font-size: 65px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__title-3 {
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__title-3 {
    font-size: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__title-3 {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .slider__title-3 {
    font-size: 35px;
  }
}
.slider__title-4 {
  font-size: 82px;
  color: #030329;
  line-height: 1;
  margin-bottom: 50px;
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__title-4 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .slider__title-4 {
    font-size: 35px;
  }
}
.slider__title-4 .slider-title-line {
  position: relative;
}
.slider__title-4 .slider-title-line::after {
  position: absolute;
  content: "";
  right: 70px;
  bottom: 0;
  width: 170px;
  height: 5px;
  background: #DC1A1A;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
@media (max-width: 575px) {
  .slider__title-4 .slider-title-line::after {
    width: 135px;
  }
}
.slider__title-5 {
  font-size: 110px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.1;
  margin-bottom: 20px;
  text-transform: uppercase;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider__title-5 {
    font-size: 95px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__title-5 {
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__title-5 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__title-5 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .slider__title-5 {
    font-size: 45px;
  }
}
.slider__title-6 {
  font-size: 70px;
  line-height: 1.1;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__title-6 {
    font-size: 65px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__title-6 {
    font-size: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider__title-6 {
    font-size: 40px;
  }
}
.slider__title-7 {
  font-size: 70px;
  font-weight: 600;
  color: #030329;
  line-height: 1.15;
  margin-bottom: 27px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__title-7 {
    font-size: 55px;
  }
}
@media (max-width: 575px) {
  .slider__title-7 {
    font-size: 30px;
  }
}
.slider__title-8 {
  font-size: 70px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__title-8 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__title-8 {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .slider__title-8 {
    font-size: 34px;
  }
}
.slider__title-9 {
  font-size: 70px;
  color: #ffffff;
  margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__title-9 {
    font-size: 52px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__title-9 {
    font-size: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__title-9 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .slider__title-9 {
    font-size: 30px;
  }
}
.slider__title-10 {
  font-size: 70px;
  color: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__title-10 {
    font-size: 55px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__title-10 {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .slider__title-10 {
    font-size: 32px;
  }
}
.slider__title-11 {
  font-size: 120px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider__title-11 {
    font-size: 105px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__title-11 {
    font-size: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__title-11 {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .slider__title-11 {
    font-size: 45px;
  }
}
.slider__wrapper .main-slider-paginations {
  position: absolute;
  top: 50% !important;
  left: auto;
  right: 30px;
  bottom: auto;
  z-index: 1;
  width: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 575px) {
  .slider__wrapper .main-slider-paginations {
    top: auto !important;
    bottom: 15px !important;
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.slider__wrapper .main-slider-paginations .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: transparent;
  opacity: 1;
  border: 2.5px solid #151B29;
  display: block;
  margin: 22px 0;
}
@media (max-width: 575px) {
  .slider__wrapper .main-slider-paginations .swiper-pagination-bullet {
    margin: 0 10px;
    display: inline-block;
  }
}
.slider__wrapper .main-slider-paginations .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ffffff;
  border-color: #ffffff;
}
.slider__form {
  padding: 50px 30px;
}
@media (max-width: 575px) {
  .slider__form {
    display: none;
  }
}
.slider__input {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider__input {
    margin-bottom: 15px;
  }
}
.slider__input input {
  width: 100%;
  height: 50px;
  border: 1px solid #E3E6EE;
  padding: 0 20px;
}
.slider__input input::placeholder {
  color: #828DA5;
}
.slider__input input:focus {
  border-color: #151B29;
}
.slider__input button {
  width: 100%;
  height: 50px;
  background: #0B6EDF;
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
}
.slider__input button:hover {
  background: #151B29;
  color: #ffffff;
}
.slider__input .input-icon {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slider__input .nice-select {
  border-radius: 0;
  border: none;
  height: 50px;
  line-height: 46px;
  width: 100%;
  border: 1px solid #E3E6EE;
}
.slider__input .nice-select::after {
  top: 60%;
  border: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #B3B9C5;
  margin-top: -7px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.slider__input .nice-select.open::after {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.slider__input .nice-select .list {
  margin-top: 0;
  width: 100%;
  border: 0;
  border-radius: 0;
}
.slider__input .nice-select:focus {
  border-color: #151B29;
}
.slider__input-2 input {
  border-color: transparent;
}
.slider__input-2 .nice-select {
  border-color: transparent;
}
.slider__input-2 .nice-select:focus {
  border-color: transparent;
}
.slider__nav {
  position: absolute;
  top: 50%;
  left: 30px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 11;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__nav {
    left: 15px;
  }
}
@media (max-width: 575px) {
  .slider__nav {
    display: none;
  }
}
.slider__nav button {
  width: 70px;
  height: 70px;
  text-align: center;
  line-height: 70px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  color: #ffffff;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider__nav button {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
.slider__nav button:hover {
  background: #CCA560;
  color: #ffffff;
}
.slider__nav.slider-2-button-next {
  left: auto;
  right: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__nav.slider-2-button-next {
    right: 15px;
  }
}
.slider__nav-3 {
  position: absolute;
  bottom: 0;
  left: 305px;
  z-index: 11;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .slider__nav-3 {
    left: 175px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider__nav-3 {
    left: 242px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__nav-3 {
    left: 178px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__nav-3 {
    left: 130px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__nav-3 {
    left: 86px;
  }
}
@media (max-width: 575px) {
  .slider__nav-3 {
    display: none;
  }
}
.slider__nav-3 button {
  display: inline-block;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  background: var(--renk2);
  font-size: 22px;
  color: #ffffff;
}
.slider__nav-3 button:hover {
  background: #ffffff;
  color: var(--renk);
}
.slider__nav-3 button.slider-3-button-next {
  background: var(--renk);
}
.slider__nav-3 button.slider-3-button-next:hover {
  background: #ffffff;
  color: #151B29;
}
.slider__shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 395px;
  height: 100%;
  z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .slider__shape-1 {
    width: 269.5px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider__shape-1 {
    width: 332px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__shape-1 {
    width: 268px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__shape-1 {
    width: 220px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__shape-1 {
    width: 176px;
  }
}
@media (max-width: 575px) {
  .slider__shape-1 {
    display: none;
  }
}
.slider__shape-2 {
  position: absolute;
  top: -65px;
  left: -41px;
  width: 0;
  height: 497px;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider__shape-2 {
    left: -33px;
  }
}
@media (max-width: 575px) {
  .slider__shape-2 {
    display: none;
  }
}
.slider__shape-3 {
  position: absolute;
  top: 0;
  left: 0;
}
.slider__shape-4 {
  position: absolute;
  left: 7%;
  bottom: 27%;
}
.slider__shape-5 {
  position: absolute;
  position: absolute;
  z-index: -1;
  top: -15%;
  left: -10%;
}
.slider__shape-6 {
  position: absolute;
  bottom: 0;
  left: 40%;
}
@media (max-width: 575px) {
  .slider__shape-6 {
    left: 0;
  }
}
.slider__shape-7 {
  position: absolute;
  right: 2%;
  top: 10%;
}
.slider__shape-8 {
  position: absolute;
  top: 40%;
  left: -8%;
}
.slider__shape-9 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider__shape-9 {
    width: 100%;
  }
}
.slider__shape-10 {
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 575px) {
  .slider__shape-10 {
    width: 100%;
  }
}
.slider__shape-11 {
  position: absolute;
  bottom: 35%;
  left: 4%;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider__shape-11 {
    left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__shape-11 {
    left: 0;
    bottom: 31%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__shape-11 {
    left: 0;
    bottom: 31%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider__shape-11 {
    bottom: 21%;
  }
}
.slider__shape-12 {
  position: absolute;
  top: -25%;
  right: -25%;
}
.slider__shape-13 {
  position: absolute;
  top: 20%;
  left: 55%;
}
.slider__shape-14 {
  position: absolute;
  top: 34%;
  left: 7%;
}
.slider__shape-15 {
  position: absolute;
  top: 24%;
  left: 28%;
}
.slider__shape-16 {
  position: absolute;
  right: 30px;
  bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__shape-16 {
    bottom: -50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__shape-16 {
    bottom: -80px;
  }
}
@media (max-width: 575px) {
  .slider__shape-16 {
    display: none;
  }
}
.slider__shape-17 {
  position: absolute;
  z-index: 1;
  bottom: 15px;
  right: -5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider__shape-17 {
    right: -10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__shape-17 {
    bottom: -40%;
    right: -35%;
  }
}
@media (max-width: 575px) {
  .slider__shape-17 {
    display: none;
  }
}
.slider__shape-18 {
  position: absolute;
  z-index: 1;
  right: -19%;
  bottom: 1%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider__shape-18 {
    right: -32%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__shape-18 {
    right: -48%;
    bottom: -23%;
  }
}
@media (max-width: 575px) {
  .slider__shape-18 {
    display: none;
  }
}
.slider__shape-19 {
  position: absolute;
  z-index: 1;
  bottom: 36%;
  right: 2%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__shape-19 {
    bottom: 28%;
    right: 1%;
  }
}
@media (max-width: 575px) {
  .slider__shape-19 {
    display: none;
  }
}
.slider__shape-20 {
  position: absolute;
  z-index: 1;
  left: 90px;
  bottom: 0;
}
@media (max-width: 575px) {
  .slider__shape-20 {
    left: 0;
  }
}
.slider__item-3.swiper-slide-active .slider__shape-2 {
  width: 132px;
}
.slider__social {
  position: absolute;
  top: 170px;
  left: 110px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .slider__social {
    left: 45px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider__social {
    top: 200px;
    left: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__social {
    top: 200px;
    left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__social {
    left: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__social {
    left: 5px;
  }
}
@media (max-width: 575px) {
  .slider__social {
    display: none;
  }
}
.slider__social span {
  font-size: 16px;
  color: #ffffff;
  writing-mode: vertical-lr;
  text-orientation: upright;
  letter-spacing: 10px;
  animation: spin 3s infinite linear;
}
.slider__social ul {
  position: relative;
  margin-top: 10px;
  padding-top: 45px;
  padding-bottom: 45px;
}
.slider__social ul::after, .slider__social ul::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1px;
  height: 30px;
  background: #ffffff;
}
.slider__social ul::before {
  top: auto;
  bottom: 0;
}
.slider__social ul li:not(:last-child) {
  margin-bottom: 17px;
}
.slider__social ul li a {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  border: 1px solid #5C6087;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 12px;
  color: #ffffff;
}
.slider__social ul li a:hover {
  color: #151B29;
  background: #ffffff;
  border-color: #ffffff;
}
.slider__down {
  position: absolute;
  bottom: -35px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
  width: 52px;
  height: 70px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #ffffff;
  text-align: center;
  line-height: 70px;
}
.slider__down .arrow-down {
  display: inline-block;
  font-size: 18px;
  color: #DC1A1A;
  width: 32px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #ffffff;
  border: 2px solid #DC1A1A;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider__thumb-5-1 {
    width: 100%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider__thumb-9 img {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .slider__btn-7 a {
    margin-bottom: 30px;
  }
}
.slider__btn-7 .d-btn-edu {
  padding-left: 30px;
  padding-right: 30px;
}
.slider__btn-7 .d-btn-edu:hover {
  box-shadow: 0px 20px 20px rgba(1, 131, 241, 0.15);
  color: #ffffff;
  background: #0183F1;
  border-color: #0183F1;
}
.slider__btn-7 .play-btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #030329;
  text-transform: uppercase;
}
.slider__btn-7 .play-btn i {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #E950A6;
  margin-right: 15px;
}
.slider__btn-7 .play-btn span {
  position: relative;
}
.slider__btn-7 .play-btn span::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #030329;
}
.slider__btn-7 .play-btn:hover i {
  background: #0183F1;
}
.slider__course {
  bottom: 18%;
  right: 33%;
  padding: 20px 30px;
  padding-top: 40px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 2px solid #0183F1;
  -webkit-box-shadow: 0px 20px 30px rgba(32, 38, 123, 0.14);
  -moz-box-shadow: 0px 20px 30px rgba(32, 38, 123, 0.14);
  box-shadow: 0px 20px 30px rgba(32, 38, 123, 0.14);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__course {
    right: 12%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__course {
    right: 2%;
  }
}
.slider__course span {
  position: absolute;
  top: 0;
  left: 30px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  width: 55px;
  height: 55px;
  line-height: 51px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 20px;
  color: #0183F1;
  border: 3px solid #0183F1;
  background: #ffffff;
}
.slider__course h5 {
  font-size: 18px;
  font-weight: 500;
  font-family: "Rubik", sans-serif;
  color: #030329;
  margin-bottom: 3px;
}
.slider__course p {
  font-size: 14px;
  margin-bottom: 0;
}
.slider__counter {
  padding: 20px 25px;
  position: absolute;
  top: 36%;
  right: 4%;
  border: 2px solid #0183F1;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  -webkit-box-shadow: 0px 20px 60px rgba(28, 40, 99, 0.45);
  -moz-box-shadow: 0px 20px 60px rgba(28, 40, 99, 0.45);
  box-shadow: 0px 20px 60px rgba(28, 40, 99, 0.45);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider__counter {
    display: none;
  }
}
.slider__counter-item:not(:last-child) {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #CDD0D8;
}
.slider__counter h4 {
  font-size: 30px;
  font-weight: 700;
  font-family: "Rubik", sans-serif;
  margin-bottom: 0;
  color: #0183F1;
}
.slider__counter h4.color-pink {
  color: #E950A6;
}
.slider__counter p {
  color: #030329;
  margin-bottom: 0;
}
.slider__play {
  position: absolute;
  z-index: 11;
  bottom: 0;
  right: 100px;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}
.slider__play .play-btn {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.slider__play .play-btn i {
  display: inline-block;
  width: 100px;
  height: 100px;
  line-height: 98px;
  text-align: center;
  background-color: #ffffff;
  font-size: 35px;
  color: #FE951E;
}
.slider__play .play-btn:hover i {
  background-color: #FE951E;
  color: #ffffff;
}
.slider__play .play-btn::after {
  position: absolute;
  content: "";
  left: -25px;
  top: 0;
  width: 150px;
  height: 125px;
  background-color: rgba(3, 3, 41, 0.3);
  z-index: -1;
}

/* rotate keyframe */
@keyframes spin {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}
/*----------------------------------------*/
/*  04. PACKAGE CSS START
/*----------------------------------------*/
.package__item:hover .package__thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.package__title {
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 15px;
}
.package__title a:hover {
  color: #0B6EDF;
}
.package__content {
  border-left: 1px solid #E3E6EE;
  border-right: 1px solid #E3E6EE;
  padding: 40px 30px;
  padding-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .package__content {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.package__price {
  position: absolute;
  top: 0;
  left: 30px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .package__price {
    left: 10px;
  }
}
.package__price span {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  background: #0B6EDF;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
}
.package__time {
  margin-bottom: 13px;
}
.package__time span {
  font-size: 14px;
  font-weight: 700;
}
.package__time span i {
  color: #0B6EDF;
  margin-right: 7px;
}
.package__rating ul li {
  display: inline-block;
}
.package__rating ul li a {
  font-size: 14px;
  color: #FEA307;
}
.package__bottom-wrapper {
  border: 1px solid #E3E6EE;
  border-right: none;
}
.package__bottom a {
  display: inline-block;
  border-right: 1px solid #E3E6EE;
  height: 38px;
  line-height: 38px;
  width: 100%;
  position: relative;
  z-index: 1;
  text-align: center;
  font-size: 18px;
}
.package__bottom a::after {
  left: auto;
  right: 0;
  width: 0;
  height: 100%;
  background: #0B6EDF;
  z-index: -1;
}
.package__bottom a:hover {
  color: #ffffff;
}
.package__bottom a:hover::after {
  width: 100%;
  left: 0;
  right: auto;
}
.package__slider {
  padding-bottom: 70px;
}
.package__slider .owl-dots {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.package__slider .owl-dots .owl-dot {
  width: 23px;
  height: 6px;
  background: #ffffff;
  border: 1px solid #0B6EDF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 5px;
}
.package__slider .owl-dots .owl-dot.active {
  background: #0B6EDF;
}

/*----------------------------------------*/
/*  05. CTA CSS START
/*----------------------------------------*/
.cta__area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.cta__title {
  font-size: 40px;
  color: #ffffff;
  line-height: 1.3;
  margin-bottom: 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta__title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta__title {
    font-size: 27px;
  }
}
@media (max-width: 575px) {
  .cta__title {
    font-size: 26px;
  }
}
.cta__title-2 {
  font-size: 29px;
  color: #ffffff;
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta__title-2 {
    margin-bottom: 25px;
  }
}
@media (max-width: 575px) {
  .cta__title-2 {
    font-size: 23px;
    margin-bottom: 25px;
  }
}
.cta__title-4 {
  font-size: 45px;
  color: #030329;
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta__title-4 {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .cta__title-4 {
    font-size: 27px;
  }
}
.cta__btn .or {
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 15px;
}
@media (max-width: 575px) {
  .cta__btn .or {
    display: block;
    margin: 10px 0;
  }
}
.cta__btn .d-btn span {
  margin-right: 5px;
}
.cta__btn .d-btn.d-btn-border {
  padding-left: 30px;
  padding-right: 30px;
}
.cta__btn .d-btn:hover {
  background: #ffffff;
  color: #151B29;
}
.cta__btn-3 .d-btn-border:hover {
  color: #CCA560;
}
.cta__overlay {
  position: relative;
}
.cta__overlay::after {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(2, 10, 78, 0.7);
}
.cta__overlay-2::after {
  background: rgba(21, 27, 41, 0.5);
}
.cta__overlay-5::after {
  background: rgba(26, 31, 99, 0.2);
}
.cta__overlay-11::after {
  background: rgba(37, 38, 45, 0.8);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta__content-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.cta__content-2 h5 {
  font-size: 22px;
  margin-bottom: 5px;
  color: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .cta__content-4 {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .cta__content-7 {
    margin-bottom: 20px;
  }
}
.cta__content-7 h3 {
  font-size: 30px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 15px;
}
.cta__content-7 p {
  font-family: "Poppins", sans-serif;
  color: #ffffff;
  margin-bottom: 0;
  padding-right: 60px;
}
@media (max-width: 575px) {
  .cta__content-7 p {
    padding-right: 0;
  }
}
.cta__content-8 h3 {
  color: #030329;
}
.cta__content-8 p {
  color: #030329;
}
.cta__content-9 .d-btn-2-white {
  color: #151B29;
}
.cta__content-9 .d-btn-2-white:hover {
  color: #ffffff;
}
@media (max-width: 575px) {
  .cta__content-9 .d-btn {
    margin-bottom: 10px;
  }
}
.cta__content-11 .section__title-11 {
  color: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta__content-11 .section__title-11 {
    font-size: 48px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta__content-11 .section__title-11 {
    font-size: 35px;
  }
}
.cta__content-11 .section__title-11 span {
  color: #FE951E;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta__thumb {
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta__thumb {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .cta__thumb-10 img {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta__padding {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 575px) {
  .cta__padding {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.cta__wrapper-4 {
  padding: 70px 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta__wrapper-4 {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .cta__wrapper-4 {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.cta__wrapper-7 {
  padding: 47px 70px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .cta__wrapper-7 {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .cta__wrapper-10 {
    padding-bottom: 100px;
  }
}
@media (max-width: 575px) {
  .cta__wrapper-10 {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cta__wrapper-10 {
    padding-right: 0;
    padding-bottom: 100px;
  }
}
.cta__video .play-video {
  display: inline-block;
  width: 116px;
  height: 116px;
  line-height: 116px;
  text-align: center;
  font-size: 30px;
  padding-left: 9px;
  color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: linear-gradient(120deg, rgb(2, 0, 36) 0%, rgb(254, 163, 7) 0%, rgb(254, 88, 36) 100%);
}
.cta__video .play-video:hover {
  color: #1414B4;
}
.cta__form-input {
  width: 440px;
}
.cta__form-input-wrapper button {
  position: absolute;
  top: 0;
  right: 0;
  color: #ffffff;
  height: 60px;
  line-height: 60px;
  font-weight: 500;
  text-transform: uppercase;
  background: #030329;
  padding: 0 30px;
  font-size: 14px;
}
.cta__form-input-wrapper button i {
  margin-right: 8px;
}
@media (max-width: 575px) {
  .cta__form-input-wrapper button {
    position: static;
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .cta__form-input {
    width: 100%;
  }
}
.cta__form-input input {
  width: 100%;
  height: 60px;
  background: #ffffff;
  border: 0;
  outline: 0;
  padding: 0 45px;
  padding-right: 170px;
}
@media (max-width: 575px) {
  .cta__form-input input {
    padding-right: 20px;
  }
}
.cta__form-input input::placeholder {
  color: #8A97B2;
  font-size: 16px;
}
.cta__form-input .mail-icon {
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #8A97B2;
}
.cta__form-input-2 {
  width: 100%;
}
.cta__form-input-2 button i {
  color: #FED507;
}
.cta__support-icon i {
  font-size: 50px;
  color: #ffffff;
}
.cta__support-content p {
  font-size: 15px;
  margin-bottom: 0;
  color: #ffffff;
}
.cta__support-content h3 {
  font-size: 26px;
  color: #ffffff;
  margin-bottom: 0;
}

.cta-orange-color .d-btn-bus {
  background: var(--renk2);
}
.cta-orange-color .d-btn-bus:hover {
  background: #030329;
}

/*----------------------------------------*/
/*  06. WHY CSS START
/*----------------------------------------*/
.why__item:hover .why__icon span {
  color: #ffffff;
  background: #0B6EDF;
}
.why__item-6:hover .why__icon-6 i {
  -webkit-transform: translateY(-5px) translate3d(0, -5px, 0);
  -moz-transform: translateY(-5px) translate3d(0, -5px, 0);
  -ms-transform: translateY(-5px) translate3d(0, -5px, 0);
  transform: translateY(-5px) translate3d(0, -5px, 0);
}
.why__item-7 {
  padding: 55px 55px;
  border-right: 1px solid #E3E6EF;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .why__item-7 {
    border-right: 0;
    border-bottom: 1px solid #E3E6EF;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .why__item-7 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .why__item-7 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.why__item-7.br-0 {
  border-right: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .why__item-7.br-0 {
    border-bottom: 0;
  }
}
.why__icon {
  margin-bottom: 33px;
}
.why__icon span {
  display: inline-block;
  width: 72px;
  height: 72px;
  line-height: 66px;
  text-align: center;
  border: 3px solid #0B6EDF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #0B6EDF;
}
.why__icon span i {
  font-size: 34px;
}
.why__icon-6 i {
  display: inline-block;
  font-size: 50px;
  color: #DC1A1A;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -moz-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -ms-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -o-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
}
.why__icon-7 i {
  font-size: 50px;
  color: #0183F1;
}
.why__icon-8 i {
  font-size: 50px;
  color: #030329;
}
.why__title {
  font-size: 20px;
  margin-bottom: 15px;
}
.why__title:hover {
  color: #0B6EDF;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .why__title {
    font-size: 18px;
  }
}
.why__title-6 {
  font-size: 24px;
  font-weight: 400;
  color: #030329;
  margin-bottom: 15px;
}
.why__title-6 a:hover {
  color: #DC1A1A;
}
.why__title-7 {
  font-size: 18px;
  font-family: "Rubik", sans-serif;
  color: #030329;
  font-weight: 500;
}
.why__title-7 a:hover {
  color: #0183F1;
}
.why__title-8 a:hover {
  color: #FED507;
}
.why__content-2 p {
  font-size: 16px;
  color: #B3B9C5;
  margin-bottom: 45px;
}
.why__content-2 .why-des {
  font-size: 18px;
  color: #B3B9C5;
  margin-bottom: 20px;
}
.why__content-2 .d-btn:hover {
  border-color: #ffffff;
  background: #ffffff;
  color: #151B29;
}
.why__content-6 p {
  margin-bottom: 0;
}
.why__content-11 > p {
  color: #777777;
  margin-bottom: 33px;
}
.why__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 47.5%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .why__bg-6 {
    background-position: right;
  }
}
.why__bg-11 {
  width: 45%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .why__bg-11 {
    width: 39%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .why__bg-11 {
    width: 30%;
  }
}
.why__brand ul li {
  position: relative;
}
.why__brand ul li:not(:last-child) {
  padding-right: 20px;
  margin-right: 20px;
}
.why__brand ul li:not(:last-child)::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 47px;
  width: 1px;
  background: #E3E6EE;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .why__brand ul li img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .why__map {
    margin-top: 50px;
  }
}
.why__map-dot {
  position: absolute;
  z-index: 1;
}
.why__map-dot.dot-1 {
  top: 12%;
  left: 33%;
}
.why__map-dot.dot-1:hover .why__map-dot-content.dot-1, .why__map-dot.dot-1.active .why__map-dot-content.dot-1 {
  visibility: visible;
  opacity: 1;
  top: 100%;
}
.why__map-dot.dot-2 {
  left: 17%;
  top: 44%;
}
.why__map-dot.dot-2:hover .why__map-dot-content.dot-2, .why__map-dot.dot-2.active .why__map-dot-content.dot-2 {
  visibility: visible;
  opacity: 1;
  top: 100%;
}
.why__map-dot.dot-3 {
  left: 29%;
  bottom: 21%;
}
.why__map-dot.dot-3:hover .why__map-dot-content.dot-3, .why__map-dot.dot-3.active .why__map-dot-content.dot-3 {
  visibility: visible;
  opacity: 1;
  top: 100%;
}
.why__map-dot.dot-4 {
  right: 15%;
  bottom: 15%;
}
@media (max-width: 575px) {
  .why__map-dot.dot-4 {
    right: 19%;
  }
}
.why__map-dot.dot-4:hover .why__map-dot-content.dot-4, .why__map-dot.dot-4.active .why__map-dot-content.dot-4 {
  visibility: visible;
  opacity: 1;
  top: 100%;
}
.why__map-dot.dot-5 {
  top: 22%;
  right: 25%;
}
.why__map-dot.dot-5:hover .why__map-dot-content.dot-5, .why__map-dot.dot-5.active .why__map-dot-content.dot-5 {
  visibility: visible;
  opacity: 1;
  top: 100%;
}
.why__map-dot .dot {
  display: inline-block;
  width: 23px;
  height: 23px;
  background: #DC1A1A;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 4px solid #ffffff;
}
.why__map-dot .dot:hover {
  cursor: pointer;
}
.why__map-dot-content {
  position: absolute;
  top: 120%;
  left: 0;
  -webkit-transform: translateX(-39%);
  -moz-transform: translateX(-39%);
  -ms-transform: translateX(-39%);
  transform: translateX(-39%);
  padding: 5px 15px 10px;
  background: #ffffff;
  border: 1px solid #E3E6EE;
  width: 130px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
  -webkit-box-shadow: 0px 0px 50px rgba(48, 90, 174, 0.07);
  -moz-box-shadow: 0px 0px 50px rgba(48, 90, 174, 0.07);
  box-shadow: 0px 0px 50px rgba(48, 90, 174, 0.07);
}
.why__map-dot-content::after {
  position: absolute;
  content: "";
  top: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border: 10px solid #ffffff;
  border-left-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
}
.why__map-dot-content span {
  font-size: 14px;
  color: #030329;
  font-weight: 500;
  line-height: 1;
}
.why__map-dot-content p {
  font-size: 12px;
  margin-bottom: 0;
  line-height: 1;
}
.why__map-counter {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.why__map-counter h5, .why__map-counter p {
  position: relative;
  -webkit-text-fill-color: #ffffff;
  font-size: 85px;
  color: #DC1A1A;
  -webkit-text-stroke-color: #DC1A1A;
  -webkit-text-stroke-width: 3px;
  -moz-text-stroke-color: #DC1A1A;
  -moz-text-stroke-width: 1px;
  -moz-text-fill-color: transparent;
  line-height: 90px;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 700;
}
.why__map-counter .plus {
  position: absolute;
  top: 4px;
  right: -20px;
  font-size: 35px;
  line-height: 1;
  -webkit-text-stroke-width: 2px;
  font-family: "Rubik", sans-serif;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .why__map .why-map {
    width: 100%;
  }
}
.why__wrapper-2 p {
  font-family: "Lato", sans-serif;
}
.why__wrapper-4 > p {
  margin-bottom: 50px;
}
.why__wrapper-7 {
  box-shadow: 0px 30px 40px rgba(52, 117, 171, 0.08);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .why__wrapper-9 {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .why__wrapper-9 {
    padding-left: 0;
  }
}
.why__wrapper-9 > p {
  margin-bottom: 30px;
}
.why__list-9 ul li {
  font-size: 16px;
  color: #030329;
  width: 50%;
  float: left;
  margin-bottom: 10px;
}
@media (max-width: 575px) {
  .why__list-9 ul li {
    width: 100%;
  }
}
.why__list-9 ul li i {
  color: #035FFF;
  margin-right: 10px;
}
.why__list-9 ul li:hover {
  color: #035FFF;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .why__thumb-9 img {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .why__thumb-11 {
    margin-bottom: 30px;
  }
}
.why__progress .progress {
  height: 10px;
  overflow: visible;
  background: #25262D;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.why__progress .progress .progress-bar {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-align: right;
  background: #FE951E;
  position: relative;
  overflow: visible;
}
.why__progress .progress .progress-bar span {
  color: #030329;
  font-size: 15px;
  font-weight: 500;
  z-index: 1;
  display: inline-block;
  height: 24px;
  padding: 0 6px;
  margin-bottom: 40px;
}
.why__progress .progress-title {
  font-size: 15px;
  font-weight: 600;
  color: #030329;
  margin-bottom: 5px;
}
.why__overlay::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 45%;
  background: #F8F8F8;
  z-index: -1;
}
@media(max-width: 575px) {
  .why__overlay::after {
    height: 69%;
  }
}
.why__tab .nav-tabs {
  border: none;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .why__tab .nav-tabs .nav-item {
    width: 33.33%;
  }
}
@media (max-width: 575px) {
  .why__tab .nav-tabs .nav-item {
    width: 100%;
  }
}
.why__tab .nav-tabs .nav-item:not(:last-child) {
  margin-right: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .why__tab .nav-tabs .nav-item:not(:last-child) {
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .why__tab .nav-tabs .nav-item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.why__tab .nav-tabs .nav-item .nav-link {
  border: none;
  padding: 0;
  margin: 0;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0 45px;
  background: #1B1E23;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .why__tab .nav-tabs .nav-item .nav-link {
    padding: 0 30px;
  }
}
@media (max-width: 575px) {
  .why__tab .nav-tabs .nav-item .nav-link {
    width: 100%;
  }
}
.why__tab .nav-tabs .nav-item .nav-link.active, .why__tab .nav-tabs .nav-item .nav-link:hover {
  background: #FE951E;
}
.why__play {
  position: absolute;
  bottom: 120px;
  left: 40px;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .why__play {
    bottom: 20px;
    left: 20px;
  }
}
.why__play .play-btn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.why__play .play-btn i {
  font-size: 34px;
  color: #FE951E;
  display: inline-block;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  background: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 20px;
  padding-left: 7px;
}
.why__play .play-btn span {
  font-size: 20px;
  color: #ffffff;
}
.why__play .why-shape {
  position: absolute;
  bottom: -120px;
  left: -40px;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .why__play .why-shape {
    width: 100%;
    bottom: -20px;
    left: -20px;
  }
}

.why-color-orange .why__map-dot .dot {
  background: var(--renk2);
}
.why-color-orange .why__map-counter h5, .why-color-orange .why__map-counter p {
  color: var(--renk2);
  -webkit-text-stroke-color: var(--renk2);
}

/*----------------------------------------*/
/*  07. DESTINATION CSS START
/*----------------------------------------*/
.destination__item::after {
  left: 0;
  bottom: -20%;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(0deg, rgb(2, 0, 36) 0%, rgb(21, 27, 41) 0%, rgba(0, 212, 255, 0) 54%);
  background: -webkit-linear-gradient(0deg, rgb(2, 0, 36) 0%, rgb(21, 27, 41) 0%, rgba(0, 212, 255, 0) 54%);
  background: linear-gradient(0deg, rgb(2, 0, 36) 0%, rgb(21, 27, 41) 0%, rgba(0, 212, 255, 0) 54%);
}
.destination__item:hover .destination__thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.destination__title {
  font-size: 22px;
  color: #ffffff;
  margin-bottom: 0;
}
.destination__content {
  position: absolute;
  bottom: 15px;
  left: 20px;
  z-index: 1;
}
.destination__content span {
  font-size: 14px;
  color: #ffffff;
}

/*----------------------------------------*/
/*  08. FAQ CSS START
/*----------------------------------------*/
.faq__accordion-border {
  border: 1px solid #E3E6EE;
}
.faq__accordion .accordion-item:not(:last-child) {
  border-bottom: 1px solid #E3E6EE;
}
.faq__accordion .accordion-button {
  font-size: 16px;
  font-weight: 700;
  color: #151B29;
  border: none;
  padding: 17px 50px;
  position: relative;
  border-bottom: 1px solid transparent;
  text-align: left;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq__accordion .accordion-button {
    font-size: 14px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .faq__accordion .accordion-button {
    padding-left: 40px;
    padding-right: 30px;
  }
}
.faq__accordion .accordion-button::after {
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "\f067";
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  font-weight: 500;
  color: #151B29;
  background: none;
  width: auto;
  height: inherit;
  margin: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq__accordion .accordion-button::after {
    left: 6px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .faq__accordion .accordion-button::after {
    left: 15px;
  }
}
.faq__accordion .accordion-button:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.faq__accordion .accordion-button:not(.collapsed) {
  background: #ffffff;
  border-bottom-color: #E3E6EE;
}
.faq__accordion .accordion-button:not(.collapsed)::after {
  content: "\f068";
  -webkit-transform: translateY(-50%) rotate(0);
  -moz-transform: translateY(-50%) rotate(0);
  -ms-transform: translateY(-50%) rotate(0);
  transform: translateY(-50%) rotate(0);
}
.faq__accordion .accordion-button:hover {
  color: #0B6EDF;
}
.faq__accordion .accordion-body {
  padding: 15px 20px;
  padding-right: 25px;
}
.faq__accordion .accordion-body p {
  margin-bottom: 0;
}
.faq__accordion-2 .accordion-button:hover {
  color: #CCA560;
}
.faq__accordion-11 {
  position: relative;
}
.faq__accordion-11::after {
  position: absolute;
  content: "";
  left: 24px;
  top: 0;
  width: 1px;
  height: 100%;
  background: transparent;
  z-index: -1;
  border-left: 2px dashed #D4D4D5;
}
@media (max-width: 575px) {
  .faq__accordion-11::after {
    left: 17px;
  }
}
.faq__accordion-11 .accordion-item {
  padding-right: 0;
}
.faq__accordion-11 .accordion-item:not(:last-child) {
  border: none;
}
.faq__accordion-11 .accordion-body {
  padding-top: 5px;
  padding-left: 70px;
}
.faq__accordion-11 .accordion-button {
  font-size: 20px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  padding: 0;
  margin-bottom: 20px;
  border: none;
  text-align: left;
}
.faq__accordion-11 .accordion-button span {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 48px;
  text-align: center;
  border: 1px solid #EBEDF2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-weight: 700;
  font-family: "Rubik", sans-serif;
  color: #FE951E;
  margin-right: 20px;
  background: #ffffff;
}
.faq__accordion-11 .accordion-button::after {
  display: none;
}
.faq__accordion-11 .accordion-button:hover {
  color: #FE951E;
}
.faq__accordion-3 .accordion-button {
  font-size: 18px;
  font-weight: 600;
  color: #0C1020;
  font-family: "Poppins", sans-serif;
}
@media (max-width: 575px) {
  .faq__accordion-3 .accordion-button {
    font-size: 16px;
  }
}
.faq__accordion-3 .accordion-button:hover {
  color: var(--renk2);
}
.faq__accordion-3 .accordion-body {
  padding-left: 50px;
}
.faq__wrapper-11 {
  padding: 0 60px;
  padding-top: 45px;
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
  margin-top: -175px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .faq__wrapper-11 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .faq__wrapper-11 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/*----------------------------------------*/
/*  09. TESTIMONIAL CSS START
/*----------------------------------------*/
.testimonial__area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.testimonial__content {
  margin-bottom: 22px;
  z-index: 1;
}
.testimonial__content-2 {
  margin-bottom: 35px;
}
.testimonial__content-2 p {
  margin-bottom: 15px;
}
.testimonial__content-9 p {
  font-size: 20px;
  margin-bottom: 30px;
  line-height: 32px;
}
.testimonial__avater .testimonial-img {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.testimonial__avater .testimonial-img img {
  position: relative;
  width: 80px !important;
  height: 80px !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block !important;
}
.testimonial__avater-3 .testimonial-img-3 {
  display: inline-block;
  width: 100px;
  height: 100px;
}
.testimonial__avater-3 .testimonial-img-3 img {
  position: relative;
  width: 100px !important;
  height: 100px !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block !important;
}
.testimonial__avater-4 .testimonial-img-4 {
  width: 80px !important;
  height: 80px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.testimonial__avater-6 .testimonial-img-6 {
  width: 80px !important;
  height: 80px !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block !important;
}
.testimonial__avater-9 .testimonial-img {
  width: 110px !important;
  height: 110px !important;
}
.testimonial__avater-9 .testimonial-img img {
  position: relative;
  width: 110px !important;
  height: 110px !important;
}
.testimonial__avater-info h4 {
  font-size: 18px;
  margin-bottom: 0;
}
.testimonial__avater-info span {
  font-size: 16px;
}
.testimonial__avater-info-3 h5 {
  font-size: 22px;
  font-weight: 700;
  color: var(--renk);
  margin-bottom: 0;
}
.testimonial__avater-info-4 h4 {
  font-size: 20px;
  font-weight: 700;
  color: #030329;
  margin-bottom: 0;
}
.testimonial__avater-info-6 h4 {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 0;
}
.testimonial__avater-info-6 span {
  color: #A4A5A8;
}
.testimonial__avater-info-9 h4 {
  font-size: 20px;
  font-weight: 700;
  color: #030329;
}
.testimonial__avater-info-9 span {
  color: #828DA5;
}
.testimonial__avater-info-11 h4 {
  font-size: 22px;
  font-weight: 700;
  color: #030329;
  margin-bottom: 0;
}
.testimonial__avater-info-11 span {
  color: #777777;
}
.testimonial__slider .owl-nav {
  margin: auto;
  text-align: center;
  display: flex;
  justify-content: center;
}
.testimonial__slider .owl-nav button {
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  border: 1px solid #E3E6EE;
  background: #ffffff;
  margin: 0 7px;
  font-size: 18px;
}
.testimonial__slider .owl-nav button:hover {
  background: #0B6EDF;
  color: #ffffff;
  border-color: #0B6EDF;
}
.testimonial__slider-2 .owl-nav {
  text-align: left;
  margin: inherit;
  justify-content: start;
}
.testimonial__slider-2 .owl-nav button {
  border-color: #CCA560;
  color: #CCA560;
  margin: 0;
  margin-right: 14px;
}
.testimonial__slider-2 .owl-nav button:hover {
  background: #CCA560;
  color: #ffffff;
  border: #CCA560;
}
.testimonial__slider-5 {
  margin-top: -320px;
}
.testimonial__slider-6 .testimonial-pagination-6 {
  text-align: center;
  position: absolute;
  bottom: 0;
}
.testimonial__slider-6 .swiper-pagination-bullet {
  opacity: 1;
  background: transparent;
  position: relative;
  margin: 0 30px !important;
  width: 12px;
  height: 12px;
}
.testimonial__slider-6 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ffffff;
}
.testimonial__slider-6 .swiper-pagination-bullet:last-child::after {
  display: none;
}
.testimonial__slider-6 .swiper-pagination-bullet::after {
  position: absolute;
  content: "";
  right: -55px;
  top: 22px;
  height: 1px;
  width: 50px;
  background: #ffffff;
}
.testimonial__slider-6 .swiper-pagination-bullet button {
  padding-top: 10px;
  color: #ffffff;
  font-family: "Rubik", sans-serif;
  font-weight: 500;
}
@media (max-width: 575px) {
  .testimonial__slider-9 .owl-nav {
    display: none;
  }
}
.testimonial__slider-9 .owl-nav button {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background: #D7E5FC;
  font-size: 22px;
  color: #828DA5;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.testimonial__slider-9 .owl-nav button:hover {
  background: #035FFF;
  color: #ffffff;
}
.testimonial__slider-9 .owl-nav button.nav-right {
  left: auto;
  right: 0;
}
.testimonial__slider-9 .owl-dots {
  margin-top: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.testimonial__slider-9 .owl-dots .owl-dot {
  width: 13px;
  height: 13px;
  background: #ffffff;
  border: 3px solid #CFDEF9;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 0 4px;
}
.testimonial__slider-9 .owl-dots .owl-dot.active {
  border-color: #035FFF;
}
.testimonial__slider-11 .owl-dots {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 60px;
}
.testimonial__slider-11 .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  background: #C7C7C7;
  margin-right: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.testimonial__slider-11 .owl-dots .owl-dot.active {
  width: 40px;
  background: #FE951E;
}
.testimonial__quote-icon {
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: #0B6EDF;
  text-align: center;
  font-size: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
}
.testimonial__quote-icon-2 {
  font-size: 40px;
  color: #CCA560;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.4;
}
.testimonial__quote-icon-3 {
  background: #ffffff;
  height: 39px;
  width: 39px;
  line-height: 39px;
}
.testimonial__quote-icon-3 img {
  width: 19px !important;
  height: 14px !important;
  display: inline-block !important;
}
.testimonial__quote-icon-4 {
  position: absolute;
  top: 15px;
  right: 20px;
}
.testimonial__quote-icon-4 i {
  font-size: 60px;
  color: #DC1A1A;
  opacity: 0.1;
  display: inline-block;
  -webkit-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
}
.testimonial__quote-icon-6 i {
  font-size: 45px;
  color: #DC1A1A;
  display: inline-block;
  -webkit-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
}
.testimonial__quote-icon-9 {
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  background: #035FFF;
}
.testimonial__quote-icon-11 {
  font-size: 50px;
  color: #FE951E;
  display: inline-block;
  margin-bottom: 30px;
}
.testimonial__rating ul li {
  display: inline-block;
}
.testimonial__rating ul li a {
  font-size: 16px;
  color: #CCA560;
}
.testimonial__rating-3 ul li a {
  color: #FEA307;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial__counter {
    padding-left: 0;
    margin-top: 40px;
  }
}
.testimonial__counter-item {
  padding: 60px 15px 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial__counter-item {
    padding-left: 0;
    padding-right: 0;
  }
}
.testimonial__counter-icon i {
  font-size: 45px;
  color: #ffffff;
}
.testimonial__counter-content h4 {
  font-size: 50px;
  color: #ffffff;
  margin-bottom: 5px;
}
.testimonial__counter-content p {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial__counter-content p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .testimonial__wrapper-3 {
    padding-right: 0;
  }
}
.testimonial__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 46%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .testimonial__bg {
    width: 40%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial__bg {
    display: none;
  }
}
.testimonial__bg-6 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.testimonial__brand span {
  display: inline-block;
  height: 30px;
  line-height: 23px;
  padding: 0 10px;
  border: 2px solid #E3E6EE;
}
.testimonial__brand span img {
  display: inline-block !important;
}
.testimonial__item-4 {
  padding: 40px 40px 30px;
  border: 1px solid #E3E6EE;
}
@media (max-width: 575px) {
  .testimonial__item-4 {
    padding: 30px;
  }
}
.testimonial__item-5 {
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  z-index: 11;
  border: none;
}
.testimonial__item-5 .testimonial-shape-5 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: inline-block !important;
  width: inherit !important;
}
.testimonial__item-9 {
  padding: 0 200px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial__item-9 {
    padding-left: 70px;
    padding-right: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial__item-9 {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media (max-width: 575px) {
  .testimonial__item-9 {
    padding: 0;
  }
}
.testimonial__text-6 p {
  color: #A4A5A8;
  margin-bottom: 25px;
}
.testimonial__text-11 p {
  color: #777777;
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 40px;
}
.testimonial__no {
  background: #FE951E;
  padding: 49px 0;
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
  position: relative;
  z-index: 1;
  margin-top: -175px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial__no {
    margin-top: 50px;
  }
}
.testimonial__no::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -30px;
  width: 34px;
  height: 30px;
  background: #FE951E;
  clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.testimonial__no span {
  font-size: 78px;
  font-weight: 700;
  color: #ffffff;
  padding: 0 40px;
  line-height: 1;
  display: inline-block;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial__no span {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 575px) {
  .testimonial__no span {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 45px;
  }
}
.testimonial__no span::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 100%;
  background: #FFB96A;
}
.testimonial__no span:last-child::after {
  display: none;
}
.testimonial__no span:hover {
  text-shadow: 0px 30px 10px rgba(0, 0, 0, 0.16);
}

/*----------------------------------------*/
/*  10. BLOG CSS START
/*----------------------------------------*/
.blog__item-wrapper {
  padding-right: 6px;
}
.blog__item-3:hover .blog__thumb-3 img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.blog__item-4 {
  border: 1px solid #E3E6EE;
}
.blog__item-5 {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 20px 20px rgba(72, 79, 177, 0.07);
  -moz-box-shadow: 0px 20px 20px rgba(72, 79, 177, 0.07);
  box-shadow: 0px 20px 20px rgba(72, 79, 177, 0.07);
}
.blog__item-7 {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 20px 40px rgba(26, 64, 122, 0.07);
  -moz-box-shadow: 0px 20px 40px rgba(26, 64, 122, 0.07);
  box-shadow: 0px 20px 40px rgba(26, 64, 122, 0.07);
}
.blog__item-7:hover .blog__thumb-7 img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.blog__item-8 {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.blog__item-11:hover .blog__content-11 {
  background: #F9F9F9;
  border-color: #F9F9F9;
}
.blog__title {
  font-size: 18px;
  margin-bottom: 6px;
  line-height: 26px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog__title {
    font-size: 15px;
    line-height: 22px;
  }
}
.blog__title a:hover {
  color: #0B6EDF;
}
.blog__title-3 {
  font-size: 24px;
  line-height: 1.3;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog__title-3 {
    font-size: 22px;
  }
}
.blog__title-3 a:hover {
  color: var(--renk2);
}
.blog__title-4 {
  font-size: 24px;
  color: #030329;
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .blog__title-4 {
    font-size: 18px;
  }
}
.blog__title-4 a:hover {
  color: #DC1A1A;
}
.blog__title-5 {
  font-size: 24px;
  color: #030329;
  margin-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog__title-5 {
    font-size: 22px;
  }
}
.blog__title-5 a:hover {
  color: var(--renk2);
}
.blog__title-6 {
  font-size: 24px;
  font-weight: 500;
  color: #030329;
}
.blog__title-6 a:hover {
  color: #DC1A1A;
}
.blog__title-7 {
  font-size: 24px;
  margin-bottom: 20px;
  color: #030329;
}
@media (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
  .blog__title-7 {
    font-size: 22px;
  }
}
.blog__title-7 a:hover {
  color: #0183F1;
}
.blog__title-8 a:hover {
  color: #FED507;
}
.blog__title-9 a:hover {
  color: #035FFF;
}
.blog__title-11 {
  font-size: 22px;
  color: #030329;
  line-height: 1.4;
  margin-bottom: 27px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog__title-11 {
    font-size: 20px;
  }
}
.blog__title-11 a:hover {
  color: #FE951E;
}
@media (max-width: 575px) {
  .blog__thumb {
    margin-right: 0;
    margin-bottom: 25px;
  }
}
.blog__thumb img {
  width: 130px;
  height: 90px;
}
@media (max-width: 575px) {
  .blog__thumb img {
    width: 100%;
    height: inherit;
  }
}
.blog__content-3 {
  padding: 23px 40px 21px;
  border: 1px solid #E3E6EE;
  border-top: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .blog__content-3 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.blog__content-3 p {
  margin-bottom: 20px;
}
.blog__content-4 {
  position: absolute;
  top: 30px;
  right: 0;
  width: 65%;
  background: #ffffff;
  padding: 25px 35px 30px 30px;
}
@media (max-width: 575px) {
  .blog__content-4 {
    top: 2px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.blog__content-4 .blog-read-more {
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #030329;
  text-transform: uppercase;
}
.blog__content-4 .blog-read-more::after {
  position: absolute;
  content: "";
  left: auto;
  right: 0;
  width: 0%;
  height: 2px;
  background: #DC1A1A;
  bottom: 0;
}
.blog__content-4 .blog-read-more:hover {
  color: #DC1A1A;
}
.blog__content-4 .blog-read-more:hover::after {
  left: 0;
  right: auto;
  width: 100%;
}
.blog__content-5 {
  padding: 20px 40px 25px 30px;
  z-index: 1;
}
.blog__content-5 .blog-shape-5 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.blog__content-5 .blog-read-more {
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: var(--renk2);
  text-transform: uppercase;
}
.blog__content-5 .blog-read-more::after {
  position: absolute;
  content: "";
  left: auto;
  right: 0;
  width: 0%;
  height: 2px;
  background: #030329;
  bottom: 0;
}
.blog__content-5 .blog-read-more:hover {
  color: #030329;
}
.blog__content-5 .blog-read-more:hover::after {
  left: 0;
  right: auto;
  width: 100%;
}
.blog__content-6 .link-btn-3 {
  color: #DC1A1A;
}
.blog__content-7 {
  padding: 0 30px 20px 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog__content-7 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog__content-7 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.blog__content-7 p {
  margin-bottom: 25px;
}
.blog__content-7 .link-btn-2 {
  text-transform: uppercase;
  font-family: "Rubik", sans-serif;
  font-weight: 500;
}
.blog__content-7 .link-btn-2 i {
  top: 12px;
}
.blog__content-7 .link-btn-2:hover {
  color: #E950A6;
}
.blog__content-7 .blog-date {
  display: inline-block;
  width: 90px;
  height: 90px;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #0183F1;
  margin: 0;
  padding: 0;
  padding-top: 20px;
  border: 0;
  position: absolute;
  top: 0;
  left: 30px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog__content-7 .blog-date {
    left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog__content-7 .blog-date {
    left: 0;
  }
}
.blog__content-7 .blog-date h4, .blog__content-7 .blog-date h5 {
  font-size: 30px;
  line-height: 1;
  color: #ffffff;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.blog__content-7 .blog-date h5 {
  margin: 0;
  font-size: 14px;
}
.blog__content-8 {
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  border: 1px solid #E3E6EE;
  border-top: none;
}
.blog__content-8 .blog-date-2 {
  background: #FED507;
}
.blog__content-8 .blog-date-2 h4, .blog__content-8 .blog-date-2 h5 {
  color: #030329;
}
.blog__content-8 .link-btn-2:hover {
  color: #FED507;
}
.blog__content-9 .blog-date-9 {
  background: #035FFF;
}
.blog__content-9 .link-btn-2:hover {
  color: #035FFF;
}
.blog__content-11 {
  padding: 45px 30px 25px;
  background: #ffffff;
  border: 1px solid #EBEDF2;
  border-top: 0;
}
.blog__content-11 .blog-link-btn {
  font-size: 14px;
  font-weight: 500;
  color: #777777;
  text-transform: uppercase;
}
.blog__content-11 .blog-link-btn:hover {
  color: #FE951E;
}
.blog__meta span {
  font-weight: 700;
  font-size: 14px;
}
.blog__meta-3 {
  padding: 5px 40px;
  border: 1px solid #E3E6EE;
  border-top: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .blog__meta-3 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.blog__meta-3 span {
  font-size: 14px;
  color: #8A97B2;
  text-transform: uppercase;
}
.blog__meta-3 span:not(:last-child) {
  margin-right: 25px;
}
.blog__meta-3 span i {
  color: var(--renk2);
  margin-right: 5px;
}
.blog__meta-3 span:hover {
  color: var(--renk2);
}
.blog__meta-4 span {
  font-size: 14px;
  color: #828DA5;
  text-transform: uppercase;
}
.blog__meta-4 span:not(:last-child) {
  margin-right: 25px;
}
.blog__meta-4 span i {
  margin-right: 5px;
}
.blog__meta-4 span:hover {
  color: #DC1A1A;
}
.blog__meta-5 span {
  font-size: 14px;
  color: #03129B;
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .blog__meta-5 span {
    display: block;
  }
}
.blog__meta-5 span:not(:last-child) {
  margin-right: 25px;
}
.blog__meta-5 span i {
  margin-right: 5px;
}
.blog__meta-5 span:hover {
  color: #DC1A1A;
}
.blog__meta-6 span i {
  color: #DC1A1A;
}
.blog__meta-6 span:hover {
  color: #DC1A1A;
}
.blog__meta-7 {
  border: none;
  padding-left: 30px;
  padding-right: 0;
}
.blog__meta-7 span {
  color: #828DA5;
}
@media (max-width: 575px) {
  .blog__meta-7 span {
    display: block;
  }
}
.blog__meta-7 span:not(:last-child) {
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid #DEDFE1;
}
@media (max-width: 575px) {
  .blog__meta-7 span:not(:last-child) {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
  }
}
.blog__meta-7 span i {
  color: #828DA5;
}
.blog__meta-7 span:hover {
  color: #0183F1;
}
.blog__meta-7 span:hover i {
  color: #0183F1;
}
.blog__meta-8 span:hover {
  color: #FED507;
}
.blog__meta-8 span:hover i {
  color: #FED507;
}
.blog__meta-9 span:hover {
  color: #035FFF;
}
.blog__meta-9 span:hover i {
  color: #035FFF;
}
.blog__meta-11 {
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 30px;
  right: 30px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 1px solid #EBEDF2;
  padding: 8px 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog__meta-11 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog__meta-11 {
    padding-left: 5px;
    padding-right: 5px;
    position: static;
  }
}
@media (max-width: 575px) {
  .blog__meta-11 {
    padding-left: 5px;
    padding-right: 5px;
    position: static;
  }
}
.blog__meta-11::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 0;
  width: 1px;
  height: 100%;
  background: #EBEDF2;
}
@media (max-width: 575px) {
  .blog__meta-11::after {
    left: 45%;
  }
}
.blog__meta-11 span {
  font-size: 12px;
  font-weight: 500;
  color: #777777;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog__meta-11 span {
    margin-left: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog__meta-11 span {
    margin-left: 25px;
  }
}
@media (max-width: 575px) {
  .blog__meta-11 span {
    margin-left: 15px;
  }
}
.blog__meta-11 span i {
  color: #FE951E;
  margin-right: 8px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog__more-4 {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog__author {
    margin-right: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog__author {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog__author {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog__author {
    margin-right: 150px;
  }
}
@media (max-width: 575px) {
  .blog__author {
    margin-right: 0px;
  }
}
.blog__author a {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  color: #777777;
}

.postbox__thumb .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
.postbox__audio {
  height: 455px;
  width: 100%;
}
.postbox__audio iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.postbox__item:hover {
  -webkit-box-shadow: 0px 16px 32px 0px rgba(40, 89, 196, 0.1);
  -moz-box-shadow: 0px 16px 32px 0px rgba(40, 89, 196, 0.1);
  box-shadow: 0px 16px 32px 0px rgba(40, 89, 196, 0.1);
}
.postbox__item-single:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.postbox__content {
  border: 2px solid #ededed;
  border-top: none;
  padding: 40px 50px;
}
@media (max-width: 575px) {
  .postbox__content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.postbox__content-single {
  padding-left: 0;
  padding-right: 0;
  border: none;
}
.postbox__title {
  font-size: 38px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox__title {
    font-size: 33px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox__title {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .postbox__title {
    font-size: 25px;
  }
}
.postbox__title a:hover {
  color: var(--renk2);
}
.postbox__meta {
  margin-bottom: 5px;
}
.postbox__meta span {
  font-size: 14px;
  font-weight: 600;
  color: #151B29;
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .postbox__meta span {
    display: block;
  }
}
.postbox__meta span:not(:last-child) {
  margin-right: 30px;
}
.postbox__meta span i {
  color: var(--renk2);
  margin-right: 3px;
}
.postbox__meta span:hover {
  color: var(--renk2);
}
.postbox__meta span:hover i {
  color: var(--renk2);
}
.postbox__text p {
  margin-bottom: 28px;
}
.postbox__text-single p {
  margin-bottom: 15px;
}
.postbox__slider button {
  position: absolute;
  left: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  font-size: 30px;
  color: #ffffff;
}
.postbox__slider button.postbox-slider-button-next {
  left: auto;
  right: 50px;
}
@media (max-width: 575px) {
  .postbox__slider button.postbox-slider-button-next {
    right: 10px;
  }
}
@media (max-width: 575px) {
  .postbox__slider button {
    left: 10px;
  }
}
.postbox__quote {
  background: #FBFBFB;
  padding: 40px 65px;
  padding-bottom: 24px;
}
@media (max-width: 575px) {
  .postbox__quote {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.postbox__quote h4 {
  font-size: 14px;
  display: inline-block;
  margin-bottom: 15px;
  color: var(--renk2);
}
.postbox__quote p {
  font-size: 28px;
  line-height: 1.2;
  text-align: center;
  font-weight: 700;
  color: #151B29;
  margin-bottom: 0;
}
.postbox__quote-icon {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: -1;
}
.postbox__quote-icon i {
  font-size: 160px;
  opacity: 0.1;
}
.postbox__comment-form {
  margin-bottom: 20px;
  padding: 40px 30px;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.09);
  background: #ffffff;
}
.postbox__comment-title {
  font-size: 27px;
  margin-bottom: 0;
}
.postbox__comment-input {
  position: relative;
  margin-bottom: 20px;
}
.postbox__comment-input span {
  font-weight: 600;
  color: #151B29;
  margin-bottom: 12px;
  display: block;
}
.postbox__comment-input input, .postbox__comment-input textarea {
  height: 55px;
  padding: 0 20px;
  width: 100%;
  font-size: 14px;
  color: #151B29;
  outline: none;
  border: 1px solid transparent;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  background: #f7f7f7;
}
.postbox__comment-input textarea {
  height: 175px;
  resize: none;
  padding-top: 20px;
  padding-bottom: 20px;
}
.postbox__tag h4 {
  font-size: 20px;
  margin-bottom: 17px;
}
.postbox__tag a {
  color: #151B29;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px 25px;
  padding-bottom: 8px;
  margin-right: 5px;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
  border-radius: 40px;
  background: #FBFBFB;
}
.postbox__tag a:hover {
  color: #ffffff;
  background: #151B29;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar__wrapper-2 {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sidebar__wrapper-2 {
    margin-top: 40px;
  }
}
@media (max-width: 575px) {
  .sidebar__wrapper-2 {
    margin-top: 40px;
  }
}
.sidebar__widget {
  padding: 30px;
  background: #ffffff;
  border: 2px solid #ededed;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2);
  -moz-box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2);
  box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2);
}
.sidebar__widget-title {
  position: relative;
  display: inline-block;
  font-size: 20px;
  padding-left: 30px;
  margin-bottom: 0;
}
.sidebar__widget-title::after {
  left: 0px;
  height: 20px;
  width: 2px;
  background: var(--renk2);
  position: absolute;
  top: 50%;
  content: "";
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.sidebar__search-input-2 {
  position: relative;
}
.sidebar__search-input-2 input {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #FBFBFB;
  padding: 0 25px;
  text-transform: capitalize;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  border: 2px solid #FBFBFB;
  outline: none;
  padding-top: 3px;
  padding-right: 80px;
}
.sidebar__search-input-2 button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding: 0 24px;
  color: #fff;
  line-height: 60px;
  -webkit-border-radius: 0 7px 7px 0;
  -moz-border-radius: 0 7px 7px 0;
  border-radius: 0 7px 7px 0;
  background: var(--renk2);
}
.sidebar__category ul li {
  padding: 15px 0;
}
.sidebar__category ul li:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
.sidebar__category ul li:last-child {
  padding-bottom: 0;
}
.sidebar__category ul li:first-child {
  padding-top: 0;
}
.sidebar__category ul li a {
  color: #030329;
  display: inline-block;
  font-weight: 500;
  text-transform: capitalize;
}
.sidebar__category ul li a:hover {
  color: var(--renk2);
}
.sidebar__tag a {
  background: #FBFBFB;
  color: #151B29;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  padding: 10px 21px;
  margin-bottom: 8px;
  margin-right: 5px;
  text-transform: uppercase;
  border-radius: 40px;
  border: 0;
}
.sidebar__tag a:hover {
  background: #151B29;
  color: #ffffff;
}
.sidebar__banner::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(21, 27, 41, 0.5);
}
.sidebar__banner-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  background: #ffffff;
}
.sidebar__banner-content h4 {
  padding: 15px 20px;
  font-size: 24px;
  color: #030329;
  text-transform: uppercase;
  margin-bottom: 0;
}

.rc__post ul li:not(:last-child) {
  margin-bottom: 15px;
}
.rc__post-thumb img {
  width: 80px;
  height: 80px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.rc__post-title {
  margin-bottom: 6px;
  font-size: 17px;
}
.rc__post-title a:hover {
  color: var(--renk2);
}
.rc__meta span {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
}

/*----------------------------------------*/
/*  11. VIDEO CSS START
/*----------------------------------------*/
.video__inner {
  overflow: hidden;
}
.video__inner:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.video__play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*----------------------------------------*/
/*  12. INSTAGRAM CSS START
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .insta__mt {
    margin-top: 50px;
  }
}
.insta__thumb {
  overflow: hidden;
}
.insta__thumb img {
  width: 100%;
}
.insta__thumb:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

/*----------------------------------------*/
/*  11. AVAILIBILITY CSS START
/*----------------------------------------*/
.availibility__wrapper {
  padding: 50px 30px;
}
.availibility__input {
  position: relative;
  display: inline-block;
}
.availibility__input.width-280 {
  width: 280px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .availibility__input.width-280 {
    width: 49%;
    margin-right: 4px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .availibility__input.width-280 {
    width: 48%;
    margin-right: 4px;
  }
}
@media (max-width: 575px) {
  .availibility__input.width-280 {
    width: 100%;
    margin-right: 0;
  }
}
.availibility__input.width-210 {
  width: 210px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .availibility__input.width-210 {
    width: 49%;
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .availibility__input.width-210 {
    width: 48%;
    margin-right: 4px;
  }
}
@media (max-width: 575px) {
  .availibility__input.width-210 {
    width: 100%;
    margin-right: 0;
  }
}
.availibility__input.width-190 {
  width: 190px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .availibility__input.width-190 {
    width: 49%;
    margin-right: 4px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .availibility__input.width-190 {
    width: 48%;
    margin-right: 4px;
  }
}
@media (max-width: 575px) {
  .availibility__input.width-190 {
    width: 100%;
    margin-right: 0;
  }
}
.availibility__input.width-190 .nice-select {
  padding-left: 15px;
}
.availibility__input input, .availibility__input .nice-select {
  width: 100%;
  height: 50px;
  line-height: 50px;
  border: none;
  border-radius: 0;
  padding-left: 40px;
  color: #151B29;
}
.availibility__input input::after, .availibility__input .nice-select::after {
  right: 15px;
  top: 50%;
  width: 0;
  height: 0;
  border: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #8A97B2;
  margin-top: 0;
  -webkit-transform: rotate(0deg) translateY(-50%);
  -moz-transform: rotate(0deg) translateY(-50%);
  -ms-transform: rotate(0deg) translateY(-50%);
  transform: rotate(0deg) translateY(-50%);
}
.availibility__input input.open::after, .availibility__input .nice-select.open::after {
  top: 43%;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.availibility__input input .list, .availibility__input .nice-select .list {
  width: 100%;
  border-radius: 0;
  margin-top: 0;
}
.availibility__input button {
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  background: #CCA560;
}
.availibility__input button:hover {
  background: #ffffff;
  color: #151B29;
}
.availibility__input i {
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*----------------------------------------*/
/*  12. ROOM CSS START
/*----------------------------------------*/
.room__item:hover .room__thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.room__title {
  font-size: 18px;
  color: #151921;
  margin-bottom: 15px;
}
.room__title a:hover {
  color: #CCA560;
}
.room__content {
  position: relative;
  padding: 32px 20px;
  padding-bottom: 22px;
  border: 1px solid #E3E6EE;
  border-top: none;
}
.room__content .link-btn-2 {
  color: #CCA560;
}
.room__content .link-btn-2:hover {
  color: #151B29;
}
.room__price {
  position: absolute;
  left: 20px;
  top: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #ffffff;
  padding: 6px 10px;
}
.room__price span {
  color: #151921;
  font-size: 15px;
  font-weight: 700;
  font-family: "Lato", sans-serif;
}
.room__features {
  margin-bottom: 13px;
}
.room__features ul li {
  position: relative;
  padding-left: 15px;
  font-family: "Lato", sans-serif;
}
.room__features ul li::after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #CCA560;
}
.room__features-item {
  font-size: 15px;
  color: #828DA5;
  width: 50%;
  display: inline-block;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .room__features-item {
    width: 60%;
  }
}
.room__features-item span {
  float: right;
}
.room__features-option {
  font-size: 15px;
  color: #151B29;
}

/*----------------------------------------*/
/*  12. SERVICES CSS START
/*----------------------------------------*/
.services__wrapper {
  border-top: 1px solid #E3E6EE;
  border-left: 1px solid #E3E6EE;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .services__wrapper-11 {
    margin-bottom: 45px;
  }
}
@media (max-width: 575px) {
  .services__wrapper-11 {
    padding-right: 0;
  }
}
.services__wrapper-11 > p {
  color: #A1A0A0;
}
.services__item {
  padding: 40px 20px 35px;
  border-right: 1px solid #E3E6EE;
  border-bottom: 1px solid #E3E6EE;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .services__item {
    padding-left: 0;
    padding-right: 0;
  }
}
.services__item:hover {
  background: #CCA560;
  border-color: #CCA560;
}
.services__item:hover .services__title {
  color: #ffffff;
}
.services__item:hover .services__icon i {
  color: #ffffff;
}
.services__item-3 {
  padding: 40px 40px 30px;
  border: 1px solid #EEEFF3;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__item-3 {
    padding: 20px 20px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services__item-3 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.services__item-3:hover .services__item-bg {
  visibility: visible;
  opacity: 1;
}
.services__item-3:hover .services__title-3 {
  color: #ffffff;
}
.services__item-3:hover p {
  color: #BFC4D2;
}
.services__item-4 {
  padding: 40px 30px 45px;
  margin-bottom: 90px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .services__item-4 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.services__item-4-br {
  border-right: 1px solid #E3E6EE;
}
.services__item-4:hover .services__time {
  bottom: -27%;
  visibility: visible;
  opacity: 1;
}
.services__item-5 {
  padding: 50px 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__item-5 {
    padding-left: 19px;
    padding-right: 19px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services__item-5 {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 575px) {
  .services__item-5 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.services__item-5 .services-item-shape {
  position: absolute;
  bottom: -50px;
  right: -50px;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
.services__item-5:hover .services-item-shape {
  bottom: 0;
  right: 0;
  visibility: visible;
  opacity: 1;
}
.services__item-5:hover .services__icon-5 {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}
.services__item-6:hover .services__thumb-6 img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.services__item-9 {
  padding: 40px 30px 35px;
  border: 1px solid #EEF0F5;
}
.services__item-9:hover {
  -webkit-box-shadow: 0px 10px 50px rgba(11, 15, 51, 0.06);
  -moz-box-shadow: 0px 10px 50px rgba(11, 15, 51, 0.06);
  box-shadow: 0px 10px 50px rgba(11, 15, 51, 0.06);
  border-color: #ffffff;
}
.services__item-10 {
  padding: 40px 30px 35px;
  -webkit-box-shadow: 0px 10px 50px rgba(11, 15, 51, 0.06);
  -moz-box-shadow: 0px 10px 50px rgba(11, 15, 51, 0.06);
  box-shadow: 0px 10px 50px rgba(11, 15, 51, 0.06);
}
.services__item-11 {
  padding: 50px 40px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .services__item-11 {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services__item-11 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.services__item-11:hover .services__no {
  opacity: 1;
}
.services__item-12 {
  border: 1px solid #EFF0F3;
}
.services__item-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}
.services__icon {
  margin-bottom: 17px;
}
.services__icon i {
  font-size: 40px;
  color: #CCA560;
}
.services__icon-3 i {
  font-size: 50px;
  color: var(--renk2);
}
.services__icon-4 i {
  font-size: 60px;
  color: #DC1A1A;
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
}
.services__icon-5 {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.services__icon-5 i {
  font-size: 60px;
  color: var(--renk2);
}
.services__icon-6 {
  position: absolute;
  bottom: 0;
  left: 0;
}
.services__icon-6 i {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 90px;
  text-align: center;
  font-size: 40px;
  color: #DC1A1A;
  background: #ffffff;
}
.services__icon-9 i {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 76px;
  border: 2px solid #035FFF;
  color: #035FFF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 28px;
}
.services__icon-10 i {
  border: none;
  line-height: 80px;
  color: #ffffff;
  background: linear-gradient(-90deg, #3556fc 0%, #30a5ff 100%);
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0px 20px 40px rgba(3, 95, 255, 0.15);
  -moz-box-shadow: 0px 20px 40px rgba(3, 95, 255, 0.15);
  box-shadow: 0px 20px 40px rgba(3, 95, 255, 0.15);
}
.services__icon-10 i::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
}
.services__icon-10 i.pink-bg {
  background: linear-gradient(-90deg, #e82d2d 0%, #fc35a5 100%);
  -webkit-box-shadow: 0px 20px 40px rgba(255, 3, 37, 0.15);
  -moz-box-shadow: 0px 20px 40px rgba(255, 3, 37, 0.15);
  box-shadow: 0px 20px 40px rgba(255, 3, 37, 0.15);
}
.services__icon-10 i.orange-bg {
  background: linear-gradient(-90deg, #ff6f00 0%, #fed507 100%);
  -webkit-box-shadow: 0px 20px 40px rgba(255, 111, 0, 0.15);
  -moz-box-shadow: 0px 20px 40px rgba(255, 111, 0, 0.15);
  box-shadow: 0px 20px 40px rgba(255, 111, 0, 0.15);
}
.services__icon-10 i.green-bg {
  background: linear-gradient(-90deg, #2cc495 0%, #4caf23 100%);
  -webkit-box-shadow: 0px 20px 40px rgba(23, 210, 66, 0.15);
  -moz-box-shadow: 0px 20px 40px rgba(23, 210, 66, 0.15);
  box-shadow: 0px 20px 40px rgba(23, 210, 66, 0.15);
}
.services__icon-11 i {
  color: #FE951E;
  font-size: 65px;
  line-height: 1;
}
.services__content-4 .read-more {
  display: inline-block;
  font-size: 14px;
  font-family: "Rubik", sans-serif;
  color: #030329;
  text-align: center;
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
  border: 1px solid #E3E6EE;
  background: #ffffff;
  text-transform: uppercase;
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  border-radius: 27px;
}
.services__content-4 .read-more:hover {
  color: #ffffff;
  background: #DC1A1A;
}
.services__content-5 p {
  margin-bottom: 40px;
}
.services__content-6 {
  padding-top: 25px;
}
.services__content-6 p {
  margin-bottom: 10px;
}
.services__content-6 .link-btn-3 {
  color: #DC1A1A;
}
.services__content-9 p {
  line-height: 28px;
  margin-bottom: 35px;
}
.services__content-11 .services-link-btn {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 46px;
  text-align: center;
  color: #32363B;
  border: 2px solid #32363B;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.services__content-11 .services-link-btn:hover {
  background: #FE951E;
  border-color: #FE951E;
  color: #ffffff;
}
.services__title {
  font-size: 18px;
  color: #828DA5;
  font-weight: 400;
  margin-bottom: 0;
}
.services__title-3 {
  font-size: 22px;
  font-weight: 600;
  color: var(--renk);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__title-3 {
    font-size: 20px;
  }
}
.services__title-4 {
  font-size: 18px;
  font-weight: 700;
  color: #030329;
}
.services__title-5 {
  font-size: 24px;
  color: #030329;
  margin-bottom: 35px;
}
.services__title-5 a:hover {
  color: var(--renk2);
}
.services__title-6 {
  font-size: 20px;
  font-weight: 600;
  color: #030329;
  margin-bottom: 15px;
}
.services__title-6 a:hover {
  color: #DC1A1A;
}
.services__title-9 {
  font-size: 22px;
  color: #030329;
  margin-bottom: 25px;
}
.services__title-9 a:hover {
  color: #035FFF;
}
.services__title-11 {
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 40px;
}
.services__title-11 a:hover {
  color: #FE951E;
}
.services__bg-1 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.services__bg-5 {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .services__bg-5 {
    display: none;
  }
}
.services__time {
  position: absolute;
  bottom: -20%;
  left: 0;
  width: 100%;
  background: #ffffff;
  padding: 10px 0 20px;
  opacity: 0;
  visibility: hidden;
}
.services__time::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 160px;
  height: 1px;
  background: #E3E6EE;
}
.services__time span {
  font-size: 14px;
  color: #828DA5;
}
.services__time p {
  font-size: 14px;
  font-weight: 500;
  color: #030329;
  margin-bottom: 0;
}
.services__gradient-bg {
  background: linear-gradient(rgba(245, 246, 248, 0.06) 0%, #edf0f8 100%);
}
.services__top .services-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .services__top .services-shape-1 {
    display: none;
  }
}
.services__no {
  position: absolute;
  bottom: 20px;
  right: 20px;
  opacity: 0;
}
.services__no span {
  font-family: "poppins", sans-serif;
  font-size: 55px;
  color: #7B7B7B;
  font-weight: 700;
  opacity: 0.06;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .services__details-chart-img {
    padding-right: 0;
  }
}
.services__details-chart-img h3 {
  font-size: 18px;
  font-weight: 600;
  color: #0C1020;
  margin-bottom: 15px;
}
.services__details-chart-img > p {
  margin-bottom: 35px;
}
.services__details-features ul li {
  font-size: 16px;
  line-height: 1;
  width: 50%;
  float: left;
  overflow: hidden;
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__details-features ul li {
    width: 100%;
    float: none;
  }
}
.services__details-features ul li i {
  color: var(--renk2);
  margin-right: 10px;
}
.services__details-features ul li:hover {
  color: #0C1020;
}
.services__details-features ul li:hover i {
  color: #0C1020;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .services__details-video {
    margin-left: 0;
    margin-top: 20px;
  }
}
.services__details-video .services-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: var(--renk2);
}
.services__document ul li {
  padding: 30px 30px 25px;
}
.services__document ul li:not(:last-child) {
  border-bottom: 1px solid #343E54;
}
.services__document-title {
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  padding: 25px 30px 25px;
  margin-bottom: 0;
}
.services__document-item .document-text h5 {
  font-size: 16px;
  color: #ffffff;
  line-height: 1;
  margin-bottom: 0;
}
.services__document-item .document-text h5 a:hover {
  color: var(--renk2);
}
.services__document-item .document-meta span {
  color: #919BB1;
  display: inline-block;
  position: relative;
  padding-right: 10px;
  margin-right: 10px;
  line-height: 1;
  font-size: 13px;
}
.services__document-item .document-meta span::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #919BB1;
  width: 1px;
  height: 100%;
}
.services__document-item .document-meta span:last-child::after {
  display: none;
}
.services__category ul li:not(:last-child) {
  margin-bottom: 6px;
}
.services__category ul li a {
  padding: 27px 40px;
  background: #F4F6FB;
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #0C1020;
  font-family: "Poppins", sans-serif;
}
.services__category ul li.active a {
  padding: 27px 40px;
  background: var(--renk2);
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #0C1020;
  font-family: "Poppins", sans-serif;
}
.services__category ul li.active a {
  color:#fff !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__category ul li a {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (max-width: 575px) {
  .services__category ul li a {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.services__category ul li a:hover {
  color: #ffffff;
  background: var(--renk2);
  padding-left: 30px;
}
@media (max-width: 575px) {
  .services__category ul li a:hover {
    padding-left: 20px;
  }
}
.services__contact {
  background: var(--renk2);
  padding: 30px 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .services__contact {
    padding-left: 35px;
    padding-right: 35px;
  }
}
.services__contact h3 {
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 10px;
}
.services__contact p {
  color: #ffffff;
  margin-bottom: 50px;
}
.services__contact .services-contact-btn {
  display: inline-block;
}
.services__contact .services-contact-btn span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 18px 30px;
  font-size: 14px;
  color: #030329;
  font-weight: 500;
  text-transform: uppercase;
  background: #ffffff;
}
.services__contact .services-contact-btn i {
  font-size: 25px;
  margin-right: 10px;
}
.services__contact .services-contact-btn:hover span {
  background: #030329;
  color: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .services__widget {
    margin-top: 50px;
  }
}

/*----------------------------------------*/
/*  12. ABOUT CSS START
/*----------------------------------------*/
.about__thumb-no {
  margin-left: -145px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .about__thumb-no {
    margin-left: -40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about__thumb-no {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__thumb-no {
    margin-left: -70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about__thumb-no {
    margin-left: 0;
  }
}
.about__thumb-no h2 {
  font-family: "Rubik", sans-serif;
  line-height: 1;
  font-size: 590px;
  background: var(--backend);
  -webkit-text-fill-color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  background-size: cover;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .about__thumb-no h2 {
    font-size: 500px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about__thumb-no h2 {
    font-size: 390px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__thumb-no h2 {
    font-size: 390px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__thumb-no h2 {
    font-size: 510px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about__thumb-no h2 {
    font-size: 390px;
  }
}
@media (max-width: 575px) {
  .about__thumb-no h2 {
    font-size: 230px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about__thumb-3 {
    margin-top: 50px;
    margin-right: 0;
  }
}
.about__thumb-3-1 {
  position: absolute;
  bottom: 25px;
  left: 5%;
  width: 410px;
  height: 410px;
  border: 25px solid #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .about__thumb-3-1 {
    bottom: 45px;
    left: 13%;
    width: 310px;
    height: 310px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about__thumb-3-1 {
    border-width: 12px;
    width: 210px;
    height: 210px;
    bottom: 90px;
    left: 22%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__thumb-3-1 {
    border-width: 10px;
    width: 200px;
    height: 200px;
    bottom: 115px;
    left: 15%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__thumb-3-1 {
    border-width: 10px;
    bottom: 100px;
    left: 24%;
    width: 310px;
    height: 310px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about__thumb-3-1 {
    border-width: 10px;
    bottom: 100px;
    left: 25%;
    width: 250px;
    height: 250px;
  }
}
@media (max-width: 575px) {
  .about__thumb-3-1 {
    border-width: 5px;
    bottom: 100px;
    left: 20%;
    width: 140px;
    height: 140px;
  }
}
.about__thumb-3-2 {
  position: absolute;
  top: 37%;
  right: 11%;
  width: 198px;
  height: 198px;
  border: 19px solid #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .about__thumb-3-2 {
    width: 150px;
    height: 150px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about__thumb-3-2 {
    width: 120px;
    height: 120px;
    border-width: 12px;
    top: 36%;
    right: 14%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__thumb-3-2 {
    width: 100px;
    height: 100px;
    border-width: 10px;
    top: 36%;
    right: 14%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__thumb-3-2 {
    top: 41%;
    right: 16%;
    width: 120px;
    height: 120px;
    border-width: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about__thumb-3-2 {
    top: 36%;
    right: 16%;
    width: 100px;
    height: 100px;
    border-width: 10px;
  }
}
@media (max-width: 575px) {
  .about__thumb-3-2 {
    top: 30%;
    right: 12%;
    width: 80px;
    height: 80px;
    border-width: 5px;
  }
}
.about__thumb-4-1 {
  position: relative;
  width: 205px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about__thumb-4-1 {
    width: 100%;
  }
}
.about__thumb-4-2 {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__thumb-4-2 {
    border: 20px solid white;
    border-bottom: 0;
    border-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .about__thumb-4-2 {
    display: none;
  }
}
.about__thumb-4-3 {
  position: relative;
  z-index: 1;
  width: 380px;
  margin-left: -40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about__thumb-4-3 {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .about__thumb-4-3 {
    display: none;
  }
}
.about__thumb-5 {
  position: relative;
}
.about__thumb-5 img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border-bottom-left-radius: 25px;
}
.about__thumb-5 .about-img-5 {
  position: absolute;
  top: 145px;
  right: 30px;
  z-index: 1;
}
.about__thumb-5 .about-img-5 .about-shape-5 {
  position: absolute;
  top: -15px;
  left: -15px;
  z-index: -1;
}
@media (max-width: 575px) {
  .about__thumb-5 .about-img-5 .about-shape-5 {
    display: none;
  }
}
.about__thumb-5 .about-img-5 img {
  border: 15px solid transparent;
}
@media (max-width: 575px) {
  .about__thumb-5 .about-thumb-img, .about__thumb-5 .about-thumb-img-2 {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about__thumb-6 {
    margin-left: 0;
  }
}
.about__thumb-7 {
  position: relative;
}
.about__thumb-7 .about-img-7 {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about__thumb-7 .about-img-7 {
    width: 100%;
  }
}
.about__thumb-7 .about-shape-1 {
  position: absolute;
  left: -67px;
  bottom: -88px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about__thumb-7 .about-shape-1 {
    width: 100%;
    left: -10px;
    bottom: -71px;
  }
}
@media (max-width: 575px) {
  .about__thumb-7 .about-shape-1 {
    bottom: -40px;
  }
}
.about__thumb-7 .about-shape-2 {
  position: absolute;
  left: 15px;
  top: 30%;
  z-index: 1;
}
@media (max-width: 575px) {
  .about__thumb-7 .about-shape-2 {
    left: -18px;
  }
}
.about__thumb-7 .about-shape-3 {
  position: absolute;
  bottom: -20px;
  left: 47%;
  z-index: 1;
}
@media (max-width: 575px) {
  .about__thumb-7 .about-shape-3 {
    bottom: -35px;
  }
}
.about__thumb-7 .about-shape-4 {
  position: absolute;
  top: 38%;
  right: 13%;
  z-index: 1;
}
@media (max-width: 575px) {
  .about__thumb-7 .about-shape-4 {
    right: 0;
  }
}
.about__thumb-11 img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.about__shape-1 {
  position: absolute;
  bottom: -110px;
  left: -110px;
  z-index: -1;
}
.about__shape-2 {
  position: absolute;
  top: 18%;
  right: 18%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about__shape-2 {
    top: 12%;
    right: 11%;
  }
}
.about__shape-3 {
  position: absolute;
  right: 3%;
  top: 16%;
  z-index: -1;
}
.about__plus {
  font-size: 130px;
  color: var(--renk2);
  font-weight: 500;
  position: absolute;
  top: 18%;
  right: 1%;
}
@media (max-width: 575px) {
  .about__plus {
    font-size: 55px;
    top: 13%;
  }
}
.about__wrapper-3 > p {
  margin-bottom: 55px;
}
.about__wrapper-4 > p {
  margin-bottom: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about__wrapper-5 {
    margin-top: 130px;
  }
}
.about__wrapper-5 > p {
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__wrapper-6 {
    margin-top: 50px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about__wrapper-6 {
    margin-top: 50px;
  }
}
.about__wrapper-6 p {
  margin-bottom: 35px;
  margin-right: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about__wrapper-7 {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .about__wrapper-7 {
    padding-right: 0;
  }
}
.about__wrapper-7 p {
  color: #565A63;
  font-size: 16px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about__wrapper-11 {
    margin-top: 45px;
  }
}
.about__wrapper-11 > p {
  color: #777777;
  margin-bottom: 40px;
}
.about__journey {
  padding: 25px 30px;
  padding-right: 15px;
  -webkit-box-shadow: 0px 20px 30px rgba(83, 109, 170, 0.08);
  box-shadow: 0px 20px 30px rgba(83, 109, 170, 0.08);
  border: 1px solid #E3E6EE;
}
@media (max-width: 575px) {
  .about__journey {
    margin-right: 0;
  }
}
.about__journey-year {
  position: absolute;
  padding-left: 10px;
  padding-right: 10px;
  left: 20px;
  top: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #ffffff;
}
.about__journey-year h4 {
  font-size: 16px;
  font-weight: 500;
  color: var(--renk);
  text-transform: uppercase;
  margin-bottom: 0;
}
.about__journey-content {
  width: 79%;
  position: relative;
  padding-right: 50px;
}
@media (max-width: 575px) {
  .about__journey-content {
    padding-right: 0;
    width: 100%;
  }
}
.about__journey-content::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 60px;
  background: #E3E6EE;
}
@media (max-width: 575px) {
  .about__journey-content::after {
    display: none;
  }
}
.about__journey-content p {
  margin-bottom: 0;
}
.about__journey-award {
  width: 21%;
}
@media (max-width: 575px) {
  .about__journey-award {
    width: 100%;
    margin-top: 25px;
  }
}
.about__journey-award i {
  font-size: 35px;
  color: var(--renk2);
  display: inline-block;
  margin-bottom: 8px;
}
.about__journey-award h5 {
  font-size: 12px;
  font-weight: 500;
  color: var(--renk);
  margin-bottom: 0;
}
.about__bg-1 {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.about__experience {
  position: absolute;
  bottom: 18px;
  right: 30px;
  background: #ffffff;
  padding: 20px 20px;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__experience {
    bottom: 45px;
    right: 90px;
  }
}
@media (max-width: 575px) {
  .about__experience {
    right: 0;
  }
}
.about__experience-counter {
  font-size: 58px;
  font-weight: 700;
  color: #DC1A1A;
  margin-bottom: 0;
}
.about__experience p {
  font-size: 18px;
  font-weight: 500;
  color: #030329;
  margin-bottom: 0;
}
.about__experience-11 {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background: #ffffff;
  padding: 35px 25px 45px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.about__experience-11 h3 {
  font-size: 80px;
  color: #FE951E;
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .about__experience-11 h3 {
    font-size: 40px;
  }
}
.about__experience-11 p {
  color: #030329;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
}
.about__features-item-5 {
  padding-right: 10px;
}
.about__features-item-11:hover .about__features-icon-11 i {
  background: #FE951E;
  color: #ffffff;
}
.about__features-icon i {
  font-size: 50px;
  color: #DC1A1A;
}
.about__features-icon-11 i {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #FE951E;
  background: #FFF8EF;
  font-size: 33px;
  -webkit-border-radius: 20px 0 20px 0;
  -moz-border-radius: 20px 0 20px 0;
  border-radius: 20px 0 20px 0;
}
.about__features-content h3 {
  font-size: 20px;
  font-weight: 500;
  color: #030329;
  margin-bottom: 15px;
}
.about__features-content-5 h3 {
  font-size: 18px;
  font-weight: 600;
  color: #030329;
  line-height: 1;
  margin-bottom: 14px;
}
.about__features-content-11 h3 {
  font-size: 20px;
  font-weight: 600;
  color: #030329;
  line-height: 1;
  margin-bottom: 13px;
}
.about__features-content-11 p {
  color: #777777;
}
.about__btn .play-btn {
  font-family: "Rubik", sans-serif;
  text-transform: uppercase;
  font-size: 15px;
  color: #030329;
  font-weight: 500;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 70px;
  line-height: 70px;
}
@media (max-width: 575px) {
  .about__btn .play-btn {
    margin-top: 30px;
  }
}
.about__btn .play-btn i {
  color: #DC1A1A;
  margin-right: 20px;
  font-size: 70px;
}
.about__list-6 ul li {
  font-size: 18px;
  color: #030329;
}
.about__list-6 ul li:not(:last-child) {
  margin-bottom: 8px;
}
.about__list-6 ul li i {
  color: #DC1A1A;
  margin-right: 10px;
}
.about__list-7 ul li {
  font-size: 16px;
  color: #565A63;
}
.about__list-7 ul li:not(:last-child) {
  margin-bottom: 8px;
}
.about__list-7 ul li i {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 10px;
  color: #ffffff;
  background: #14B99D;
  margin-right: 10px;
  text-align: center;
  line-height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.about-orange-color .about__features-icon i {
  color: var(--renk2);
}
.about-orange-color .about__experience-counter {
  color: var(--renk2);
}
.about-orange-color .d-btn-bus {
  background: var(--renk2);
}
.about-orange-color .d-btn-bus:hover {
  background: #030329;
}
.about-orange-color .about__btn .play-btn i {
  color: var(--renk2);
}
.about-orange-color .about__btn .play-btn i:hover {
  color: #030329;
}

/*----------------------------------------*/
/*  13. COUNTER CSS START
/*----------------------------------------*/
.counter__icon {
  margin-bottom: 15px;
}
.counter__icon i {
  font-size: 45px;
  color: var(--renk2);
}
.counter__icon-4 i {
  color: #DC1A1A;
}
.counter__icon-6 i {
  color: #ffffff;
}
.counter__icon-8 i {
  color: #FED507;
}
.counter__content h5 {
  margin-bottom: 0;
  font-size: 50px;
  font-weight: 700;
  color: #ffffff;
}
.counter__content p {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  text-transform: capitalize;
  margin-bottom: 0;
}
.counter__content-4 h5 {
  color: #030329;
}
.counter__content-4 p {
  color: #030329;
}
.counter__content-5 h5 {
  color: #1414B4;
}
.counter__content-5 p {
  color: #030329;
}
.counter__content-6 h5 {
  font-weight: 400;
}
.counter__content-7 p {
  text-transform: uppercase;
}
.counter__content-11 p {
  font-size: 16px;
}
.counter__shape-1 {
  position: absolute;
  right: 0;
  bottom: 0;
}
.counter__overlay {
  position: relative;
}
.counter__overlay::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: -1;
}
.counter__overlay-8::after {
  background: rgba(0, 0, 1, 0.13);
}
.counter__overlay-11::after {
  background: rgba(12, 12, 12, 0.6);
}
.counter__pb-260 {
  padding-bottom: 260px;
}

.counter-orange-color .counter__icon i {
  color: var(--renk2);
}

/*----------------------------------------*/
/*  14. WORK CSS START
/*----------------------------------------*/
@media (max-width: 575px) {
  .work__item-icon {
    margin-bottom: 20px;
  }
}
.work__item-icon i {
  display: inline-block;
  width: 65px;
  height: 65px;
  line-height: 61px;
  border: 2px solid var(--renk2);
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 30px;
  color: var(--renk2);
}
.work__item-content h4 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 7px;
}
.work__item-content p {
  padding-right: 110px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .work__item-content p {
    padding-right: 30px;
  }
}
@media (max-width: 575px) {
  .work__item-content p {
    padding-right: 0;
  }
}
.work__tab-btn .nav-tabs {
  border: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .work__tab-btn .nav-tabs .nav-item {
    width: 33.33%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .work__tab-btn .nav-tabs .nav-item {
    width: 33.33%;
  }
}
@media (max-width: 575px) {
  .work__tab-btn .nav-tabs .nav-item {
    width: 100%;
  }
}
.work__tab-btn .nav-tabs .nav-item .nav-link {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--renk);
  border: none;
  padding: 0;
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  height: 50px;
  line-height: 50px;
  width: 168px;
  text-align: left;
  padding: 0 35px;
  padding-right: 25px;
  border-bottom: 1px solid #E3E6EE;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .work__tab-btn .nav-tabs .nav-item .nav-link {
    text-align: center;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .work__tab-btn .nav-tabs .nav-item .nav-link {
    text-align: left;
    width: 100%;
  }
}
.work__tab-btn .nav-tabs .nav-item .nav-link.active, .work__tab-btn .nav-tabs .nav-item .nav-link:hover {
  background: var(--renk2);
  color: #ffffff;
  border-color: var(--renk2);
}
.work__tab-content {
  margin-left: -50px;
  padding: 30px;
  border: 1px solid #E3E6EE;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .work__tab-content {
    margin-left: -18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .work__tab-content {
    margin-left: -66px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .work__tab-content {
    margin-left: 0;
  }
}
.work__video {
  margin-left: -25px;
  padding-left: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .work__video {
    margin-left: 0;
    padding-left: 0;
  }
}
.work__video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 90px;
  height: 90px;
  text-align: center;
  line-height: 90px;
  font-size: 18px;
  color: var(--renk2);
  background: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.work__process-bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 50%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.work__process-bg-2 {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: var(--renk2);
}
.work__current-inner {
  padding: 50px 45px 40px 100px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .work__current-inner {
    padding-left: 65px;
    padding-right: 20px;
  }
}
@media (max-width: 575px) {
  .work__current-inner {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .work__current-inner .section__title-3 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .work__current-inner .section__title-3 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .work__current-inner .section__title-3 {
    font-size: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .work__current-inner .section__title-3 {
    font-size: 34px;
  }
}
.work__current-meta {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: inline-block;
  width: 110px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  background: var(--renk);
}
@media (max-width: 575px) {
  .work__current-meta {
    display: none;
  }
}
.work__current-meta div {
  display: block;
  padding-top: 25px;
  padding-bottom: 15px;
}
.work__current-meta div.month {
  border-bottom: 1px solid #5A5E87;
}
.work__current-meta div h5 {
  font-size: 30px;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 1;
}
.work__current-meta div p {
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .work__content .section__title-3 {
    font-size: 50px;
  }
}

/*----------------------------------------*/
/*  15. TEAM CSS START
/*----------------------------------------*/
.team__thumb-11 {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.team__item:hover .team__thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.team__item-4:hover .team__content-4 {
  bottom: 0;
  visibility: visible;
  opacity: 1;
}
.team__item-5:hover .team__content-5 {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  visibility: visible;
  opacity: 1;
}
.team__item-11:hover .team__thumb-11 img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.team__item-11:hover .team__line svg {
  width: 100%;
}
.team__item-11:hover .team__social-11 {
  opacity: 1;
  visibility: visible;
}
.team__item-11:hover .team__content-11 {
  -webkit-transform: translateY(-55px);
  -moz-transform: translateY(-55px);
  -ms-transform: translateY(-55px);
  transform: translateY(-55px);
}
.team__title {
  font-size: 22px;
  font-weight: 600;
  color: var(--renk);
  margin-bottom: 5px;
}
.team__title a:hover {
  color: var(--renk2);
}
.team__title-4 {
  font-size: 18px;
  color: #030329;
  margin-bottom: 0;
}
.team__title-4 a:hover {
  color: #DC1A1A;
}
.team__title-5 {
  font-size: 18px;
  color: #030329;
  margin-bottom: 0;
}
.team__title-5 a:hover {
  color: #DC1A1A;
}
.team__title-11 {
  font-size: 20px;
  color: #030329;
  margin-bottom: 15px;
}
.team__title-11 a:hover {
  color: #FE951E;
}
.team__social {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 15px 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #ffffff;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .team__social {
    width: 60%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team__social {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team__social {
    width: 70%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .team__social {
    width: 70%;
  }
}
@media (max-width: 575px) {
  .team__social {
    width: 80%;
  }
}
.team__social ul li {
  display: inline-block;
}
.team__social ul li:not(:last-child) {
  margin-right: 15px;
}
.team__social ul li a {
  font-size: 16px;
  color: #8A97B2;
}
.team__social ul li a:hover {
  color: var(--renk2);
}
.team__social-4 {
  position: relative;
}
.team__social-4 ul li {
  display: inline-block;
}
.team__social-4 ul li:not(:last-child) {
  margin-right: 15px;
}
.team__social-4 ul li a {
  font-size: 16px;
  color: #8A97B2;
}
.team__social-4 ul li a:hover {
  color: #DC1A1A;
}
.team__social-5 {
  position: relative;
}
.team__social-5 ul li {
  display: inline-block;
}
.team__social-5 ul li:not(:last-child) {
  margin-right: 15px;
}
.team__social-5 ul li a {
  font-size: 16px;
  color: #8A97B2;
}
.team__social-5 ul li a:hover {
  color: var(--renk2);
}
.team__social-11 {
  opacity: 0;
  visibility: hidden;
}
.team__social-11 ul li a {
  color: #B9B9B9;
}
.team__social-11 ul li a:hover {
  color: #FE951E;
}
.team__content {
  padding: 30px 15px;
}
.team__content-4 {
  padding: 20px 50px 15px;
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #ffffff;
  width: 90%;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  visibility: hidden;
  opacity: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .team__content-4 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team__content-4 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .team__content-4 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.team__content-4 > span {
  color: #828DA5;
  display: inline-block;
  margin-bottom: 15px;
}
.team__content-5 {
  position: absolute;
  bottom: 8px;
  left: 20px;
  right: 20px;
  padding: 20px 50px 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  transform-origin: bottom center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .team__content-5 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team__content-5 {
    padding-left: 0;
    padding-right: 0;
  }
}
.team__content-5 > span {
  color: #828DA5;
  display: inline-block;
  margin-bottom: 15px;
}
.team__content-5 .team-5-shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.team__content-11 {
  position: relative;
  width: calc(100% - 50px);
  left: 25px;
  padding-top: 15px;
}
.team__content-11 span {
  font-size: 14px;
  color: #777777;
  display: inline-block;
}
.team__shape-1 {
  position: absolute;
  right: 10%;
  top: 22%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .team__shape-1 {
    top: 35%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team__shape-1 {
    top: 40%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .team__wrapper-5 {
    padding-left: 0;
  }
}
.team__line svg {
  width: 0;
  transition: width 0.3s ease-in;
}

/*----------------------------------------*/
/*  16. PORTFOLIO CSS START
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .portfolio__item {
    margin-bottom: 30px;
  }
}
.portfolio__item .portfolio__content {
  bottom: 30px;
  visibility: visible;
  opacity: 1;
}
.portfolio__item:hover .portfolio__thumb a::after {
  visibility: visible;
  opacity: 1;
}
.portfolio__item-5 {
  padding-bottom: 135px;
}
.portfolio__item-5 .portfolio-link-btn {
  position: relative;
  display: inline-block;
  height: 30px;
  line-height: 28px;
  text-align: center;
  padding: 0 10px;
  font-size: 14px;
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  color: var(--renk2);
  text-transform: capitalize;
  border: 1px solid var(--renk2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
}
.portfolio__item-5 .portfolio-link-btn span {
  text-transform: capitalize;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -10px;
  visibility: hidden;
  opacity: 0;
  line-height: 1;
  width: 100%;
}
.portfolio__item-5 .portfolio-link-btn:hover {
  padding-right: 85px;
}
.portfolio__item-5 .portfolio-link-btn:hover span {
  visibility: visible;
  opacity: 1;
}
.portfolio__item-5:hover .portfolio__thumb-5 img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.portfolio__item-5:hover .portfolio__content-5 {
  -webkit-box-shadow: 0px 20px 20px rgba(71, 112, 183, 0.04);
  -moz-box-shadow: 0px 20px 20px rgba(71, 112, 183, 0.04);
  box-shadow: 0px 20px 20px rgba(71, 112, 183, 0.04);
}
.portfolio__item-11:hover .portfolio__content-11 {
  visibility: visible;
  opacity: 1;
  bottom: 20px;
}
.portfolio__item-11:hover .portfolio__thumb-11 img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.portfolio__content {
  position: relative;
  padding: 12px 12px;
  background: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  width: 95%;
  visibility: hidden;
  opacity: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 575px) {
  .portfolio__content {
    width: 90%;
  }
}
.portfolio__content::after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 4px;
  height: 50px;
  background: var(--renk2);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.portfolio__content span {
  font-size: 14px;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 5px;
}
.portfolio__content .link-btn-2 {
  text-transform: uppercase;
  color: var(--renk2);
  font-weight: 500;
  font-size: 14px;
}
.portfolio__content .link-btn-2:hover {
  color: var(--renk);
}
.portfolio__content-5 {
  position: absolute;
  bottom: 17px;
  left: 30px;
  right: 30px;
  padding: 20px 30px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: 1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .portfolio__content-5 {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__content-5 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__content-5 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.portfolio__content-11 {
  position: absolute;
  left: 20px;
  bottom: 0;
  right: 20px;
  padding: 10px 30px;
  padding-right: 90px;
  visibility: hidden;
  opacity: 0;
}
.portfolio__content-11 .tag {
  font-size: 14px;
  color: #777777;
  display: inline-block;
}
.portfolio__content-11 p {
  font-size: 14px;
  color: #030329;
  margin-bottom: 0;
}
.portfolio__content-11 p span {
  color: #777777;
}
.portfolio__content-11 .portfolio-link-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 100%;
  line-height: 1;
  background: #FE951E;
  color: #ffffff;
  font-size: 24px;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.portfolio__content-11 .portfolio-link-btn::after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #ffffff;
}
.portfolio__content-11 .portfolio-link-btn:hover {
  background: #030329;
}
.portfolio__content-12 {
  padding: 15px 20px 20px;
  padding-right: 90px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.portfolio__content-12 .tag {
  text-transform: uppercase;
  color: var(--renk2);
}
.portfolio__content-12 p {
  text-transform: uppercase;
  color: #777777;
}
.portfolio__content-12 p span {
  color: #030329;
}
.portfolio__content-12 .portfolio-link-btn-2 {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 56px;
  text-align: center;
  color: #828DA5;
  border: 2px solid #E3E6EE;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 18px;
}
.portfolio__content-12 .portfolio-link-btn-2:hover {
  background: var(--renk2);
  border-color: var(--renk2);
  color: #ffffff;
}
.portfolio__title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
  color: var(--renk);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .portfolio__title {
    font-size: 20px;
  }
}
.portfolio__title a:hover {
  color: var(--renk2);
}
.portfolio__title-5 {
  font-size: 18px;
  font-weight: 600;
  color: #030329;
  margin-bottom: 15px;
}
.portfolio__title-5 a:hover {
  color: var(--renk2);
}
.portfolio__title-11 {
  font-size: 20px;
  font-weight: 600;
  color: #030329;
  margin-bottom: 2px;
}
.portfolio__title-11 a:hover {
  color: #FE951E;
}
.portfolio__thumb a {
  position: relative;
  display: block;
}
.portfolio__thumb a::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(var(--renk) 0%, rgba(0, 2, 17, 0) 100%);
  visibility: hidden;
  opacity: 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.portfolio__thumb-11 {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.portfolio__thumb-12 {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .portfolio__more {
    margin-bottom: 40px;
  }
}
.portfolio__meta-5 .tag {
  font-size: 14px;
  font-weight: 500;
  color: #03129B;
  display: inline-block;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__meta-5 span {
    display: block;
  }
}
@media (max-width: 575px) {
  .portfolio__meta-5 span {
    display: block;
  }
}
.portfolio__meta-5 span:not(:last-child) {
  margin-right: 30px;
}
.portfolio__meta-5 span i {
  margin-right: 5px;
}
.portfolio__tab-btn .nav-tabs {
  border: 0;
  margin: 0;
}
.portfolio__tab-btn .nav-tabs .nav-item {
  width: calc(25% - 30px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio__tab-btn .nav-tabs .nav-item {
    width: 45%;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio__tab-btn .nav-tabs .nav-item {
    width: 43%;
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .portfolio__tab-btn .nav-tabs .nav-item {
    width: 100%;
    margin-bottom: 30px;
  }
}
.portfolio__tab-btn .nav-tabs .nav-item:not(:last-child) {
  margin-right: 30px;
}
@media (max-width: 575px) {
  .portfolio__tab-btn .nav-tabs .nav-item:not(:last-child) {
    margin-right: 0;
  }
}
.portfolio__tab-btn .nav-tabs .nav-item:last-child {
  width: 25%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio__tab-btn .nav-tabs .nav-item:last-child {
    width: 45%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio__tab-btn .nav-tabs .nav-item:last-child {
    width: 43%;
  }
}
@media (max-width: 575px) {
  .portfolio__tab-btn .nav-tabs .nav-item:last-child {
    width: 100%;
  }
}
.portfolio__tab-btn .nav-tabs .nav-item .nav-link {
  width: 100%;
  border: 0;
  margin: 0;
  padding: 25px 20px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #030329;
  background: rgba(72, 139, 254, 0.1);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .portfolio__tab-btn .nav-tabs .nav-item .nav-link {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__tab-btn .nav-tabs .nav-item .nav-link {
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.portfolio__tab-btn .nav-tabs .nav-item .nav-link i {
  font-size: 35px;
  margin-right: 10px;
  color: #488BFE;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__tab-btn .nav-tabs .nav-item .nav-link i {
    font-size: 24px;
  }
}
.portfolio__tab-btn .nav-tabs .nav-item .nav-link.active, .portfolio__tab-btn .nav-tabs .nav-item .nav-link:hover {
  background: #488BFE;
  color: #ffffff;
  -webkit-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.08);
  -moz-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.08);
  box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.08);
}
.portfolio__tab-btn .nav-tabs .nav-item .nav-link.active i, .portfolio__tab-btn .nav-tabs .nav-item .nav-link:hover i {
  color: #ffffff;
}
.portfolio__tab-btn .nav-tabs .nav-item .nav-link.orange-bg {
  background: rgba(254, 88, 36, 0.1);
}
.portfolio__tab-btn .nav-tabs .nav-item .nav-link.orange-bg i {
  color: var(--renk2);
}
.portfolio__tab-btn .nav-tabs .nav-item .nav-link.orange-bg.active, .portfolio__tab-btn .nav-tabs .nav-item .nav-link.orange-bg:hover {
  background: var(--renk2);
  color: #ffffff;
}
.portfolio__tab-btn .nav-tabs .nav-item .nav-link.orange-bg.active i, .portfolio__tab-btn .nav-tabs .nav-item .nav-link.orange-bg:hover i {
  color: #ffffff;
}
.portfolio__tab-btn .nav-tabs .nav-item .nav-link.green-bg {
  background: rgba(24, 159, 101, 0.1);
}
.portfolio__tab-btn .nav-tabs .nav-item .nav-link.green-bg i {
  color: #189F65;
}
.portfolio__tab-btn .nav-tabs .nav-item .nav-link.green-bg.active, .portfolio__tab-btn .nav-tabs .nav-item .nav-link.green-bg:hover {
  background: #189F65;
  color: #ffffff;
}
.portfolio__tab-btn .nav-tabs .nav-item .nav-link.green-bg.active i, .portfolio__tab-btn .nav-tabs .nav-item .nav-link.green-bg:hover i {
  color: #ffffff;
}
.portfolio__tab-btn .nav-tabs .nav-item .nav-link.brown-bg {
  background: rgba(225, 50, 50, 0.1);
}
.portfolio__tab-btn .nav-tabs .nav-item .nav-link.brown-bg i {
  color: #E13232;
}
.portfolio__tab-btn .nav-tabs .nav-item .nav-link.brown-bg.active, .portfolio__tab-btn .nav-tabs .nav-item .nav-link.brown-bg:hover {
  background: #E13232;
  color: #ffffff;
}
.portfolio__tab-btn .nav-tabs .nav-item .nav-link.brown-bg.active i, .portfolio__tab-btn .nav-tabs .nav-item .nav-link.brown-bg:hover i {
  color: #ffffff;
}
.portfolio__shape-1 {
  position: absolute;
  bottom: 180px;
  left: 0;
  z-index: -1;
}
.portfolio__shape-2 {
  position: absolute;
  top: 21%;
  left: 26%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__shape-2 {
    top: 5%;
  }
}
@media (max-width: 575px) {
  .portfolio__shape-2 {
    top: 2%;
  }
}
.portfolio__menu button {
  font-size: 18px;
  color: #777777;
  margin: 0 20px;
  text-transform: capitalize;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio__menu button {
    margin: 0 10px;
  }
}
@media (max-width: 575px) {
  .portfolio__menu button {
    margin: 0 5px;
  }
}
.portfolio__menu button.active {
  color: #FE951E;
}
.portfolio__text h3 {
  font-size: 36px;
  color: #030329;
  margin-bottom: 18px;
}
.portfolio__details-features {
  padding: 0 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio__details-features {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.portfolio__details-features.border-right {
  position: relative;
}
.portfolio__details-features.border-right::after {
  position: absolute;
  content: "";
  right: -10px;
  top: 0;
  height: 100%;
  width: 1px;
  background: #EFF0F3;
}
.portfolio__details-features .portfolio-features-text h3 {
  font-size: 20px;
  color: #030329;
  margin-bottom: 12px;
}
.portfolio__info {
  padding: 40px 40px;
}
.portfolio__info-content h5 {
  font-size: 18px;
  font-weight: 600;
  color: #030329;
  margin-bottom: 5px;
}
.portfolio__info-content p {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .portfolio__widget {
    margin-top: 50px;
  }
}

/*----------------------------------------*/
/*  17. BRAND CSS START
/*----------------------------------------*/
.brand__item {
  position: relative;
}
.brand__item::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 80px;
  background: #E3E6EE;
}
.brand__item img {
  display: inline-block !important;
  width: inherit !important;
  filter: grayscale(100%);
}
.brand__item:hover img {
  filter: grayscale(0);
}
.brand__item-4 img {
  display: inline-block !important;
  width: inherit !important;
}
.brand__item-7 img {
  filter: grayscale(100%);
}
.brand__item-7:hover img {
  filter: grayscale(0);
}

/*----------------------------------------*/
/*  18. FEATURES CSS START
/*----------------------------------------*/
.features__mt--65 {
  margin-top: -65px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .features__mt--65 {
    margin-top: 50px;
  }
}
.features__mt--95 {
  margin-top: -95px;
}
.features__border {
  border-bottom: 2px dashed #E1E5EC;
}
.features__border-6 {
  border-right: 1px solid #E3E5EB;
}
.features__item:hover .features__icon span, .features__item:hover .features__icon i {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.features__item-5 {
  padding: 0 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .features__item-5 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .features__item-5 {
    padding-right: 5px;
    padding-left: 5px;
  }
}
.features__item-5:hover .fea-no {
  visibility: visible;
  opacity: 1;
}
.features__item-6 {
  padding: 43px 30px 37px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .features__item-6 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.features__item-6:hover {
  border-color: #DC1A1A;
  background: #DC1A1A;
}
.features__item-6:hover .features__icon-6 i {
  color: #ffffff;
}
.features__item-6:hover .features__title-6 {
  color: #ffffff;
}
.features__item-6:hover .features__content-6 p {
  color: #ffffff;
}
.features__item-7 {
  padding: 50px 35px 37px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  box-shadow: 0px 20px 30px rgba(16, 31, 80, 0.15);
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -moz-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -ms-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -o-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .features__item-7 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features__item-7 {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.features__item-7.blue-bg {
  background: #0183F1;
}
.features__item-7.yellow-bg {
  background: #E29032;
}
.features__item-7.pink-bg {
  background: #E950A6;
}
.features__item-7.green-bg {
  background: #3BC18F;
}
.features__item-7.purple-bg {
  background: #6A48BC;
}
.features__item-7:hover {
  -webkit-transform: translateY(-5px) translate3d(0, -5px, 0);
  -moz-transform: translateY(-5px) translate3d(0, -5px, 0);
  -ms-transform: translateY(-5px) translate3d(0, -5px, 0);
  transform: translateY(-5px) translate3d(0, -5px, 0);
}
@media (max-width: 575px) {
  .features__icon {
    padding-left: 13px;
  }
}
.features__icon span {
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 64px;
  text-align: center;
  border: 3px solid #DC1A1A;
  font-size: 35px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.features__icon span i {
  display: inline-block;
  color: #DC1A1A;
  -webkit-transform: rotate(-45deg) translateX(1px);
  -moz-transform: rotate(-45deg) translateX(1px);
  -ms-transform: rotate(-45deg) translateX(1px);
  transform: rotate(-45deg) translateX(1px);
}
.features__icon-5 .fea-icon {
  display: inline-block;
  position: relative;
}
.features__icon-5 .fea-no {
  position: absolute;
  left: -5px;
  top: -6px;
  display: inline-block;
  width: 31px;
  height: 31px;
  line-height: 27px;
  text-align: center;
  color: #ffffff;
  font-weight: 500;
  border: 2px solid #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: linear-gradient(120deg, rgb(2, 0, 36) 0%, rgb(254, 163, 7) 0%, rgb(254, 88, 36) 100%);
  visibility: hidden;
  opacity: 0;
}
.features__icon-6 i {
  font-size: 30px;
  color: #030329;
}
.features__icon-7 i {
  font-size: 70px;
  color: #ffffff;
}
@media (max-width: 575px) {
  .features__icon-10 {
    margin-bottom: 20px;
  }
}
.features__icon-10 i {
  display: inline-block;
  width: 70px;
  height: 70px;
  text-align: center;
  line-height: 70px;
  font-size: 28px;
  color: #035FFF;
  background: #E1EBFB;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.features__title {
  font-size: 24px;
  color: #ffffff;
  margin-bottom: 15px;
}
.features__title a:hover {
  color: #DC1A1A;
}
.features__title-5 {
  font-size: 24px;
  color: #060D2B;
  margin-bottom: 20px;
}
.features__title-6 {
  font-size: 22px;
  font-weight: 500;
  color: #030329;
  margin-bottom: 15px;
  line-height: 1;
}
.features__title-7 {
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
  font-family: "Rubik", sans-serif;
}
.features__title-7 span {
  display: block;
}
.features__title-10 {
  font-size: 20px;
  font-weight: 600;
  color: #030329;
}
.features__content p {
  color: #7B7B8E;
}
.features__content-6 p {
  margin-bottom: 0;
}
.features__thumb-5-1 {
  position: absolute;
  left: -14%;
  bottom: -20%;
}
@media (max-width: 575px) {
  .features__thumb-5-1 {
    display: none;
  }
}
.features__thumb-5-2 {
  position: absolute;
  top: -26%;
  right: -11%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .features__thumb-5-2 {
    right: 0;
  }
}
@media (max-width: 575px) {
  .features__thumb-5-2 {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .features__thumb-5-3 {
    width: 100%;
  }
}
.features__thumb-5 .features-shape-1 {
  position: absolute;
  z-index: -1;
  bottom: -16%;
  right: 6%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .features__thumb-5 .features-shape-1 {
    bottom: -30%;
  }
}
@media (max-width: 575px) {
  .features__thumb-5 .features-shape-1 {
    display: none;
  }
}
.features__thumb-5 .features-shape-2 {
  position: absolute;
  z-index: -1;
  top: -14%;
  left: 0;
}
.features__thumb-5 .features-shape-3 {
  position: absolute;
  z-index: -1;
  top: 48%;
  left: -30%;
}
.features__shape-1 {
  position: absolute;
  top: -10%;
  left: -11%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .features__shape-1 {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .features__wrapper-5 {
    margin-top: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .features__wrapper-9 {
    padding-right: 0;
  }
}
.features__wrapper-9 p {
  margin-bottom: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .features__wrapper-10 {
    padding-right: 0;
  }
}
.features__list-9 ul li {
  font-size: 16px;
}
.features__list-9 ul li:not(:last-child) {
  margin-bottom: 15px;
}
.features__list-9 ul li span {
  font-weight: 500;
  color: #030329;
}
.features__list-9 ul li i {
  margin-right: 10px;
  color: #035FFF;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .features__bg {
    background-position: left;
  }
}

/*----------------------------------------*/
/*  19. CONTACT CSS START
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact__wrapper {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact__wrapper {
    margin-bottom: 50px;
  }
}
.contact__form-btn button {
  width: 100%;
  border-radius: 0;
}
.contact__form-btn-2 button {
  font-size: 14px;
  color: #ffffff;
  background: var(--renk2);
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  height: 70px;
  line-height: 70px;
  padding: 0 50px;
}
.contact__form-btn-2 button i {
  font-size: 18px;
  margin-left: 5px;
}
.contact__form-btn-2 button:hover {
  color: #ffffff;
  background: #030329;
}
.contact__form .contact-form-title {
  font-size: 30px;
  color: #030329;
  margin-bottom: 35px;
}
.contact__form-2 {
  padding: 35px 40px;
}
@media (max-width: 575px) {
  .contact__form-2 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.contact__input input, .contact__input textarea, .contact__input .nice-select {
  width: 100%;
  height: 60px;
  background: #ffffff;
  border: none;
  outline: none;
  padding: 0 20px;
  font-size: 14px;
  line-height: 60px;
  color: #828DA5;
}
.contact__input input::placeholder, .contact__input textarea::placeholder, .contact__input .nice-select::placeholder {
  color: #828DA5;
}
.contact__input input:focus, .contact__input textarea:focus, .contact__input .nice-select:focus {
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.06);
}
.contact__input .nice-select {
  border-radius: 0;
  float: none;
}
.contact__input .nice-select .list {
  margin-top: 0;
  width: 100%;
  border-radius: 0;
}
.contact__input .nice-select .list .option:hover {
  background: #F3F4F6;
  color: #151B29;
}
.contact__input textarea {
  padding: 20px;
  height: 120px;
  line-height: 1.1;
  resize: none;
}
.contact__input-2 input, .contact__input-2 textarea {
  background: #F8F9FC;
}
.contact__input-2 input::placeholder, .contact__input-2 textarea::placeholder {
  color: #83868D;
}
.contact__input-2 .nice-select {
  background: #F8F9FC;
}
.contact__input-2 .nice-select::after {
  right: 20px;
  width: 0;
  height: 0;
  border: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #C1C6D6;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.contact__input-2 .nice-select.open::after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.contact__input-2 textarea {
  height: 150px;
}
.contact__info {
  padding: 30px 40px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact__info {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact__info {
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .contact__info {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.contact__info h3 {
  font-size: 30px;
  color: #030329;
  margin-bottom: 40px;
}
.contact__info ul li:not(:last-child) {
  margin-bottom: 35px;
}
.contact__info-text p {
  margin-bottom: 0;
}
.contact__info-text h5 {
  font-size: 20px;
  font-weight: 500;
  color: #030329;
}
.contact__info-chat {
  border-top: 1px solid #EBEDF2;
}
.contact__info-chat h4 {
  font-size: 30px;
  color: #030329;
}
.contact__info-chat a {
  color: var(--renk2);
  font-weight: 500;
}
.contact__info-chat a span {
  position: relative;
  margin-left: 10px;
}
.contact__info-chat a span::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: var(--renk2);
}
.contact__map-wrapper {
  width: 100%;
  height: 775px;
}
@media (max-width: 575px) {
  .contact__map-wrapper {
    height: 550px;
  }
}
.contact__map-wrapper iframe {
  width: 100%;
  height: 100%;
}

/*----------------------------------------*/
/*  20. CATEGORY CSS START
/*----------------------------------------*/
.category__item {
  padding: 35px 40px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .category__item {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.category__item:hover {
  background: #0183F1;
  box-shadow: 0px 20px 20px rgba(31, 88, 152, 0.15);
}
.category__item:hover .category__title, .category__item:hover .category__icon i, .category__item:hover .category__content span {
  color: #ffffff;
}
.category__item-2:hover .category__thumb-2 img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.category__title {
  font-size: 20px;
  font-weight: 600;
  color: #030329;
  margin-bottom: 0;
}
.category__title-2 {
  font-size: 16px;
  font-weight: 500;
}
.category__icon i {
  font-size: 45px;
  color: #0183F1;
}
.category__content-2 {
  padding-top: 8px;
}
.category__more .d-btn-edu {
  height: 50px;
  line-height: 46px;
  padding: 0 30px;
}
.category__count span {
  font-size: 14px;
}

/*----------------------------------------*/
/*  21. COURSE CSS START
/*----------------------------------------*/
.course__item {
  box-shadow: 0px 20px 40px rgba(11, 20, 96, 0.1);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.course__item:hover .course__thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.course__item-2 {
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.course__title {
  font-size: 18px;
  color: #030329;
  font-weight: 600;
  margin-bottom: 13px;
}
.course__title a:hover {
  color: #0183F1;
}
.course__title-2 {
  font-size: 17px;
}
.course__title-2 a:hover {
  color: #FED507;
}
.course__content {
  padding: 50px 35px 20px;
  padding-right: 60px;
}
@media (max-width: 575px) {
  .course__content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.course__content-2 {
  padding: 20px 20px;
  border: 1px solid #E3E6EE;
  border-top: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .course__content-2 {
    padding-right: 35px;
  }
}
.course__rating {
  margin-bottom: 5px;
}
.course__rating ul {
  display: inline-block;
  margin-right: 5px;
}
.course__rating ul li {
  display: inline-block;
}
.course__rating ul li a {
  font-size: 14px;
  color: #FEA307;
}
.course__price span {
  font-size: 18px;
  font-weight: 500;
  color: #0183F1;
  text-transform: uppercase;
}
.course__price span.old-price {
  font-size: 16px;
  color: #828DA5;
  text-decoration: line-through;
  font-weight: 400;
  margin-left: 8px;
}
.course__price span.price-2 {
  color: #030329;
}
.course__action {
  border-top: 1px solid #E3E6EE;
}
.course__action span {
  text-align: center;
  font-size: 14px;
  color: #828DA5;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 100%;
  border-right: 1px solid #E3E6EE;
}
.course__action span i {
  margin-right: 8px;
}
.course__action span:hover {
  color: #ffffff;
  background: #0183F1;
}
.course__action span.course-link-btn {
  border-right: 0;
}
.course__action span.course-link-btn a {
  font-family: "Rubik", sans-serif;
  color: #0183F1;
  font-weight: 500;
}
.course__action span.course-link-btn a i {
  margin-right: 0;
  top: 49%;
}
.course__action span.course-link-btn:hover a {
  color: #ffffff;
}
.course__action-2 {
  border-top: none;
  border-bottom: 1px solid #E3E6EE;
  border-left: 1px solid #E3E6EE;
}
.course__action-2 span {
  height: 40px;
  line-height: 40px;
}
.course__instructor {
  position: absolute;
  top: 0;
  left: 35px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.course__instructor a {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding: 0 12px;
  box-shadow: 0px 5px 10px rgba(12, 53, 123, 0.08);
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  background: #ffffff;
  min-width: 130px;
}
.course__instructor a img {
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 10px;
}
.course__instructor a span {
  font-size: 16px;
  color: #030329;
}
.course__instructor a:hover span {
  color: #0183F1;
}
.course__tag {
  position: absolute;
  top: 20px;
  left: 20px;
}
.course__tag a {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  padding: 0 15px;
  background: #26BF86;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.course__tag a.pink-bg {
  background: #E950A6;
}
.course__tag a.purple-bg {
  background: #7E48FF;
}
.course__tag-2 a {
  font-size: 14px;
  display: inline-block;
}
.course__tab .nav-tabs {
  border: none;
}
.course__tab .nav-tabs .nav-item:not(:last-child) {
  margin-right: 20px;
}
.course__tab .nav-tabs .nav-item .nav-link {
  border: none;
  padding: 0;
  margin: 0;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 16px;
  color: #030329;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0 20px;
  background: #ffffff;
}
@media (max-width: 575px) {
  .course__tab .nav-tabs .nav-item .nav-link {
    margin-bottom: 15px;
  }
}
.course__tab .nav-tabs .nav-item .nav-link.active, .course__tab .nav-tabs .nav-item .nav-link:hover {
  color: #ffffff;
  background: #0183F1;
  box-shadow: 0px 10px 10px rgba(1, 131, 241, 0.15);
}
.course__tab-2 .nav-tabs {
  border-right: 1px solid #E3E6EE;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course__tab-2 .nav-tabs {
    width: fit-content;
  }
}
@media (max-width: 575px) {
  .course__tab-2 .nav-tabs {
    border-right: 0;
  }
}
.course__tab-2 .nav-tabs .nav-item {
  margin: 0;
}
.course__tab-2 .nav-tabs .nav-item:not(:last-child) {
  margin: 0;
}
.course__tab-2 .nav-tabs .nav-item .nav-link {
  font-size: 14px;
  text-transform: uppercase;
  color: #030329;
  height: 35px;
  line-height: 35px;
  font-weight: 500;
  border: 1px solid #E3E6EE;
  border-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.course__tab-2 .nav-tabs .nav-item .nav-link i {
  margin-left: 7px;
}
.course__tab-2 .nav-tabs .nav-item .nav-link.active, .course__tab-2 .nav-tabs .nav-item .nav-link:hover {
  color: #030329;
  background: #FED507;
  box-shadow: none;
  border-color: #FED507;
}
.course__sm-title {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0;
}
.course__sm-title a:hover {
  color: #E950A6;
}
.course__sm-title-2 {
  color: #030329;
}
.course__sm-title-2 a:hover {
  color: #FED507;
}
.course__sm-meta span {
  font-size: 14px;
  color: #6B707B;
}
.course__sm-meta-2 span {
  color: #828DA5;
}

/* instructor css start */
.instructor__content {
  padding-top: 25px;
}
.instructor__content h3 {
  font-size: 20px;
  font-weight: 600;
  color: #030329;
  text-transform: uppercase;
  margin-bottom: 0;
}
.instructor__content h3 a:hover {
  color: #FED507;
}
.instructor__content > span {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}
.instructor__rating {
  margin-bottom: 12px;
}
.instructor__rating ul li {
  display: inline-block;
}
.instructor__rating ul li a {
  font-size: 16px;
  color: #FEA307;
}
.instructor__bottom {
  border-top: 1px solid #E3E6EE;
}
.instructor__bottom span {
  width: 100%;
  font-size: 14px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
}
.instructor__bottom span:not(:last-child) {
  border-right: 1px solid #E3E6EE;
}
.instructor__bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 44%;
  height: 100%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .instructor__bg-img {
    width: 100%;
  }
}
.instructor__bg-img::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .instructor__wrapper {
    margin-bottom: 50px;
  }
}
.instructor__wrapper > p {
  color: #E3E6EE;
  margin-bottom: 40px;
}
.instructor__slider .owl-nav button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -20px;
  font-size: 14px;
  color: #030329;
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  background: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
@media (max-width: 575px) {
  .instructor__slider .owl-nav button {
    left: 0;
  }
}
.instructor__slider .owl-nav button:hover {
  color: #ffffff;
  background: #030329;
}
.instructor__slider .owl-nav button.nav-right {
  left: auto;
  right: -20px;
}
@media (max-width: 575px) {
  .instructor__slider .owl-nav button.nav-right {
    right: 0;
  }
}

/*----------------------------------------*/
/*  22. APPLY CSS START
/*----------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .apply__wrapper {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .apply__wrapper {
    padding-left: 0;
    margin-top: 50px;
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .apply__wrapper {
    padding-right: 0;
  }
}
.apply__wrapper p {
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .apply__thumb {
    margin-left: 0;
  }
}
.apply__thumb .apply-img-1 {
  position: relative;
  z-index: 1;
  margin-top: 90px;
}
.apply__thumb .apply-img-2 {
  margin-left: -30px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .apply__thumb .apply-img-2 {
    margin-left: -70px;
  }
}
@media (max-width: 575px) {
  .apply__thumb .apply-img-2 {
    margin-left: -250px;
  }
}
.apply__instructors {
  padding: 30px 30px 20px;
  position: absolute;
  bottom: -20px;
  right: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 10px 40px rgba(25, 50, 132, 0.16);
  -moz-box-shadow: 0px 10px 40px rgba(25, 50, 132, 0.16);
  box-shadow: 0px 10px 40px rgba(25, 50, 132, 0.16);
  z-index: 1;
}
.apply__instructors ul li {
  display: inline-block;
}
.apply__instructors ul li:not(:first-child) {
  margin-left: -15px;
}
.apply__instructors ul li img {
  width: 45px;
  height: 45px;
  border: 3px solid #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.09);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.09);
}
.apply__instructors p {
  color: #030329;
  margin-bottom: 0;
}

/*----------------------------------------*/
/*  23. DOMAIN CSS START
/*----------------------------------------*/
.domain__mt--175 {
  margin-top: -175px;
}
.domain__wrapper {
  background: #ffffff;
  -webkit-box-shadow: 0px 20px 40px rgba(28, 50, 109, 0.07);
  -moz-box-shadow: 0px 20px 40px rgba(28, 50, 109, 0.07);
  box-shadow: 0px 20px 40px rgba(28, 50, 109, 0.07);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 65px 20px 55px;
}
.domain__title {
  font-size: 28px;
  font-weight: 700;
  color: #030329;
  margin-bottom: 3px;
}
.domain__title span {
  color: #035FFF;
}
.domain__content > p {
  margin-bottom: 35px;
}
.domain__form-input input {
  width: 100%;
  height: 70px;
  border: 1px solid #E3E6EE;
  padding-left: 140px;
  padding-right: 170px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
@media (max-width: 575px) {
  .domain__form-input input {
    padding: 0 30px;
  }
}
.domain__form-input input::placeholder {
  color: #828DA5;
}
.domain__form-input-2 input {
  -webkit-box-shadow: 0px 30px 30px rgba(0, 33, 110, 0.2);
  -moz-box-shadow: 0px 30px 30px rgba(0, 33, 110, 0.2);
  box-shadow: 0px 30px 30px rgba(0, 33, 110, 0.2);
}
.domain__form .nice-select {
  width: 120px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  background: #F2F4F9;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  color: #030329;
}
@media (max-width: 575px) {
  .domain__form .nice-select {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
}
.domain__form .nice-select::after {
  right: 20px;
  top: 55%;
  width: 0;
  height: 0;
  border: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #828DA5;
  margin-top: -7px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.domain__form .nice-select .list {
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.domain__form .nice-select .option {
  color: #ffffff;
  background: #151B29;
}
.domain__form .nice-select .option:hover, .domain__form .nice-select .option.selected {
  background: #0B6EDF;
  color: #ffffff;
}
.domain__form .nice-select.open::after {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.domain__form button {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  background: #035FFF;
  height: 55px;
  line-height: 55px;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0 30px;
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .domain__form button {
    position: static;
    margin-top: 10px;
  }
}
.domain__form button i {
  margin-right: 8px;
}
.domain__form button:hover {
  background: #030329;
}
.domain__price p {
  font-size: 16px;
  color: #030329;
  text-transform: capitalize;
  position: relative;
}
.domain__price p::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 15px;
  background: #DEE0E5;
}
@media (max-width: 575px) {
  .domain__price p::after {
    display: none;
  }
}
.domain__price p:last-child::after {
  display: none;
}
.domain__price p:not(:last-child) {
  padding-right: 35px;
  margin-right: 35px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .domain__price p:not(:last-child) {
    padding-right: 20px;
    margin-right: 15px;
  }
}
@media (max-width: 575px) {
  .domain__price p:not(:last-child) {
    padding-right: 0;
    margin-right: 0;
  }
}
.domain__price p span {
  text-transform: uppercase;
  font-weight: 500;
  margin-left: 15px;
  position: relative;
}
.domain__price p span::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #030329;
}
.domain__price-2 p {
  color: #ffffff;
}
.domain__price-2 p span::after {
  background: #ffffff;
}

/*----------------------------------------*/
/*  24. PRICE CSS START
/*----------------------------------------*/
.price__head {
  padding: 40px 10px;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.price__head span {
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  display: inline-block;
}
.price__head h3 {
  color: #ffffff;
  font-size: 34px;
  text-transform: uppercase;
  margin-bottom: 0;
}
.price__content ul li {
  padding: 17px 5px;
  background: #F3F8FF;
  font-size: 16px;
  color: #030329;
}
.price__content ul li:nth-child(2n+1) {
  background: #FBFCFF;
}
.price__content ul li:hover {
  background: #030329;
  color: #ffffff;
}
.price__features-list ul li {
  padding: 17px 5px;
  background: #F3F8FF;
  font-size: 16px;
  color: #030329;
}
.price__features-list ul li:nth-child(2n+1) {
  background: #FBFCFF;
}
.price__features-list ul li:hover {
  background: #030329;
  color: #ffffff;
}
.price__features-list ul li:hover i {
  color: #ffffff;
}
.price__features-list ul li i {
  margin-right: 10px;
}
.price__features-list ul li.yes i {
  color: #035FFF;
}
.price__features-list ul li.no i {
  color: #DC1A1A;
}
.price__features-list-10 ul li {
  font-size: 16px;
  color: #828DA5;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.price__features-list-10 ul li:not(:last-child) {
  margin-bottom: 10px;
}
.price__features-list-10 ul li i {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  font-size: 8px;
  background: #3ABE85;
  color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 15px;
}
.price__features-list-10 ul li:hover {
  color: #030329;
}
.price__top {
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  background: #035FFF;
  padding: 30px 0;
}
.price__top.green-bg {
  background: #10B9B4;
}
.price__top.purple-bg {
  background: #AC57EC;
}
.price__top.orange-bg {
  background: #F88D14;
}
.price__top h4 {
  font-size: 18px;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 0;
}
.price__tag {
  background: #030329;
  padding: 14px 0;
}
.price__tag h6 {
  font-size: 16px;
  color: #989DAA;
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  margin-bottom: 0;
}
.price__tag h6 span {
  font-size: 30px;
  font-weight: 600;
  color: #ffffff;
}
.price__btn {
  height: 60px;
  line-height: 60px;
  text-align: center;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  text-transform: uppercase;
  font-size: 14px;
  color: #ffffff;
  background: #030329;
  width: 100%;
  font-weight: 500;
}
.price__btn:hover {
  background: #035FFF;
}
.price__tab .nav-tabs {
  border: none;
  width: fit-content;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #035FFF;
}
.price__tab .nav-tabs .nav-item .nav-link {
  border: none;
  padding: 0;
  margin: 0;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #030329;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 0 20px;
  background: #ffffff;
  font-weight: 500;
  text-transform: capitalize;
}
.price__tab .nav-tabs .nav-item .nav-link.active, .price__tab .nav-tabs .nav-item .nav-link:hover {
  color: #ffffff;
  background: #035FFF;
}
.price__icon-2 span {
  display: inline-block;
  width: 78px;
  height: 78px;
  line-height: 78px;
  text-align: center;
  background: #FFF6EF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.price__icon-2 span.blue-bg {
  background: #EFF4FF;
}
.price__icon-2 span.red-bg {
  background: #FFEBFC;
}
.price__icon-2 span.green-bg {
  background: #E8FEFF;
}
.price__info h4 {
  font-size: 14px;
  font-weight: 500;
  color: #030329;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-family: "Rubik", sans-serif;
}
.price__info h6 {
  font-size: 16px;
  color: #828DA5;
  font-weight: 400;
  font-family: "Rubik", sans-serif;
}
.price__info h6 span {
  font-size: 30px;
  font-weight: 700;
  color: #035FFF;
  font-family: "Poppins", sans-serif;
}
.price__item-2 {
  padding: 30px 30px;
  border: 1px solid #035FFF;
  -webkit-box-shadow: 0px 30px 50px rgba(19, 57, 133, 0.06);
  -moz-box-shadow: 0px 30px 50px rgba(19, 57, 133, 0.06);
  box-shadow: 0px 30px 50px rgba(19, 57, 133, 0.06);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.price__item-2 .price-btn {
  height: 50px;
  line-height: 46px;
  padding: 0 35px;
}
.price__item-2 .price-btn:hover {
  background: #035FFF;
  border-color: #035FFF;
  color: #ffffff;
}
.blog__item-3 img {
  height: 177px;
  object-fit: cover;
}
.blog__content-3 p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
h3.blog__title-3.text-saira a {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page__title {
  font-size: 40px;
  color: #ffffff;
  line-height: 1;
  text-transform: capitalize;
  margin-bottom: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .page__title {
    font-size: 65px;
  }
}
@media (max-width: 575px) {
  .page__title {
    font-size: 35px;
  }
}
.page__title-overlay {
  position: relative;
}
.page__title-overlay::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(21, 25, 33, 0.7);
}
.page__title-area {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
}
.page__title-wrapper {
  position: relative;
  z-index: 1;
}
.page__title-wrapper .breadcrumb {
  margin-bottom: 0;
  align-items: center;
}
.page__title-wrapper .breadcrumb-item {
  font-size: 16px;
  color: #ffffff;
  line-height: 1;
}
.page__title-wrapper .breadcrumb-item.active {
  color: var(--renk2);
}
.page__title-wrapper .breadcrumb-item + .breadcrumb-item {
  position: relative;
  padding-left: 18px;
  margin-left: 10px;
}
.page__title-wrapper .breadcrumb-item + .breadcrumb-item::before {
  position: absolute;
  padding-right: 0;
  float: none;
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  left: 0;
  top: 2px;
  color: #ffffff;
}

/*----------------------------------------*/
/*  00. FOOTER CSS START
/*----------------------------------------*/
.footer__mr-40 {
  margin-right: 40px;
}
@media (max-width: 575px) {
  .footer__mr-40 {
    margin-right: 0;
  }
}
.footer__ml--20 {
  margin-left: -20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__ml--20 {
    margin-left: 0;
  }
}
.footer__ml--40 {
  margin-left: -40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__ml--40 {
    margin-left: 0;
  }
}
.footer__ml-95 {
  margin-left: 95px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__ml-95 {
    margin-left: 0;
  }
}
.footer__ml-65 {
  margin-left: 65px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__ml-65 {
    margin-left: 0;
  }
}
.footer__ml-55 {
  margin-left: 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__ml-55 {
    margin-left: 0;
  }
}
.footer__ml-40 {
  margin-left: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__ml-40 {
    margin-left: 0;
  }
}
.footer__widget-padding {
  padding-top: 100px;
  padding-bottom: 55px;
}
.footer__widget-padding-2 {
  padding-bottom: 75px;
}
@media (max-width: 575px) {
  .footer__widget-padding-2 {
    padding-top: 40px;
    padding-bottom: 0;
  }
}
.footer__widget-title {
  font-size: 20px;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 45px;
}
.footer__widget-title-3 {
  font-size: 20px;
  font-weight: 600;
}
.footer__widget-title-8 {
  font-weight: 600;
  color: #151B29;
}
.footer__widget-title-11 {
  font-weight: 700;
  color: #ffffff;
}
.footer__info-padding {
  padding: 100px 40px 55px 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__info-padding {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.footer__info-padding-2 {
  padding: 100px 0 55px;
}
.footer__info p {
  color: #ffffff;
  margin-bottom: 45px;
  font-family: "Lato", sans-serif;
}
.footer__info-3 p {
  margin-bottom: 27px;
  color: #B3B9C5;
  font-family: "Rubik", sans-serif;
}
.footer__info-4 p {
  margin-bottom: 27px;
  color: #737691;
  font-family: "Rubik", sans-serif;
}
.footer__info-7 p {
  color: #6B707B;
  font-family: "Rubik", sans-serif;
}
.footer__info-8 p {
  color: #828DA5;
}
.footer__info-11 p {
  font-size: 16px;
  line-height: 32px;
  color: #777777;
  margin-bottom: 0;
  padding: 0 115px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer__info-11 p {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer__info-11 p {
    padding: 0;
    margin-left: 135px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__info-11 p {
    padding: 0;
    margin: 20px 0;
  }
}
.footer__info-wrapper-11 {
  padding: 20px 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer__info-wrapper-11 {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer__info-wrapper-11 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 575px) {
  .footer__info-wrapper-11 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.footer__social ul li {
  display: inline-block;
}
.footer__social ul li:not(:last-child) {
  margin-right: 7px;
}
.footer__social ul li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 42px;
  text-align: center;
  background: #ffffff;
  color: #000;
  font-size: 24px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.footer__social ul li a:hover {
  color: #0B6EDF;
}
.footer__social-2 ul li a:hover {
  color: #CCA560;
}
.footer__social-3 ul li a:hover {
  color: var(--renk2);
}
.footer__social-4 ul li a:hover {
  color: #DC1A1A;
}
.footer__social-7 ul li a:hover {
  background: #0183F1;
  color: #ffffff;
}
.footer__social-8 ul li a {
  background: #EEF1F8;
  color: #8A97B2;
}
.footer__social-8 ul li a:hover {
  background: #FED507;
  color: #030329;
}
.footer__social-9 ul li a:hover {
  color: #035FFF;
}
.footer__social-11 ul li:not(:last-child) {
  margin-right: 5px;
}
.footer__social-11 ul li a {
  width: 50px;
  height: 50px;
  line-height: 52px;
  background: #F1F1F1;
  color: #888888;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.footer__social-11 ul li a:hover {
  color: #ffffff;
  background: #030329;
}
.footer__link ul li:not(:last-child) {
  margin-bottom: 7px;
}
.footer__link ul li a {
  font-size: 16px;
  color: #B3B9C5;
  font-family: "Lato", sans-serif;
}
.footer__link ul li a:hover {
  color: #ffffff;
}
.footer__link-2 ul li a:hover {
  color: #CCA560;
}
.footer__link-3 ul li a {
  color: #B3B9C5;
  font-family: "Rubik", sans-serif;
}
.footer__link-3 ul li a:hover {
  color: #ffffff;
}
.footer__link-4 ul li a {
  color: #737691;
  font-family: "Rubik", sans-serif;
}
.footer__link-4 ul li a:hover {
  color: #ffffff;
}
.footer__link-7 ul li a {
  color: #6B707B;
  font-family: "Rubik", sans-serif;
}
.footer__link-7 ul li a:hover {
  color: #ffffff;
}
.footer__link-8 ul li a {
  color: #828DA5;
  font-family: "Rubik", sans-serif;
}
.footer__link-8 ul li a:hover {
  color: #030329;
}
.footer__link-11 ul li a {
  color: #A1A0A0;
  font-family: "Rubik", sans-serif;
}
.footer__link-11 ul li a:hover {
  color: #ffffff;
}
.footer__subscribe-3 {
  padding-top: 8px;
}
.footer__subscribe-input {
  position: relative;
}
.footer__subscribe-input input {
  width: 100%;
  height: 70px;
  line-height: 70px;
  padding-left: 45px;
  padding-right: 75px;
}
.footer__subscribe-input input::placeholder {
  color: #B3B9C5;
}
.footer__subscribe-input i {
  position: absolute;
  top: 52%;
  left: 15px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 16px;
  color: #B3B9C5;
}
.footer__subscribe-input-3 input {
  font-family: "Rubik", sans-serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: none;
}
.footer__subscribe-input-6 input {
  font-family: "Rubik", sans-serif;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
}
.footer__subscribe-input-11 input {
  padding-right: 20px;
}
.footer__subscribe-wrapper {
  position: relative;
}
.footer__subscribe-wrapper button {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  font-size: 20px;
  background: #0B6EDF;
  color: #ffffff;
}
.footer__subscribe-wrapper button:hover {
  background: #000C77;
}
.footer__subscribe-wrapper-2 button {
  background: #CCA560;
}
.footer__subscribe-wrapper-3 button {
  background: var(--renk2);
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.footer__subscribe-wrapper-4 button {
  background: #DC1A1A;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.footer__subscribe-wrapper-5 button {
  background: linear-gradient(#fea307 0%, var(--renk2) 100%);
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.footer__subscribe-wrapper-5 button:hover {
  background: linear-gradient(90deg, rgb(2, 0, 36) 0%, rgb(254, 163, 7) 0%, rgb(254, 88, 36) 100%);
}
.footer__subscribe-wrapper-6 button {
  background: #DC1A1A;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.footer__subscribe-wrapper-9 button {
  background: #035FFF;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.footer__subscribe-wrapper-11 button {
  margin-top: 20px;
  position: relative;
  background: #FE951E;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  width: 100%;
  height: 60px;
  line-height: 56px;
  margin-bottom: 25px;
}
.footer__subscribe-wrapper-11 button i {
  margin-left: 10px;
}
.footer__subscribe-wrapper-11 button:hover {
  background: #030329;
}
.footer__bottom-wrapper {
  padding: 25px 40px;
}
@media (max-width: 575px) {
  .footer__bottom-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.footer__bottom-3 {
  padding: 15px 0;
  border-top: 1px solid #282828;
  background: #000;
}
.footer__bottom-4 {
  padding: 15px 0;
  border-top: 1px solid #31314E;
}
.footer__bottom-7 {
  border-color: #2D2D36;
}
.footer__bottom-11 {
  margin-top: -55px;
  padding-top: 85px;
  padding-bottom: 25px;
}
.footer__bottom-link ul li {
  display: inline-block;
  position: relative;
}
.footer__bottom-link ul li:not(:first-child) {
  padding-left: 25px;
  margin-left: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__bottom-link ul li:not(:first-child) {
    margin-left: 10px;
    padding-left: 10px;
  }
}
@media (max-width: 575px) {
  .footer__bottom-link ul li:not(:first-child) {
    margin-left: 0;
    padding-left: 0;
  }
}
.footer__bottom-link ul li:not(:first-child)::after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background: #31314E;
}
@media (max-width: 575px) {
  .footer__bottom-link ul li:not(:first-child)::after {
    display: none;
  }
}
@media (max-width: 575px) {
  .footer__bottom-link ul li:not(:last-child) {
    padding-right: 10px;
    margin-right: 10px;
  }
}
.footer__bottom-link ul li a {
  color: #B3B9C5;
}
.footer__bottom-link ul li a:hover {
  color: #ffffff;
}
.footer__bottom-link-4 ul li a {
  color: #737691;
}
.footer__bottom-link-4 ul li a:hover {
  color: #ffffff;
}
@media (max-width: 575px) {
  .footer__bottom-link-11 ul li {
    display: block;
    margin-bottom: 5px;
  }
}
.footer__bottom-link-11 ul li:not(:first-child) {
  margin-left: 5px;
  padding-left: 5px;
}
@media (max-width: 575px) {
  .footer__bottom-link-11 ul li:not(:first-child) {
    padding-left: 0;
    padding-right: 0;
  }
}
.footer__bottom-link-11 ul li:not(:first-child)::after {
  background: #FFDCB4;
}
.footer__bottom-link-11 ul li a {
  color: #ffffff;
}
.footer__bottom-link-11 ul li a:hover {
  color: #030329;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__copyright {
    margin-bottom: 50px;
  }
}
.footer__copyright p {
  font-size: 16px;
  margin-bottom: 0;
  color: #ffffff;
  font-family: "Lato", sans-serif;
}
.footer__copyright p a {
  color: #0B6EDF;
}
.footer__copyright p a:hover {
  color: #ffffff;
}
.footer__copyright-2 p a {
  color: #CCA560;
}
.footer__copyright-2 p a:hover {
  color: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__copyright-3 {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__copyright-3 {
    margin-bottom: 10px;
  }
}
.footer__copyright-3 p {
  color: #ffffff;
}
.footer__copyright-3 p a {
  color: var(--renk2);
}
.footer__copyright-3 p a:hover {
  color: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__copyright-4 {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__copyright-4 {
    margin-bottom: 10px;
  }
}
.footer__copyright-4 p {
  color: #ffffff;
}
.footer__copyright-4 p a {
  color: #DC1A1A;
}
.footer__copyright-4 p a:hover {
  color: #ffffff;
}
.footer__copyright-7 p {
  color: #ffffff;
}
.footer__copyright-7 p a {
  color: #ffffff;
}
.footer__copyright-7 p a:hover {
  color: #E950A6;
}
.footer__copyright-8 p {
  color: #ffffff;
}
.footer__copyright-8 p a {
  color: #ffffff;
}
.footer__copyright-8 p a:hover {
  color: #FED507;
}
.footer__copyright-9 p a {
  color: #035FFF;
}
.footer__copyright-9 p a:hover {
  color: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__copyright-11 {
    margin-bottom: 0;
  }
}
.footer__copyright-11 p {
  font-family: "Rubik", sans-serif;
  color: #ffffff;
}
.footer__copyright-11 p a {
  color: #ffffff;
}
.footer__copyright-11 p a:hover {
  color: #030329;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer__call {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__call {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__call {
    margin-bottom: 50px;
    padding-left: 0;
  }
}
.footer__call-icon i {
  font-size: 44px;
  color: #0B6EDF;
}
.footer__call-content p {
  font-size: 15px;
  color: #B3B9C5;
  margin-bottom: 6px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer__call-content p {
    font-size: 13px;
  }
}
.footer__call-content h5 {
  color: #ffffff;
  font-size: 18px;
  margin-bottom: 0;
}
.footer__call-2 i {
  color: #CCA560;
}
.footer__call-6 i {
  color: #DC1A1A;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer__contact {
    padding-left: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__contact {
    padding-left: 0;
  }
}
.footer__contact h3 {
  font-size: 20px;
  color: #ffffff;
}
@media (max-width: 575px) {
  .footer__contact ul li:not(:last-child) {
    margin-bottom: 10px;
  }
}
.footer__contact ul li p {
  font-size: 16px;
  color: #B3B9C5;
  width: 20%;
  display: inline-block;
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .footer__contact ul li p {
    display: block;
    width: inherit;
  }
}
.footer__contact ul li p span {
  float: right;
}
@media (max-width: 575px) {
  .footer__contact ul li p span {
    float: none;
  }
}
.footer__contact ul li a {
  margin-left: 3px;
  font-size: 16px;
  color: #B3B9C5;
}
.footer__contact ul li a:hover {
  color: #ffffff;
}
.footer__contact-2 ul li:not(:last-child) {
  margin-bottom: 25px;
}
.footer__contact-icon {
  margin-right: 15px;
}
.footer__contact-icon i {
  font-size: 22px;
  line-height: 28px;
  display: inline-block;
  width: 22px;
  color: #FE951E;
}
.footer__contact-content a {
  display: block;
  font-size: 16px;
  line-height: 22px;
  color: #A1A0A0;
}
.footer__contact-content a:hover {
  color: #ffffff;
}
.footer__line {
  position: relative;
}
.footer__line::after {
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 100px;
  background: #3C414B;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__line::after {
    height: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__line::after {
    display: none;
  }
}
.footer__line-2::after {
  right: -50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__line-2::after {
    display: none;
  }
}
.footer__opening p {
  font-size: 16px;
  color: #A1A0A0;
}
.footer__opening p span {
  color: #ffffff;
  font-weight: 700;
}

/*# sourceMappingURL=style.css.map */