/*
Theme Name: faktorcreative
Theme URI: https://wordpress.org/themes/faktorcreative/
Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit Asperiores dolores sed et. Tenetur quia eos. Autem tempore quibusdam vel necessitatibus optio ad corporis.
Author: 
Author URI: 
Version: 

*/

@font-face {
  font-family: "Azonix";
  src: url("https://faktorcreative.com/wp-content/themes/faktorcreative/assets/fonts/AzonixRegular.eot");
  src: url("https://faktorcreative.com/wp-content/themes/faktorcreative/assets/fonts/AzonixRegular.eot?#iefix") format("embedded-opentype"),
    url("https://faktorcreative.com/wp-content/themes/faktorcreative/assets/fonts/AzonixRegular.woff2") format("woff2"),
    url("https://faktorcreative.com/wp-content/themes/faktorcreative/assets/fonts/AzonixRegular.woff") format("woff"),
    url("https://faktorcreative.com/wp-content/themes/faktorcreative/assets/fonts/AzonixRegular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body,
html {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}
body {
  font-family: "Montserrat", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Azonix";
}
a {
  text-decoration: none;
}
.btn {
  border-radius: 100px;
  padding-left: 24px;
  padding-right: 24px;
  border-width: 2px;
  outline: none !important;
  box-shadow: none !important;
}
.btn-outline-primary {
  border-color: rgb(255 255 255 / 50%);
}

.card {
  border: none;
  background: transparent;
}
.main_header * {
  font-size: 0.75rem;
}

.search-cont {
  border-radius: 100px;
  background-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  border-color: #fff !important;
  max-width: 400px;
  width: 145px;
  padding-left: 52px;
  background-image: url(https://faktorcreative.com/wp-content/themes/faktorcreative/assets/images/search_ico.png);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left 18px center;
  text-transform: uppercase;
  border-width: 2px;
  color: #fff !important;
  opacity: 0.5;
}
.search-cont::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1; /* Firefox */
}

.search-cont:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff;
}

.search-cont::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ffffff;
}

.main_section .inner_content * {
  color: #fff;
  margin-bottom: 0;
}

.social_ico li {
  margin-right: 1rem;
}
footer * {
  color: rgb(255 255 255 / 50%);
  font-size: 1.2rem;
}

/*new css */

.section_bg {
  height: 100vh;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  display: flex;
  align-items: center;
}

#dot-navigarion {
  position: fixed;
  right: 3rem;
  width: 30px;
  z-index: 1;
  min-height: 100vh;
  display: flex;
  align-items: center;
}

#dot-navigarion li {
  min-height: 30px;
  margin: 25px 0;
}
#dot-navigarion li a:after {
  content: "\f111";
  font-size: 20px;
  content: "\f111";
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  background: transparent;
  border: solid 2px #fff;
  border-radius: 100px;
  opacity: 0.5;
}
#dot-navigarion li a.active:after {
  background: #fff;
  opacity: 1;
}
.btn-area div > .btn {
  margin: 7px;
  width: 100%;
  max-width: 200px;
}
.btn-area div {
  text-align: center;
}
.btn-area div.slick-active > .btn {
  border-color: #fff;
}
.btn-area {
  margin-top: 30px;
}
.btn-area .slick-next {
  bottom: -35px !important;
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(90deg);
}
.btn-area .slick-prev {
  top: -35px !important;
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(90deg);
}
/* .btn-area div:last-child > .btn {
  margin-bottom: 0;
}
.btn-area div:first-child > .btn {
  margin-top: 0;
} */
.dark_card .card-img-n {
  max-width: 60px;
  margin: auto;
}
.dark_card .card {
  background: rgb(0 0 0 / 50%);
  max-width: 300px;
  margin: 15px auto;
}
.dark_card .carousel {
  opacity: 0.7;
}
.dark_card .carousel:hover {
  opacity: 1;
}
.offerings_block .sub_title {
  letter-spacing: 1px;
  font-weight: 300;
}
.offerings .dark_card .card {
  max-width: calc(100% - 220px);
  max-height: 350px;
  overflow-y: auto;
}

.schedule_block .dark_card .card {
  max-width: 100%;
}

.cont_form input {
  background: rgb(255 255 255 / 20%) !important;
  border-color: rgb(255 255 255 / 20%) !important;
  box-shadow: none !important;
  border-radius: 100px;
}
.cont_form .form-label {
  margin-bottom: 0;
}
.cont-info li {
  display: flex;
  align-items: baseline;
  margin-bottom: 5px;
}
.cont-info li .img-block {
  min-width: 30px;
  text-align: center;
  margin-right: 10px;
}
.get_start_btn {
  min-width: 150px;
}
.cont_form.pe-lg-4 {
  border-right: solid 1px rgb(255 255 255 / 20%) !important;
}
@media only screen and (min-width: 991px) {
  .main_header ul li {
    margin-right: 2rem;
  }
  h1 {
    font-size: 4.375rem;
  }
  h2 {
    font-size: 3.75rem;
  }

  h3 {
    font-size: 2.25rem;
  }
  h5 {
    font-size: 1.125rem;
  }

  .main_section .inner_content .text_area {
    font-size: 0.75rem;
    max-width: 500px;
  }
}

@media only screen and (max-width: 767px) {
  .offerings .dark_card .card {
    max-width: calc(100% - 8px);
    max-height: 270px;
  }

  h1 {
    font-size: 3rem;
  }
  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }
  h5 {
    font-size: 0.75rem;
  }
  .carousel-control-next {
    right: 0;
    top: auto;
    left: 0;
    right: 0;
    margin: auto;
    transform: rotate(90deg);
    bottom: 0px;
  }
  .carousel-control-prev {
    right: 0;
    bottom: auto;
    left: 0;
    right: 0;
    margin: auto;
    transform: rotate(90deg);
    top: 0px;
  }
  .carousel-inner {
    padding: 20px 0px;
  }
  #offerings_block .carousel-inner {
    margin: 20px 0px;
  }
  .fixed-bottom {
    position: relative !important;
    background: #041f4f;
    padding-top: 20px;
  }
  .fixed-bottom * {
    font-size: 1rem;
    text-align: center;
    margin-right: 0;
    margin-left: 0px;
  }
  .navbar-brand img {
    max-width: 100px;
  }

  #dot-navigarion {
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 1;
    min-height: auto;
    display: flex;
    align-items: center;
    bottom: 30px;
  }
  #dot-navigarion ul {
    display: flex;
    width: 100%;
    justify-content: center;
  }
  #dot-navigarion li {
    min-height: 0;
    margin: 0px 0;
    position: relative;
    min-width: 30px;
  }
}