@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Roboto:wght@400;500;700&display=swap");



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

/******************* 01. Default Style *****************/

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

* {

  margin: 0;

  padding: 0;

  border: none;

  outline: none;

  -webkit-box-shadow: none;

  box-shadow: none;

}



body {

  color: #555555;

  background: white;

  font-weight: 400;

  line-height: 30px;

  font-size: 16px;

  font-family: "Roboto", sans-serif;

}



a {

  color: #555555;

  cursor: pointer;

  outline: none;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  text-decoration: none;

}



a:hover,

a:focus,

a:visited {

  text-decoration: none;

  outline: none;

}



a:hover {

  color: #FB683E;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  margin-bottom: 12px;

}



h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

  color: #031031;

}



.text-white h1,

.text-white h2,

.text-white h3,

.text-white h4,

.text-white h5,

.text-white h6,

.text-white h1 a,

.text-white h2 a,

.text-white h3 a,

.text-white h4 a,

.text-white h5 a,

.text-white h6 a {

  color: white;

}



h1 {

  line-height: 1.13;

  font-size: 60px;

}



h2 {

  line-height: 1.25;

  font-size: 40px;

}



h3 {

  line-height: 1.3;

  font-size: 30px;

}



h4 {

  line-height: 1.45;

  font-size: 24px;

}



h5 {

  font-size: 20px;

}



h6 {

  line-height: 1.5;

  font-size: 16px;

}



ul,

li {

  list-style: none;

  padding: 0;

  margin: 0;

}



img {

  max-width: 100%;

  display: inline-block;

}



mark {

  background: transparent;

  text-decoration: underline;

}



header:after,

section:after,

footer:after {

  display: block;

  clear: both;

  content: "";

}



/*======= Input Styles =======*/

input,

select,

textarea,

.nice-select,

.form-control {

  width: 100%;

  height: auto;

  border-radius: 3px;

  padding: 12px 30px;

  background: #FAFAFA;

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

}



textarea {

  display: inherit;

}



label {

  cursor: pointer;

  font-weight: 500;

  margin-bottom: 5px;

  color: #555555;

}



.form-group {

  position: relative;

  margin-bottom: 30px;

}



.form-group label {

  top: 20px;

  right: 30px;

  font-size: 16px;

  position: absolute;

}



input:focus,

button:focus,

.form-control:focus {

  outline: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  border-color: rgba(0, 0, 0, 0.1);

}



input::-webkit-input-placeholder,

select::-webkit-input-placeholder,

textarea::-webkit-input-placeholder,

.form-control::-webkit-input-placeholder {

  font-weight: 400;

}



input:-ms-input-placeholder,

select:-ms-input-placeholder,

textarea:-ms-input-placeholder,

.form-control:-ms-input-placeholder {

  font-weight: 400;

}



input::-ms-input-placeholder,

select::-ms-input-placeholder,

textarea::-ms-input-placeholder,

.form-control::-ms-input-placeholder {

  font-weight: 400;

}



input::placeholder,

select::placeholder,

textarea::placeholder,

.form-control::placeholder {

  font-weight: 400;

}



input[type=search]::-ms-clear {

  display: none;

  width: 0;

  height: 0;

}



input[type=search]::-ms-reveal {

  display: none;

  width: 0;

  height: 0;

}



input[type=search]::-webkit-search-decoration,

input[type=search]::-webkit-search-cancel-button,

input[type=search]::-webkit-search-results-button,

input[type=search]::-webkit-search-results-decoration {

  display: none;

}



input[type=checkbox],

input[type=radio] {

  height: auto;

  width: auto;

}



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

/*****************  02. Common Classes *****************/

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

.page-wrapper {

  position: relative;

  z-index: 9;

  width: 100%;

  margin: 0 auto;

  overflow: hidden;

  min-width: 300px;

  background: #FFFFFF;

}



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

  .container {

    max-width: 1200px;

    padding-left: 15px;

    padding-right: 15px;

  }

}



.row {

  --bs-gutter-x: 30px;

}



.no-gap {

  margin-left: 0;

  margin-right: 0;

}



.no-gap>div {

  padding-left: 0;

  padding-right: 0;

}



.small-gap {

  margin-left: -10px;

  margin-right: -10px;

}



.small-gap>div {

  padding-left: 10px;

  padding-right: 10px;

}



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

  .large-gap {

    margin-left: -40px;

    margin-right: -40px;

  }



  .large-gap>div {

    padding-left: 40px;

    padding-right: 40px;

  }

}



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

  .col-small {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

}



/** Section Title style **/

.sub-title {

  font-size: 20px;

  margin-bottom: 15px;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  color: #FB683E;

  text-transform: capitalize;

}



.sub-title:before {

  content: '';

  height: 1px;

  width: 30px;

  -webkit-box-flex: 0;

  -ms-flex: none;

  flex: none;

  margin-right: 15px;

  background: #FB683E;

}



.sub-title.style-two {

  z-index: 1;

  font-size: 17px;

  font-weight: 500;

  padding-left: 10px;

  position: relative;

  color: #031031;

}



.sub-title.style-two:before {

  position: absolute;

  left: 0;

  top: 1px;

  width: 18px;

  height: 18px;

  z-index: -1;

  background: transparent;

  border-top: 2px solid #FB683E;

  border-left: 2px solid #FB683E;

}



.sub-title.style-three {

  font-size: 17px;

  font-weight: 500;

}



.sub-title.style-three:before {

  display: none;

}



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

  .sub-title {

    font-size: 18px;

  }

}



.section-title h2 {

  margin-bottom: 20px;

  text-transform: capitalize;
	color: #5d1a75;

}



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

  .section-title h2 {

    font-size: 35px;

  }

}



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

  .section-title h2 {

    font-size: 30px;

  }

}



.section-title p {

  font-size: 20px;

}



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

  .section-title p {

    font-size: 18px;

  }

}



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

  .section-title p {

    font-size: 16px;

  }

}



.section-title p span {

  color: #FB683E;

}



.text-center .sub-title:after {

  content: '';

  height: 1px;

  width: 30px;

  -webkit-box-flex: 0;

  -ms-flex: none;

  flex: none;

  margin-left: 15px;

  background: #FB683E;

}



.text-center .sub-title.style-two {

  padding-right: 10px;

}



.text-center .sub-title.style-two:after {

  position: absolute;

  right: 0;

  top: 1px;

  width: 18px;

  height: 18px;

  z-index: -1;

  background: transparent;

  border-top: 2px solid #FB683E;

  border-right: 2px solid #FB683E;

}



.text-white .sub-title {

  color: #FB683E;

}



.text-white .sub-title.style-two {

  color: white;

}



/** Button style **/

.theme-btn,

a.theme-btn {

  color: white;

  cursor: pointer;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  font-weight: 700;

  border-radius: 5px;

  text-align: center;

  padding: 15px 35px;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  background-position: 0 0;

  text-transform: uppercase;

  background-size: 100% 300%;

  background-image: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75), color-stop(0%, #d70b5d), color-stop(117.45%, #5d1a75));

  background-image: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%, #d70b5d 0%, #5d1a75 117.45%);

  background-image: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%, #d70b5d 0%, #5d1a75 117.45%);

  background-image: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%, #d70b5d 0%, #5d1a75 117.45%);

}



.theme-btn i,

a.theme-btn i {

  font-size: 13px;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  margin-left: 10px;

}



.theme-btn:hover,

a.theme-btn:hover {

  background-size: 200% 300%;

  background-position: -100% 100%;

}



.theme-btn:hover i,

a.theme-btn:hover i {

  margin-left: 13px;

  margin-right: -3px;

}



.theme-btn.style-two,

a.theme-btn.style-two {

  padding: 12px 30px;

  background: transparent;

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

}



.theme-btn.style-two:hover,

a.theme-btn.style-two:hover {

  background: #FB683E;

  border-color: #FB683E;

}



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



  .theme-btn.style-two,

  a.theme-btn.style-two {

    padding: 8px 25px;

  }

}



.theme-btn.style-three,

a.theme-btn.style-three {

  background: #1F1F27;

}



.theme-btn.style-three:hover,

a.theme-btn.style-three:hover {

  background: white;

  color: #FB683E;

}



.theme-btn.style-four,

a.theme-btn.style-four {

  padding: 14px 33px;

  color: #FB683E;

  background: transparent;

  border: 1px solid #FB683E;

}



.theme-btn.style-four:hover,

a.theme-btn.style-four:hover {

  color: white;

  background: #FB683E;

}



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



  .theme-btn.style-four,

  a.theme-btn.style-four {

    padding: 8px 24px;

  }

}



.theme-btn.btn-small,

a.theme-btn.btn-small {

  font-size: 14px;

  padding: 9px 26px;

}



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



  .theme-btn,

  a.theme-btn {

    font-size: 15px;

    padding: 9px 25px;

  }

}



/* Read More */

.read-more {

  font-weight: 500;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  text-transform: capitalize;

}



.read-more i {

  font-size: 11px;

  margin-left: 7px;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

}



.read-more:hover {

  color: #FB683E;

}



.read-more:hover i {

  margin-left: 10px;

}



/* List style One */

.list-style-one li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.list-style-one li:not(:last-child) {

  margin-bottom: 10px;

}



.list-style-one li:before {

  -webkit-box-flex: 0;

  -ms-flex: none;

  flex: none;

  content: '';

  width: 8.5px;

  height: 8.5px;

  margin-top: 8px;

  margin-right: 10px;

  border-radius: 2px;

  -webkit-transform: rotate(-146.6deg);

  -ms-transform: rotate(-146.6deg);

  transform: rotate(-146.6deg);

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

}



/* List style Two */

.list-style-two li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: relative;

}



.list-style-two li:not(:last-child) {

  margin-bottom: 18px;

}



.list-style-two li:after,

.list-style-two li:before {

  content: '';

  width: 15px;

  height: 15px;

  border-radius: 1px;

}



.list-style-two li:before {

  -webkit-box-flex: 0;

  -ms-flex: none;

  flex: none;

  margin-top: 6px;

  margin-right: 15px;

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

}



.list-style-two li:after {

  left: 3px;

  top: 9px;

  position: absolute;

  border: 1px solid #FB683E;

}



/* List style Three */

.list-style-three li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.list-style-three li:not(:last-child) {

  margin-bottom: 8px;

}



.list-style-three li:before {

  -webkit-box-flex: 0;

  -ms-flex: none;

  flex: none;

  content: '\e949';

  margin-right: 15px;

  color: #FB683E;

  font-family: 'icomoon';

}



/* List style Four */

.list-style-four li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.list-style-four li:not(:last-child) {

  margin-bottom: 8px;

}



.list-style-four li:before {

  -webkit-box-flex: 0;

  -ms-flex: none;

  flex: none;

  content: '\f14a';

  margin-right: 12px;

  color: #FB683E;

  font-family: 'Font Awesome 5 Pro';

}



/** Social Link One **/

.social-style-one {

  font-size: 14px;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

}



.social-style-one a {

  opacity: 0.8;

  color: white;

  width: 42px;

  height: 42px;

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

  line-height: 42px;

  border-radius: 50%;

  text-align: center;

}



.social-style-one a:hover {

  opacity: 1;

  background: #FB683E;

}



.social-style-one a:not(:first-child) {

  margin-left: 5px;

}



.social-style-one a:not(:last-child) {

  margin-right: 5px;

}



/** Social Link two **/

.social-style-two {

  font-size: 14px;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

}



.social-style-two a {

  width: 38px;

  height: 38px;

  line-height: 38px;

  text-align: center;

  border-radius: 50%;

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

  z-index: 1;

  position: relative;

}



.social-style-two a::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  z-index: -1;

  top: 0;

  left: 0;

  opacity: 0;

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

}



.social-style-two a:before {

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  border-radius: 50%;

}



.social-style-two a:hover {

  color: white;

  border-color: #FB683E;

}



.social-style-two a:hover:before {

  opacity: 1;

}



.social-style-two a:not(:first-child) {

  margin-left: 5px;

}



.social-style-two a:not(:last-child) {

  margin-right: 5px;

}



/*** Preloader style ** */

.preloader {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 9999999;

  background-color: #FFFFFF;

  background-repeat: no-repeat;

  background-position: center center;

  background-image: url(../images/preloader.gif);

}



/* Pagination */

.pagination {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin-left: -7px;

  margin-right: -7px;

}



.pagination li {

  margin: 15px 7px 0;

}



.pagination li a,

.pagination li .page-link {

  padding: 0;

  width: 55px;

  height: 55px;

  font-size: 20px;

  -webkit-box-shadow: none;

  box-shadow: none;

  line-height: 53px;

  text-align: center;

  color: #031031;

  border: 1px solid #ECEDEF;

  z-index: 1;

  position: relative;

}



.pagination li a::before,

.pagination li .page-link::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  z-index: -1;

  top: 0;

  left: 0;

  opacity: 0;

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

}



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



  .pagination li a,

  .pagination li .page-link {

    width: 44px;

    height: 44px;

    font-size: 16px;

    line-height: 42px;

  }

}



.pagination li a:before,

.pagination li .page-link:before {

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

}



.pagination li.active .page-link,

.pagination li:hover:not(.disabled) .page-link {

  color: white;

  border-color: #ECEDEF;

}



.pagination li.active .page-link:before,

.pagination li:hover:not(.disabled) .page-link:before {

  opacity: 1;

}



.pagination li:last-child .page-link,

.pagination li:first-child .page-link {

  border-radius: 0;

}



/* Rating */

.ratting {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

}



.ratting i {

  color: #FFC107;

}



.ratting i:not(:last-child) {

  margin-right: 10px;

}



/*** Slick Dots ***/

.slick-arrow {

  font-size: 30px;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  color: #031031;

  background: transparent;

}



.slick-arrow:focus,

.slick-arrow:hover {

  color: #FB683E;

}



/*** Slick Dots ***/

.slick-dots {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.slick-dots li {

  position: relative;

  cursor: pointer;

  margin: 15px;

  width: 8px;

  height: 8px;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  border-radius: 50%;

  background: #FB683E;

}



.slick-dots li button {

  opacity: 0;

}



.slick-dots li:before {

  content: '';

  width: 0;

  height: 0;

  left: 50%;

  top: 50%;

  opacity: 0.1;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  background: white;

  border-radius: 50%;

  position: absolute;

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

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

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

}



.slick-dots li.slick-active:before {

  width: 18px;

  height: 18px;

}



/*** Scroll Top style ***/

.back-to-top {

  position: fixed;

  bottom: 25px;

  right: 25px;

  width: 50px;

  height: 50px;

  z-index: 99;

  color: white;

  display: none;

  cursor: pointer;

  line-height: 50px;

  text-align: center;

  border-radius: 5px;

  background: #fd7c2a;

  -webkit-animation: pulse 2s infinite;

  animation: pulse 2s infinite;

}



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

  .back-to-top {

    width: 40px;

    height: 40px;

    line-height: 40px;

  }

}



/* Text White */

.text-white *,

.text-white a {

  color: white;

}



.text-white * li li .dropdown-btn span,

.text-white a li li .dropdown-btn span {

  color: #031031;

}



/* Video Play Btn */

.video-play {

  z-index: 1;

  color: white;

  font-size: 18px;

  position: relative;

  display: inline-block;

  width: 92px;

  height: 92px;

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

  line-height: 92px;

  border-radius: 50%;

  text-align: center;

}



.video-play:before {

  content: '';

  z-index: -1;

  left: 4px;

  top: 4px;

  border-radius: 50%;

  position: absolute;

  width: calc(100% - 8px);

  height: calc(100% - 8px);

  background: #1F1F27;

}



.video-play.style-two {

  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);

  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);

  -webkit-animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);

  animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);

}



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

  .video-play.style-two {

    width: 110px;

    height: 110px;

    font-size: 20px;

    line-height: 110px;

  }

}



.video-play.style-two:before {

  display: none;

}



.video-play.style-two:hover {

  color: white;

}



.video-play.style-three {

  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);

  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);

  -webkit-animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);

  animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);

}



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

  .video-play.style-three {

    width: 120px;

    height: 120px;

    font-size: 25px;

    background: white;

    line-height: 120px;

    color: #FB683E;

  }

}



.video-play.style-three:before {

  display: none;

}



.video-play.style-four {

  color: white;

  border-radius: 0;

  background: -webkit-linear-gradient(134.32deg, rgba(251, 93, 74, 0.67) 0%, #5d1a75 98.84%);

  background: -o-linear-gradient(134.32deg, rgba(251, 93, 74, 0.67) 0%, #5d1a75 98.84%);

  background: linear-gradient(315.68deg, rgba(251, 93, 74, 0.67) 0%, #5d1a75 98.84%);

}



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

  .video-play.style-four {

    width: 100px;

    height: 100px;

    font-size: 25px;

    line-height: 100px;

  }

}



.video-play.style-four:before {

  display: none;

}



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

  .video-play {

    width: 65px;

    height: 65px;

    font-size: 16px;

    line-height: 65px;

  }



  .video-play:before {

    top: 2px;

    left: 2px;

    width: calc(100% - 4px);

    height: calc(100% - 4px);

  }

}



/* Tab Btn style one */

.tab-btns-one li {

  margin-bottom: 10px;

}



.tab-btns-one li:not(:last-child) {

  margin-right: 12px;

}



.tab-btns-one li button {

  font-size: 18px;

  padding: 10px 18px;

  color: #555555;

  border-radius: 3px;

  background: #FBFBF9;

  z-index: 1;

  position: relative;

}



.tab-btns-one li button::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  z-index: -1;

  top: 0;

  left: 0;

  opacity: 0;

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

}



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

  .tab-btns-one li button {

    font-size: 16px;

    padding: 8px 15px;

  }

}



.tab-btns-one li button:before {

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  border-radius: 3px;

}



.tab-btns-one li button:hover {

  color: #555555;

}



.tab-btns-one li button.active {

  color: white;

}



.tab-btns-one li button.active:before {

  opacity: 1;

}



/* Tab Btn style two */

.tab-btns-two {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  border-bottom: 1px solid rgba(31, 31, 38, 0.15);

}



.tab-btns-two li:not(:last-child) {

  margin-right: 28px;

}



.tab-btns-two li button {

  font-size: 18px;

  padding: 0 0 8px;

  color: #031031;

  background: transparent;

  border-bottom: 1px solid transparent;

}



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

  .tab-btns-two li button {

    font-size: 16px;

    margin-bottom: 4px;

    padding-bottom: 4px;

  }

}



.tab-btns-two li button:hover {

  color: #031031;

}



.tab-btns-two li button.active {

  color: #031031;

  border-color: #FB683E;

}



/* Position */

.rel {

  position: relative;

}



.z-0 {

  z-index: 0;

}



.z-1 {

  z-index: 1;

}



.z-2 {

  z-index: 2;

}



.z-3 {

  z-index: 3;

}



.z-4 {

  z-index: 4;

}



.z-5 {

  z-index: 5;

}



.overlay {

  z-index: 1;

  position: relative;

}



.overlay::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  z-index: -1;

  top: 0;

  left: 0;

  opacity: 0.75;

  background: #031031;

}



.shape {

  z-index: -1;

  position: absolute;

}



/* Backgruond Size */

.bgs-cover {

  background-size: cover;

  background-position: center;

}



/* Color + Background */

.bgc-black {

  background-color: #1F1F27;

}



.bgc-lighter {

  background-color: #ecf1f7;

}



.bgc-primary {

  background-color: #FB683E;

}



.bgc-gradient {

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

}



.color-primary {

  color: #FB683E;

}



/* Border Radius */

.br-5 {

  border-radius: 5px;

}



.br-10 {

  border-radius: 10px;

}



.br-15 {

  border-radius: 15px;

}



.br-20 {

  border-radius: 20px;

}



.br-25 {

  border-radius: 25px;

}



.br-30 {

  border-radius: 30px;

}



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

/******************* 03. Repeat Style ******************/

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

h1,

h2,

h3,

h4,

h5,

h6,

.counter-item .content .count-text,

.blog-details-content blockquote {

  font-weight: 400;

  color: #031031;

  font-family: "DM Serif Display", serif;

}



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

/************** 04. Padding Margin Spacing *************/

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

/* Padding Around */

.p-5 {

  padding: 5px !important;

}



.p-10 {

  padding: 10px;

}



.p-15 {

  padding: 15px;

}



.p-20 {

  padding: 20px;

}



.p-25 {

  padding: 25px;

}



.p-30 {

  padding: 30px;

}



.p-35 {

  padding: 35px;

}



.p-40 {

  padding: 40px;

}



.p-45 {

  padding: 45px;

}



.p-50 {

  padding: 50px;

}



.p-55 {

  padding: 55px;

}



.p-60 {

  padding: 60px;

}



.p-65 {

  padding: 65px;

}



.p-70 {

  padding: 70px;

}



.p-75 {

  padding: 75px;

}



.p-80 {

  padding: 80px;

}



.p-85 {

  padding: 85px;

}



.p-90 {

  padding: 90px;

}



.p-95 {

  padding: 95px;

}



.p-100 {

  padding: 100px;

}



.p-105 {

  padding: 105px;

}



.p-110 {

  padding: 110px;

}



.p-115 {

  padding: 115px;

}



.p-120 {

  padding: 120px;

}



.p-125 {

  padding: 125px;

}



.p-130 {

  padding: 130px;

}



.p-135 {

  padding: 135px;

}



.p-140 {

  padding: 140px;

}



.p-145 {

  padding: 145px;

}



.p-150 {

  padding: 150px;

}



.p-155 {

  padding: 155px;

}



.p-160 {

  padding: 160px;

}



.p-165 {

  padding: 165px;

}



.p-170 {

  padding: 170px;

}



.p-175 {

  padding: 175px;

}



.p-180 {

  padding: 180px;

}



.p-185 {

  padding: 185px;

}



.p-190 {

  padding: 190px;

}



.p-195 {

  padding: 195px;

}



.p-200 {

  padding: 200px;

}



.p-205 {

  padding: 205px;

}



.p-210 {

  padding: 210px;

}



.p-215 {

  padding: 215px;

}



.p-220 {

  padding: 220px;

}



.p-225 {

  padding: 225px;

}



.p-230 {

  padding: 230px;

}



.p-235 {

  padding: 235px;

}



.p-240 {

  padding: 240px;

}



.p-245 {

  padding: 245px;

}



.p-250 {

  padding: 250px;

}



/* Padding Top */

.pt-5,

.py-5 {

  padding-top: 5px !important;

}



.pt-10,

.py-10 {

  padding-top: 10px;

}



.pt-15,

.py-15 {

  padding-top: 15px;

}



.pt-20,

.py-20 {

  padding-top: 20px;

}



.pt-25,

.py-25 {

  padding-top: 25px;

}



.pt-30,

.py-30 {

  padding-top: 30px;

}



.pt-35,

.py-35 {

  padding-top: 35px;

}



.pt-40,

.py-40 {

  padding-top: 40px;

}



.pt-45,

.py-45 {

  padding-top: 45px;

}



.pt-50,

.py-50 {

  padding-top: 50px;

}



.pt-55,

.py-55 {

  padding-top: 55px;

}



.pt-60,

.py-60 {

  padding-top: 60px;

}



.pt-65,

.py-65 {

  padding-top: 65px;

}



.pt-70,

.py-70 {

  padding-top: 70px;

}



.pt-75,

.py-75 {

  padding-top: 75px;

}



.pt-80,

.py-80 {

  padding-top: 80px;

}



.pt-85,

.py-85 {

  padding-top: 85px;

}



.pt-90,

.py-90 {

  padding-top: 90px;

}



.pt-95,

.py-95 {

  padding-top: 95px;

}



.pt-100,

.py-100 {

  padding-top: 100px;

}



.pt-105,

.py-105 {

  padding-top: 105px;

}



.pt-110,

.py-110 {

  padding-top: 110px;

}



.pt-115,

.py-115 {

  padding-top: 115px;

}



.pt-120,

.py-120 {

  padding-top: 120px;

}



.pt-125,

.py-125 {

  padding-top: 125px;

}



.pt-130,

.py-130 {

  padding-top: 130px;

}



.pt-135,

.py-135 {

  padding-top: 135px;

}



.pt-140,

.py-140 {

  padding-top: 140px;

}



.pt-145,

.py-145 {

  padding-top: 145px;

}



.pt-150,

.py-150 {

  padding-top: 150px;

}



.pt-155,

.py-155 {

  padding-top: 155px;

}



.pt-160,

.py-160 {

  padding-top: 160px;

}



.pt-165,

.py-165 {

  padding-top: 165px;

}



.pt-170,

.py-170 {

  padding-top: 170px;

}



.pt-175,

.py-175 {

  padding-top: 175px;

}



.pt-180,

.py-180 {

  padding-top: 180px;

}



.pt-185,

.py-185 {

  padding-top: 185px;

}



.pt-190,

.py-190 {

  padding-top: 190px;

}



.pt-195,

.py-195 {

  padding-top: 195px;

}



.pt-200,

.py-200 {

  padding-top: 200px;

}



.pt-205,

.py-205 {

  padding-top: 205px;

}



.pt-210,

.py-210 {

  padding-top: 210px;

}



.pt-215,

.py-215 {

  padding-top: 215px;

}



.pt-220,

.py-220 {

  padding-top: 220px;

}



.pt-225,

.py-225 {

  padding-top: 225px;

}



.pt-230,

.py-230 {

  padding-top: 230px;

}



.pt-235,

.py-235 {

  padding-top: 235px;

}



.pt-240,

.py-240 {

  padding-top: 240px;

}



.pt-245,

.py-245 {

  padding-top: 245px;

}



.pt-250,

.py-250 {

  padding-top: 250px;

}



/* Padding Bottom */

.pb-5,

.py-5 {

  padding-bottom: 5px !important;

}



.pb-10,

.py-10 {

  padding-bottom: 10px;

}



.pb-15,

.py-15 {

  padding-bottom: 15px;

}



.pb-20,

.py-20 {

  padding-bottom: 20px;

}



.pb-25,

.py-25 {

  padding-bottom: 25px;

}



.pb-30,

.py-30 {

  padding-bottom: 30px;

}



.pb-35,

.py-35 {

  padding-bottom: 35px;

}



.pb-40,

.py-40 {

  padding-bottom: 40px;

}



.pb-45,

.py-45 {

  padding-bottom: 45px;

}



.pb-50,

.py-50 {

  padding-bottom: 50px;

}



.pb-55,

.py-55 {

  padding-bottom: 55px;

}



.pb-60,

.py-60 {

  padding-bottom: 60px;

}



.pb-65,

.py-65 {

  padding-bottom: 65px;

}



.pb-70,

.py-70 {

  padding-bottom: 70px;

}



.pb-75,

.py-75 {

  padding-bottom: 75px;

}



.pb-80,

.py-80 {

  padding-bottom: 80px;

}



.pb-85,

.py-85 {

  padding-bottom: 85px;

}



.pb-90,

.py-90 {

  padding-bottom: 90px;

}



.pb-95,

.py-95 {

  padding-bottom: 95px;

}



.pb-100,

.py-100 {

  padding-bottom: 100px;

}



.pb-105,

.py-105 {

  padding-bottom: 105px;

}



.pb-110,

.py-110 {

  padding-bottom: 110px;

}



.pb-115,

.py-115 {

  padding-bottom: 115px;

}



.pb-120,

.py-120 {

  padding-bottom: 120px;

}



.pb-125,

.py-125 {

  padding-bottom: 125px;

}



.pb-130,

.py-130 {

  padding-bottom: 130px;

}



.pb-135,

.py-135 {

  padding-bottom: 135px;

}



.pb-140,

.py-140 {

  padding-bottom: 140px;

}



.pb-145,

.py-145 {

  padding-bottom: 145px;

}



.pb-150,

.py-150 {

  padding-bottom: 150px;

}



.pb-155,

.py-155 {

  padding-bottom: 155px;

}



.pb-160,

.py-160 {

  padding-bottom: 160px;

}



.pb-165,

.py-165 {

  padding-bottom: 165px;

}



.pb-170,

.py-170 {

  padding-bottom: 170px;

}



.pb-175,

.py-175 {

  padding-bottom: 175px;

}



.pb-180,

.py-180 {

  padding-bottom: 180px;

}



.pb-185,

.py-185 {

  padding-bottom: 185px;

}



.pb-190,

.py-190 {

  padding-bottom: 190px;

}



.pb-195,

.py-195 {

  padding-bottom: 195px;

}



.pb-200,

.py-200 {

  padding-bottom: 200px;

}



.pb-205,

.py-205 {

  padding-bottom: 205px;

}



.pb-210,

.py-210 {

  padding-bottom: 210px;

}



.pb-215,

.py-215 {

  padding-bottom: 215px;

}



.pb-220,

.py-220 {

  padding-bottom: 220px;

}



.pb-225,

.py-225 {

  padding-bottom: 225px;

}



.pb-230,

.py-230 {

  padding-bottom: 230px;

}



.pb-235,

.py-235 {

  padding-bottom: 235px;

}



.pb-240,

.py-240 {

  padding-bottom: 240px;

}



.pb-245,

.py-245 {

  padding-bottom: 245px;

}



.pb-250,

.py-250 {

  padding-bottom: 250px;

}



/* Margin Around */

.m-5 {

  margin: 5px !important;

}



.m-10 {

  margin: 10px;

}



.m-15 {

  margin: 15px;

}



.m-20 {

  margin: 20px;

}



.m-25 {

  margin: 25px;

}



.m-30 {

  margin: 30px;

}



.m-35 {

  margin: 35px;

}



.m-40 {

  margin: 40px;

}



.m-45 {

  margin: 45px;

}



.m-50 {

  margin: 50px;

}



.m-55 {

  margin: 55px;

}



.m-60 {

  margin: 60px;

}



.m-65 {

  margin: 65px;

}



.m-70 {

  margin: 70px;

}



.m-75 {

  margin: 75px;

}



.m-80 {

  margin: 80px;

}



.m-85 {

  margin: 85px;

}



.m-90 {

  margin: 90px;

}



.m-95 {

  margin: 95px;

}



.m-100 {

  margin: 100px;

}



.m-105 {

  margin: 105px;

}



.m-110 {

  margin: 110px;

}



.m-115 {

  margin: 115px;

}



.m-120 {

  margin: 120px;

}



.m-125 {

  margin: 125px;

}



.m-130 {

  margin: 130px;

}



.m-135 {

  margin: 135px;

}



.m-140 {

  margin: 140px;

}



.m-145 {

  margin: 145px;

}



.m-150 {

  margin: 150px;

}



.m-155 {

  margin: 155px;

}



.m-160 {

  margin: 160px;

}



.m-165 {

  margin: 165px;

}



.m-170 {

  margin: 170px;

}



.m-175 {

  margin: 175px;

}



.m-180 {

  margin: 180px;

}



.m-185 {

  margin: 185px;

}



.m-190 {

  margin: 190px;

}



.m-195 {

  margin: 195px;

}



.m-200 {

  margin: 200px;

}



.m-205 {

  margin: 205px;

}



.m-210 {

  margin: 210px;

}



.m-215 {

  margin: 215px;

}



.m-220 {

  margin: 220px;

}



.m-225 {

  margin: 225px;

}



.m-230 {

  margin: 230px;

}



.m-235 {

  margin: 235px;

}



.m-240 {

  margin: 240px;

}



.m-245 {

  margin: 245px;

}



.m-250 {

  margin: 250px;

}



/* Margin Top */

.mt-5,

.my-5 {

  margin-top: 5px !important;

}



.mt-10,

.my-10 {

  margin-top: 10px;

}



.mt-15,

.my-15 {

  margin-top: 15px;

}



.mt-20,

.my-20 {

  margin-top: 20px;

}



.mt-25,

.my-25 {

  margin-top: 25px;

}



.mt-30,

.my-30 {

  margin-top: 30px;

}



.mt-35,

.my-35 {

  margin-top: 35px;

}



.mt-40,

.my-40 {

  margin-top: 40px;

}



.mt-45,

.my-45 {

  margin-top: 45px;

}



.mt-50,

.my-50 {

  margin-top: 50px;

}



.mt-55,

.my-55 {

  margin-top: 55px;

}



.mt-60,

.my-60 {

  margin-top: 60px;

}



.mt-65,

.my-65 {

  margin-top: 65px;

}



.mt-70,

.my-70 {

  margin-top: 70px;

}



.mt-75,

.my-75 {

  margin-top: 75px;

}



.mt-80,

.my-80 {

  margin-top: 80px;

}



.mt-85,

.my-85 {

  margin-top: 85px;

}



.mt-90,

.my-90 {

  margin-top: 90px;

}



.mt-95,

.my-95 {

  margin-top: 95px;

}



.mt-100,

.my-100 {

  margin-top: 100px;

}



.mt-105,

.my-105 {

  margin-top: 105px;

}



.mt-110,

.my-110 {

  margin-top: 110px;

}



.mt-115,

.my-115 {

  margin-top: 115px;

}



.mt-120,

.my-120 {

  margin-top: 120px;

}



.mt-125,

.my-125 {

  margin-top: 125px;

}



.mt-130,

.my-130 {

  margin-top: 130px;

}



.mt-135,

.my-135 {

  margin-top: 135px;

}



.mt-140,

.my-140 {

  margin-top: 140px;

}



.mt-145,

.my-145 {

  margin-top: 145px;

}



.mt-150,

.my-150 {

  margin-top: 150px;

}



.mt-155,

.my-155 {

  margin-top: 155px;

}



.mt-160,

.my-160 {

  margin-top: 160px;

}



.mt-165,

.my-165 {

  margin-top: 165px;

}



.mt-170,

.my-170 {

  margin-top: 170px;

}



.mt-175,

.my-175 {

  margin-top: 175px;

}



.mt-180,

.my-180 {

  margin-top: 180px;

}



.mt-185,

.my-185 {

  margin-top: 185px;

}



.mt-190,

.my-190 {

  margin-top: 190px;

}



.mt-195,

.my-195 {

  margin-top: 195px;

}



.mt-200,

.my-200 {

  margin-top: 200px;

}



.mt-205,

.my-205 {

  margin-top: 205px;

}



.mt-210,

.my-210 {

  margin-top: 210px;

}



.mt-215,

.my-215 {

  margin-top: 215px;

}



.mt-220,

.my-220 {

  margin-top: 220px;

}



.mt-225,

.my-225 {

  margin-top: 225px;

}



.mt-230,

.my-230 {

  margin-top: 230px;

}



.mt-235,

.my-235 {

  margin-top: 235px;

}



.mt-240,

.my-240 {

  margin-top: 240px;

}



.mt-245,

.my-245 {

  margin-top: 245px;

}



.mt-250,

.my-250 {

  margin-top: 250px;

}



/* Margin Bottom */

.mb-5,

.my-5 {

  margin-bottom: 5px !important;

}



.mb-10,

.my-10 {

  margin-bottom: 10px;

}



.mb-15,

.my-15 {

  margin-bottom: 15px;

}



.mb-20,

.my-20 {

  margin-bottom: 20px;

}



.mb-25,

.my-25 {

  margin-bottom: 25px;

}



.mb-30,

.my-30 {

  margin-bottom: 30px;

}



.mb-35,

.my-35 {

  margin-bottom: 35px;

}



.mb-40,

.my-40 {

  margin-bottom: 40px;

}



.mb-45,

.my-45 {

  margin-bottom: 45px;

}



.mb-50,

.my-50 {

  margin-bottom: 50px;

}



.mb-55,

.my-55 {

  margin-bottom: 55px;

}



.mb-60,

.my-60 {

  margin-bottom: 60px;

}



.mb-65,

.my-65 {

  margin-bottom: 65px;

}



.mb-70,

.my-70 {

  margin-bottom: 70px;

}



.mb-75,

.my-75 {

  margin-bottom: 75px;

}



.mb-80,

.my-80 {

  margin-bottom: 80px;

}



.mb-85,

.my-85 {

  margin-bottom: 85px;

}



.mb-90,

.my-90 {

  margin-bottom: 90px;

}



.mb-95,

.my-95 {

  margin-bottom: 95px;

}



.mb-100,

.my-100 {

  margin-bottom: 100px;

}



.mb-105,

.my-105 {

  margin-bottom: 105px;

}



.mb-110,

.my-110 {

  margin-bottom: 110px;

}



.mb-115,

.my-115 {

  margin-bottom: 115px;

}



.mb-120,

.my-120 {

  margin-bottom: 120px;

}



.mb-125,

.my-125 {

  margin-bottom: 125px;

}



.mb-130,

.my-130 {

  margin-bottom: 130px;

}



.mb-135,

.my-135 {

  margin-bottom: 135px;

}



.mb-140,

.my-140 {

  margin-bottom: 140px;

}



.mb-145,

.my-145 {

  margin-bottom: 145px;

}



.mb-150,

.my-150 {

  margin-bottom: 150px;

}



.mb-155,

.my-155 {

  margin-bottom: 155px;

}



.mb-160,

.my-160 {

  margin-bottom: 160px;

}



.mb-165,

.my-165 {

  margin-bottom: 165px;

}



.mb-170,

.my-170 {

  margin-bottom: 170px;

}



.mb-175,

.my-175 {

  margin-bottom: 175px;

}



.mb-180,

.my-180 {

  margin-bottom: 180px;

}



.mb-185,

.my-185 {

  margin-bottom: 185px;

}



.mb-190,

.my-190 {

  margin-bottom: 190px;

}



.mb-195,

.my-195 {

  margin-bottom: 195px;

}



.mb-200,

.my-200 {

  margin-bottom: 200px;

}



.mb-205,

.my-205 {

  margin-bottom: 205px;

}



.mb-210,

.my-210 {

  margin-bottom: 210px;

}



.mb-215,

.my-215 {

  margin-bottom: 215px;

}



.mb-220,

.my-220 {

  margin-bottom: 220px;

}



.mb-225,

.my-225 {

  margin-bottom: 225px;

}



.mb-230,

.my-230 {

  margin-bottom: 230px;

}



.mb-235,

.my-235 {

  margin-bottom: 235px;

}



.mb-240,

.my-240 {

  margin-bottom: 240px;

}



.mb-245,

.my-245 {

  margin-bottom: 245px;

}



.mb-250,

.my-250 {

  margin-bottom: 250px;

}



/* Responsive Padding Margin */

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



  /* Padding Around */

  .rp-0 {

    padding: 0px !important;

  }



  .rp-5 {

    padding: 5px !important;

  }



  .rp-10 {

    padding: 10px;

  }



  .rp-15 {

    padding: 15px;

  }



  .rp-20 {

    padding: 20px;

  }



  .rp-25 {

    padding: 25px;

  }



  .rp-30 {

    padding: 30px;

  }



  .rp-35 {

    padding: 35px;

  }



  .rp-40 {

    padding: 40px;

  }



  .rp-45 {

    padding: 45px;

  }



  .rp-50 {

    padding: 50px;

  }



  .rp-55 {

    padding: 55px;

  }



  .rp-60 {

    padding: 60px;

  }



  .rp-65 {

    padding: 65px;

  }



  .rp-70 {

    padding: 70px;

  }



  .rp-75 {

    padding: 75px;

  }



  .rp-80 {

    padding: 80px;

  }



  .rp-85 {

    padding: 85px;

  }



  .rp-90 {

    padding: 90px;

  }



  .rp-95 {

    padding: 95px;

  }



  .rp-100 {

    padding: 100px;

  }



  .rp-105 {

    padding: 105px;

  }



  .rp-110 {

    padding: 110px;

  }



  .rp-115 {

    padding: 115px;

  }



  .rp-120 {

    padding: 120px;

  }



  .rp-125 {

    padding: 125px;

  }



  .rp-130 {

    padding: 130px;

  }



  .rp-135 {

    padding: 135px;

  }



  .rp-140 {

    padding: 140px;

  }



  .rp-145 {

    padding: 145px;

  }



  .rp-150 {

    padding: 150px;

  }



  /* Padding Top */

  .rpt-0,

  .rpy-0 {

    padding-top: 0px !important;

  }



  .rpt-5,

  .rpy-5 {

    padding-top: 5px !important;

  }



  .rpt-10,

  .rpy-10 {

    padding-top: 10px;

  }



  .rpt-15,

  .rpy-15 {

    padding-top: 15px;

  }



  .rpt-20,

  .rpy-20 {

    padding-top: 20px;

  }



  .rpt-25,

  .rpy-25 {

    padding-top: 25px;

  }



  .rpt-30,

  .rpy-30 {

    padding-top: 30px;

  }



  .rpt-35,

  .rpy-35 {

    padding-top: 35px;

  }



  .rpt-40,

  .rpy-40 {

    padding-top: 40px;

  }



  .rpt-45,

  .rpy-45 {

    padding-top: 45px;

  }



  .rpt-50,

  .rpy-50 {

    padding-top: 50px;

  }



  .rpt-55,

  .rpy-55 {

    padding-top: 55px;

  }



  .rpt-60,

  .rpy-60 {

    padding-top: 60px;

  }



  .rpt-65,

  .rpy-65 {

    padding-top: 65px;

  }



  .rpt-70,

  .rpy-70 {

    padding-top: 70px;

  }



  .rpt-75,

  .rpy-75 {

    padding-top: 75px;

  }



  .rpt-80,

  .rpy-80 {

    padding-top: 80px;

  }



  .rpt-85,

  .rpy-85 {

    padding-top: 85px;

  }



  .rpt-90,

  .rpy-90 {

    padding-top: 90px;

  }



  .rpt-95,

  .rpy-95 {

    padding-top: 95px;

  }



  .rpt-100,

  .rpy-100 {

    padding-top: 100px;

  }



  .rpt-105,

  .rpy-105 {

    padding-top: 105px;

  }



  .rpt-110,

  .rpy-110 {

    padding-top: 110px;

  }



  .rpt-115,

  .rpy-115 {

    padding-top: 115px;

  }



  .rpt-120,

  .rpy-120 {

    padding-top: 120px;

  }



  .rpt-125,

  .rpy-125 {

    padding-top: 125px;

  }



  .rpt-130,

  .rpy-130 {

    padding-top: 130px;

  }



  .rpt-135,

  .rpy-135 {

    padding-top: 135px;

  }



  .rpt-140,

  .rpy-140 {

    padding-top: 140px;

  }



  .rpt-145,

  .rpy-145 {

    padding-top: 145px;

  }



  .rpt-150,

  .rpy-150 {

    padding-top: 150px;

  }



  /* Padding Bottom */

  .rpb-0,

  .rpy-0 {

    padding-bottom: 0px !important;

  }



  .rpb-5,

  .rpy-5 {

    padding-bottom: 5px !important;

  }



  .rpb-10,

  .rpy-10 {

    padding-bottom: 10px;

  }



  .rpb-15,

  .rpy-15 {

    padding-bottom: 15px;

  }



  .rpb-20,

  .rpy-20 {

    padding-bottom: 20px;

  }



  .rpb-25,

  .rpy-25 {

    padding-bottom: 25px;

  }



  .rpb-30,

  .rpy-30 {

    padding-bottom: 30px;

  }



  .rpb-35,

  .rpy-35 {

    padding-bottom: 35px;

  }



  .rpb-40,

  .rpy-40 {

    padding-bottom: 40px;

  }



  .rpb-45,

  .rpy-45 {

    padding-bottom: 45px;

  }



  .rpb-50,

  .rpy-50 {

    padding-bottom: 50px;

  }



  .rpb-55,

  .rpy-55 {

    padding-bottom: 55px;

  }



  .rpb-60,

  .rpy-60 {

    padding-bottom: 60px;

  }



  .rpb-65,

  .rpy-65 {

    padding-bottom: 65px;

  }



  .rpb-70,

  .rpy-70 {

    padding-bottom: 70px;

  }



  .rpb-75,

  .rpy-75 {

    padding-bottom: 75px;

  }



  .rpb-80,

  .rpy-80 {

    padding-bottom: 80px;

  }



  .rpb-85,

  .rpy-85 {

    padding-bottom: 85px;

  }



  .rpb-90,

  .rpy-90 {

    padding-bottom: 90px;

  }



  .rpb-95,

  .rpy-95 {

    padding-bottom: 95px;

  }



  .rpb-100,

  .rpy-100 {

    padding-bottom: 100px;

  }



  .rpb-105,

  .rpy-105 {

    padding-bottom: 105px;

  }



  .rpb-110,

  .rpy-110 {

    padding-bottom: 110px;

  }



  .rpb-115,

  .rpy-115 {

    padding-bottom: 115px;

  }



  .rpb-120,

  .rpy-120 {

    padding-bottom: 120px;

  }



  .rpb-125,

  .rpy-125 {

    padding-bottom: 125px;

  }



  .rpb-130,

  .rpy-130 {

    padding-bottom: 130px;

  }



  .rpb-135,

  .rpy-135 {

    padding-bottom: 135px;

  }



  .rpb-140,

  .rpy-140 {

    padding-bottom: 140px;

  }



  .rpb-145,

  .rpy-145 {

    padding-bottom: 145px;

  }



  .rpb-150,

  .rpy-150 {

    padding-bottom: 150px;

  }



  /* Margin Around */

  .rm-0 {

    margin: 0px !important;

  }



  .rm-5 {

    margin: 5px !important;

  }



  .rm-10 {

    margin: 10px;

  }



  .rm-15 {

    margin: 15px;

  }



  .rm-20 {

    margin: 20px;

  }



  .rm-25 {

    margin: 25px;

  }



  .rm-30 {

    margin: 30px;

  }



  .rm-35 {

    margin: 35px;

  }



  .rm-40 {

    margin: 40px;

  }



  .rm-45 {

    margin: 45px;

  }



  .rm-50 {

    margin: 50px;

  }



  .rm-55 {

    margin: 55px;

  }



  .rm-60 {

    margin: 60px;

  }



  .rm-65 {

    margin: 65px;

  }



  .rm-70 {

    margin: 70px;

  }



  .rm-75 {

    margin: 75px;

  }



  .rm-80 {

    margin: 80px;

  }



  .rm-85 {

    margin: 85px;

  }



  .rm-90 {

    margin: 90px;

  }



  .rm-95 {

    margin: 95px;

  }



  .rm-100 {

    margin: 100px;

  }



  .rm-105 {

    margin: 105px;

  }



  .rm-110 {

    margin: 110px;

  }



  .rm-115 {

    margin: 115px;

  }



  .rm-120 {

    margin: 120px;

  }



  .rm-125 {

    margin: 125px;

  }



  .rm-130 {

    margin: 130px;

  }



  .rm-135 {

    margin: 135px;

  }



  .rm-140 {

    margin: 140px;

  }



  .rm-145 {

    margin: 145px;

  }



  .rm-150 {

    margin: 150px;

  }



  /* Margin Top */

  .rmt-0,

  .rmy-0 {

    margin-top: 0px !important;

  }



  .rmt-5,

  .rmy-5 {

    margin-top: 5px !important;

  }



  .rmt-10,

  .rmy-10 {

    margin-top: 10px;

  }



  .rmt-15,

  .rmy-15 {

    margin-top: 15px;

  }



  .rmt-20,

  .rmy-20 {

    margin-top: 20px;

  }



  .rmt-25,

  .rmy-25 {

    margin-top: 25px;

  }



  .rmt-30,

  .rmy-30 {

    margin-top: 30px;

  }



  .rmt-35,

  .rmy-35 {

    margin-top: 35px;

  }



  .rmt-40,

  .rmy-40 {

    margin-top: 40px;

  }



  .rmt-45,

  .rmy-45 {

    margin-top: 45px;

  }



  .rmt-50,

  .rmy-50 {

    margin-top: 50px;

  }



  .rmt-55,

  .rmy-55 {

    margin-top: 55px;

  }



  .rmt-60,

  .rmy-60 {

    margin-top: 60px;

  }



  .rmt-65,

  .rmy-65 {

    margin-top: 65px;

  }



  .rmt-70,

  .rmy-70 {

    margin-top: 70px;

  }



  .rmt-75,

  .rmy-75 {

    margin-top: 75px;

  }



  .rmt-80,

  .rmy-80 {

    margin-top: 80px;

  }



  .rmt-85,

  .rmy-85 {

    margin-top: 85px;

  }



  .rmt-90,

  .rmy-90 {

    margin-top: 90px;

  }



  .rmt-95,

  .rmy-95 {

    margin-top: 95px;

  }



  .rmt-100,

  .rmy-100 {

    margin-top: 100px;

  }



  .rmt-105,

  .rmy-105 {

    margin-top: 105px;

  }



  .rmt-110,

  .rmy-110 {

    margin-top: 110px;

  }



  .rmt-115,

  .rmy-115 {

    margin-top: 115px;

  }



  .rmt-120,

  .rmy-120 {

    margin-top: 120px;

  }



  .rmt-125,

  .rmy-125 {

    margin-top: 125px;

  }



  .rmt-130,

  .rmy-130 {

    margin-top: 130px;

  }



  .rmt-135,

  .rmy-135 {

    margin-top: 135px;

  }



  .rmt-140,

  .rmy-140 {

    margin-top: 140px;

  }



  .rmt-145,

  .rmy-145 {

    margin-top: 145px;

  }



  .rmt-150,

  .rmy-150 {

    margin-top: 150px;

  }



  /* Margin Bottom */

  .rmb-0,

  .rmy-0 {

    margin-bottom: 0px !important;

  }



  .rmb-5,

  .rmy-5 {

    margin-bottom: 5px !important;

  }



  .rmb-10,

  .rmy-10 {

    margin-bottom: 10px;

  }



  .rmb-15,

  .rmy-15 {

    margin-bottom: 15px;

  }



  .rmb-20,

  .rmy-20 {

    margin-bottom: 20px;

  }



  .rmb-25,

  .rmy-25 {

    margin-bottom: 25px;

  }



  .rmb-30,

  .rmy-30 {

    margin-bottom: 30px;

  }



  .rmb-35,

  .rmy-35 {

    margin-bottom: 35px;

  }



  .rmb-40,

  .rmy-40 {

    margin-bottom: 40px;

  }



  .rmb-45,

  .rmy-45 {

    margin-bottom: 45px;

  }



  .rmb-50,

  .rmy-50 {

    margin-bottom: 50px;

  }



  .rmb-55,

  .rmy-55 {

    margin-bottom: 55px;

  }



  .rmb-60,

  .rmy-60 {

    margin-bottom: 60px;

  }



  .rmb-65,

  .rmy-65 {

    margin-bottom: 65px;

  }



  .rmb-70,

  .rmy-70 {

    margin-bottom: 70px;

  }



  .rmb-75,

  .rmy-75 {

    margin-bottom: 75px;

  }



  .rmb-80,

  .rmy-80 {

    margin-bottom: 80px;

  }



  .rmb-85,

  .rmy-85 {

    margin-bottom: 85px;

  }



  .rmb-90,

  .rmy-90 {

    margin-bottom: 90px;

  }



  .rmb-95,

  .rmy-95 {

    margin-bottom: 95px;

  }



  .rmb-100,

  .rmy-100 {

    margin-bottom: 100px;

  }



  .rmb-105,

  .rmy-105 {

    margin-bottom: 105px;

  }



  .rmb-110,

  .rmy-110 {

    margin-bottom: 110px;

  }



  .rmb-115,

  .rmy-115 {

    margin-bottom: 115px;

  }



  .rmb-120,

  .rmy-120 {

    margin-bottom: 120px;

  }



  .rmb-125,

  .rmy-125 {

    margin-bottom: 125px;

  }



  .rmb-130,

  .rmy-130 {

    margin-bottom: 130px;

  }



  .rmb-135,

  .rmy-135 {

    margin-bottom: 135px;

  }



  .rmb-140,

  .rmy-140 {

    margin-bottom: 140px;

  }



  .rmb-145,

  .rmy-145 {

    margin-bottom: 145px;

  }



  .rmb-150,

  .rmy-150 {

    margin-bottom: 150px;

  }

}



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

/***************** 05. Custom Animation ****************/

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

/* Animation Delay */

.delay-1-0s {

  -webkit-animation-delay: 1s;

  animation-delay: 1s;

}



.delay-2-0s {

  -webkit-animation-delay: 2s;

  animation-delay: 2s;

}



.delay-0-1s {

  -webkit-animation-delay: 0.1s;

  animation-delay: 0.1s;

}



.delay-0-2s {

  -webkit-animation-delay: 0.2s;

  animation-delay: 0.2s;

}



.delay-0-3s {

  -webkit-animation-delay: 0.3s;

  animation-delay: 0.3s;

}



.delay-0-4s {

  -webkit-animation-delay: 0.4s;

  animation-delay: 0.4s;

}



.delay-0-5s {

  -webkit-animation-delay: 0.5s;

  animation-delay: 0.5s;

}



.delay-0-6s {

  -webkit-animation-delay: 0.6s;

  animation-delay: 0.6s;

}



.delay-0-7s {

  -webkit-animation-delay: 0.7s;

  animation-delay: 0.7s;

}



.delay-0-8s {

  -webkit-animation-delay: 0.8s;

  animation-delay: 0.8s;

}



.delay-0-9s {

  -webkit-animation-delay: 0.9s;

  animation-delay: 0.9s;

}



.delay-1-1s {

  -webkit-animation-delay: 1.1s;

  animation-delay: 1.1s;

}



.delay-1-2s {

  -webkit-animation-delay: 1.2s;

  animation-delay: 1.2s;

}



.delay-1-3s {

  -webkit-animation-delay: 1.3s;

  animation-delay: 1.3s;

}



.delay-1-4s {

  -webkit-animation-delay: 1.4s;

  animation-delay: 1.4s;

}



.delay-1-5s {

  -webkit-animation-delay: 1.5s;

  animation-delay: 1.5s;

}



.delay-1-6s {

  -webkit-animation-delay: 1.6s;

  animation-delay: 1.6s;

}



.delay-1-7s {

  -webkit-animation-delay: 1.7s;

  animation-delay: 1.7s;

}



.delay-1-8s {

  -webkit-animation-delay: 1.8s;

  animation-delay: 1.8s;

}



.delay-1-9s {

  -webkit-animation-delay: 1.9s;

  animation-delay: 1.9s;

}



/* Menu Sticky */

@-webkit-keyframes sticky {

  0% {

    top: -100px;

  }



  100% {

    top: 0;

  }

}



@keyframes sticky {

  0% {

    top: -100px;

  }



  100% {

    top: 0;

  }

}



/* Hero Circle */

@-webkit-keyframes rotated_circle {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



@keyframes rotated_circle {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



@-webkit-keyframes slideUpDown {



  0%,

  100% {

    -webkit-transform: translateY(0px);

    transform: translateY(0px);

  }



  50% {

    -webkit-transform: translateY(-80px);

    transform: translateY(-80px);

  }

}



@keyframes slideUpDown {



  0%,

  100% {

    -webkit-transform: translateY(0px);

    transform: translateY(0px);

  }



  50% {

    -webkit-transform: translateY(-80px);

    transform: translateY(-80px);

  }

}



@-webkit-keyframes shapeAnimationOne {

  0% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);

  }



  25% {

    -webkit-transform: translate(0px, 150px) rotate(90deg);

    transform: translate(0px, 150px) rotate(90deg);

  }



  50% {

    -webkit-transform: translate(150px, 150px) rotate(180deg);

    transform: translate(150px, 150px) rotate(180deg);

  }



  75% {

    -webkit-transform: translate(150px, 0px) rotate(270deg);

    transform: translate(150px, 0px) rotate(270deg);

  }



  100% {

    -webkit-transform: translate(0px, 0px) rotate(360deg);

    transform: translate(0px, 0px) rotate(360deg);

  }

}



@keyframes shapeAnimationOne {

  0% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);

  }



  25% {

    -webkit-transform: translate(0px, 150px) rotate(90deg);

    transform: translate(0px, 150px) rotate(90deg);

  }



  50% {

    -webkit-transform: translate(150px, 150px) rotate(180deg);

    transform: translate(150px, 150px) rotate(180deg);

  }



  75% {

    -webkit-transform: translate(150px, 0px) rotate(270deg);

    transform: translate(150px, 0px) rotate(270deg);

  }



  100% {

    -webkit-transform: translate(0px, 0px) rotate(360deg);

    transform: translate(0px, 0px) rotate(360deg);

  }

}



@-webkit-keyframes shapeAnimationTwo {

  0% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);

  }



  25% {

    -webkit-transform: translate(-150px, 0px) rotate(270deg);

    transform: translate(-150px, 0px) rotate(270deg);

  }



  50% {

    -webkit-transform: translate(-150px, -150px) rotate(180deg);

    transform: translate(-150px, -150px) rotate(180deg);

  }



  75% {

    -webkit-transform: translate(0px, -150px) rotate(90deg);

    transform: translate(0px, -150px) rotate(90deg);

  }



  100% {

    -webkit-transform: translate(0px, 0px) rotate(360deg);

    transform: translate(0px, 0px) rotate(360deg);

  }

}



@keyframes shapeAnimationTwo {

  0% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);

  }



  25% {

    -webkit-transform: translate(-150px, 0px) rotate(270deg);

    transform: translate(-150px, 0px) rotate(270deg);

  }



  50% {

    -webkit-transform: translate(-150px, -150px) rotate(180deg);

    transform: translate(-150px, -150px) rotate(180deg);

  }



  75% {

    -webkit-transform: translate(0px, -150px) rotate(90deg);

    transform: translate(0px, -150px) rotate(90deg);

  }



  100% {

    -webkit-transform: translate(0px, 0px) rotate(360deg);

    transform: translate(0px, 0px) rotate(360deg);

  }

}



@-webkit-keyframes shapeAnimationThree {

  0% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);

  }



  25% {

    -webkit-transform: translate(50px, 150px) rotate(90deg);

    transform: translate(50px, 150px) rotate(90deg);

  }



  50% {

    -webkit-transform: translate(150px, 150px) rotate(180deg);

    transform: translate(150px, 150px) rotate(180deg);

  }



  75% {

    -webkit-transform: translate(150px, 50px) rotate(270deg);

    transform: translate(150px, 50px) rotate(270deg);

  }



  100% {

    -webkit-transform: translate(0px, 0px) rotate(360deg);

    transform: translate(0px, 0px) rotate(360deg);

  }

}



@keyframes shapeAnimationThree {

  0% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);

  }



  25% {

    -webkit-transform: translate(50px, 150px) rotate(90deg);

    transform: translate(50px, 150px) rotate(90deg);

  }



  50% {

    -webkit-transform: translate(150px, 150px) rotate(180deg);

    transform: translate(150px, 150px) rotate(180deg);

  }



  75% {

    -webkit-transform: translate(150px, 50px) rotate(270deg);

    transform: translate(150px, 50px) rotate(270deg);

  }



  100% {

    -webkit-transform: translate(0px, 0px) rotate(360deg);

    transform: translate(0px, 0px) rotate(360deg);

  }

}



@-webkit-keyframes shapeAnimationFour {

  0% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);

  }



  25% {

    -webkit-transform: translate(-150px -50px) rotate(90deg);

    transform: translate(-150px -50px) rotate(90deg);

  }



  50% {

    -webkit-transform: translate(-150px, -150px) rotate(180deg);

    transform: translate(-150px, -150px) rotate(180deg);

  }



  75% {

    -webkit-transform: translate(-50px, -150px) rotate(270deg);

    transform: translate(-50px, -150px) rotate(270deg);

  }



  100% {

    -webkit-transform: translate(0px, 0px) rotate(360deg);

    transform: translate(0px, 0px) rotate(360deg);

  }

}



@keyframes shapeAnimationFour {

  0% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);

  }



  25% {

    -webkit-transform: translate(-150px -50px) rotate(90deg);

    transform: translate(-150px -50px) rotate(90deg);

  }



  50% {

    -webkit-transform: translate(-150px, -150px) rotate(180deg);

    transform: translate(-150px, -150px) rotate(180deg);

  }



  75% {

    -webkit-transform: translate(-50px, -150px) rotate(270deg);

    transform: translate(-50px, -150px) rotate(270deg);

  }



  100% {

    -webkit-transform: translate(0px, 0px) rotate(360deg);

    transform: translate(0px, 0px) rotate(360deg);

  }

}



@-webkit-keyframes shapeAnimationFive {

  0% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);

  }



  25% {

    -webkit-transform: translate(-100px -100px) rotate(90deg);

    transform: translate(-100px -100px) rotate(90deg);

  }



  50% {

    -webkit-transform: translate(100px, 50px) rotate(180deg);

    transform: translate(100px, 50px) rotate(180deg);

  }



  75% {

    -webkit-transform: translate(200px, -150px) rotate(270deg);

    transform: translate(200px, -150px) rotate(270deg);

  }



  100% {

    -webkit-transform: translate(0px, 0px) rotate(360deg);

    transform: translate(0px, 0px) rotate(360deg);

  }

}



@keyframes shapeAnimationFive {

  0% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);

  }



  25% {

    -webkit-transform: translate(-100px -100px) rotate(90deg);

    transform: translate(-100px -100px) rotate(90deg);

  }



  50% {

    -webkit-transform: translate(100px, 50px) rotate(180deg);

    transform: translate(100px, 50px) rotate(180deg);

  }



  75% {

    -webkit-transform: translate(200px, -150px) rotate(270deg);

    transform: translate(200px, -150px) rotate(270deg);

  }



  100% {

    -webkit-transform: translate(0px, 0px) rotate(360deg);

    transform: translate(0px, 0px) rotate(360deg);

  }

}



@-webkit-keyframes down-up-one {

  0% {

    -webkit-transform: rotateX(0deg) translateY(0px);

    transform: rotateX(0deg) translateY(0px);

  }



  50% {

    -webkit-transform: rotateX(0deg) translateY(25px);

    transform: rotateX(0deg) translateY(25px);

  }



  100% {

    -webkit-transform: rotateX(0deg) translateY(0px);

    transform: rotateX(0deg) translateY(0px);

  }

}



@keyframes down-up-one {

  0% {

    -webkit-transform: rotateX(0deg) translateY(0px);

    transform: rotateX(0deg) translateY(0px);

  }



  50% {

    -webkit-transform: rotateX(0deg) translateY(25px);

    transform: rotateX(0deg) translateY(25px);

  }



  100% {

    -webkit-transform: rotateX(0deg) translateY(0px);

    transform: rotateX(0deg) translateY(0px);

  }

}



@-webkit-keyframes down-up-two {

  0% {

    -webkit-transform: rotateX(0deg) translate(0px);

    transform: rotateX(0deg) translate(0px);

  }



  50% {

    -webkit-transform: rotateX(0deg) translate(25px, -25px);

    transform: rotateX(0deg) translate(25px, -25px);

  }



  100% {

    -webkit-transform: rotateX(0deg) translate(0px);

    transform: rotateX(0deg) translate(0px);

  }

}



@keyframes down-up-two {

  0% {

    -webkit-transform: rotateX(0deg) translate(0px);

    transform: rotateX(0deg) translate(0px);

  }



  50% {

    -webkit-transform: rotateX(0deg) translate(25px, -25px);

    transform: rotateX(0deg) translate(25px, -25px);

  }



  100% {

    -webkit-transform: rotateX(0deg) translate(0px);

    transform: rotateX(0deg) translate(0px);

  }

}



@-webkit-keyframes moveLeftRight {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }



  50% {

    -webkit-transform: translateX(80px);

    transform: translateX(80px);

  }



  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}



@keyframes moveLeftRight {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }



  50% {

    -webkit-transform: translateX(80px);

    transform: translateX(80px);

  }



  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}



@-webkit-keyframes zoomInOut {

  0% {

    -webkit-transform: scale(0.35);

    transform: scale(0.35);

  }



  50% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }



  100% {

    -webkit-transform: scale(0.35);

    transform: scale(0.35);

  }

}



@keyframes zoomInOut {

  0% {

    -webkit-transform: scale(0.35);

    transform: scale(0.35);

  }



  50% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }



  100% {

    -webkit-transform: scale(0.35);

    transform: scale(0.35);

  }

}



@-webkit-keyframes pulse {

  to {

    -webkit-box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);

    box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);

  }

}



@keyframes pulse {

  to {

    -webkit-box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);

    box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);

  }

}



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

/******************  06. Main Header *******************/

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

.navbar-top ul {

  color: white;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  line-height: 1.35;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-top: 3px;

  margin-bottom: 3px;

}



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

  .navbar-top ul {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

}



.navbar-top ul li:not(:last-child) {

  margin-right: 30px;

  padding-right: 30px;

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

}



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

  .navbar-top ul li:not(:last-child) {

    margin-right: 15px;

    padding-right: 15px;

  }

}



.navbar-top ul li>i {

  margin-right: 6px;

}



.navbar-top ul li a:not(:hover) {

  color: white;

}



.navbar-top ul li.social-area span {

  margin-right: 10px;

  text-transform: capitalize;

}



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

  .navbar-top ul li.social-area span {

    font-size: 18px;

  }

}



.navbar-top ul li.social-area a {

  font-size: 14px;

  margin-left: 12px;

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

}



.navbar-top ul li.social-area a:hover {

  color: #FB683E;

}



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

  .navbar-top .topbar-left li:not(:last-child) {

    display: none;

  }

}



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

  .navbar-top .topbar-left .contact-info-wrap {

    display: none;

  }

}



.navbar-top .topbar-left .contact-info-item {

  margin-bottom: 0;

  padding-top: 35px;

  padding-bottom: 35px;

}



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

  .navbar-top .topbar-left .contact-info-item:last-child {

    display: none;

  }

}



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

  .navbar-top .topbar-left .contact-info-item {

    padding-top: 15px;

    padding-bottom: 15px;

  }

}



.navbar-top .topbar-left .contact-info-item:not(:last-child) {

  margin-right: 40px;

  padding-right: 40px;

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

}



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

  .navbar-top .topbar-left .contact-info-item:not(:last-child) {

    margin-right: 0;

    padding-right: 0;

    border-right: none;

  }

}



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

  .navbar-top .topbar-left .contact-info-item:not(:first-child) {

    display: none;

  }

}



.navbar-top .topbar-left .contact-info-item:after {

  display: none;

}



.navbar-top .topbar-left .contact-info-item .icon {

  width: auto;

  height: auto;

  font-size: 30px;

  background: transparent;

}



.navbar-top .topbar-left .contact-info-item .content {

  line-height: 1.65;

}



.navbar-top .topbar-left .contact-info-item .content span {

  opacity: 0.4;

}



.navbar-top .topbar-left .contact-info-item .content b {

  font-weight: 400;

}



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

  .navbar-top.style-one .container {

    padding-left: 30px;

    padding-right: 30px;

  }

}



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

  .navbar-top.style-two .container {

    max-width: 1780px;

  }

}



.navbar-area {

  position: absolute;

  width: 100%;

  z-index: 99;

  padding: 0;

}



.navbar-area .nav-container {

  position: relative;

}



.navbar-area .nav-container.navbar-bg {

  position: relative;

}



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

  .navbar-area .nav-container.navbar-bg {

    padding-left: 30px;

    padding-right: 30px;

  }

}



.navbar-area .nav-container.navbar-bg:after {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background: #fff;

  z-index: -1;

}



.navbar-area .nav-container .logo {

  max-width: 360px;

}



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

  .navbar-area .nav-container .logo {

    max-width: 230px;

  }

}



.navbar-area .nav-container .logo a {

  font-weight: 700;

  font-size: 24px;

  color: #fff;

}



.navbar-area .nav-container .btn-transparent {

  font-size: 13px;

  font-weight: 700;

}



.navbar-area .nav-container .navbar-collapse .navbar-nav {

  display: block;

  width: 100%;

  text-align: left;

}



.navbar-area .nav-container .navbar-collapse .navbar-nav li {

  display: inline-block;

  font-weight: 500;

  line-height: 60px;

  text-transform: capitalize;

}



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

  .navbar-area .nav-container .navbar-collapse .navbar-nav li a {

    font-size: 18px;

  }

}



.navbar-area .nav-container .navbar-collapse .navbar-nav li:hover>a {

  color: #FB683E;

}



.navbar-area .nav-container .navbar-collapse .navbar-nav li+li {

  margin-left: 17px;

}



.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {

  position: relative;

  z-index: 0;

}



.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {

  content: "";

  position: absolute;

  right: 4px;

  top: 49%;

  height: 10px;

  width: 2px;

  background: #555555;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  -webkit-transition: all 0.3s ease-in;

  -o-transition: all 0.3s ease-in;

  transition: all 0.3s ease-in;

  margin-top: 0;

  z-index: -1;

}



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

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {

    top: 20px;

  }

}



.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:after {

  content: "";

  position: absolute;

  right: 0;

  top: 30px;

  height: 2px;

  width: 10px;

  background: #555555;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  -webkit-transition: all 0.3s ease-in;

  -o-transition: all 0.3s ease-in;

  transition: all 0.3s ease-in;

  z-index: -1;

}



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

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:after {

    top: 20px;

  }

}



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



  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:after,

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {

    display: none;

  }

}



.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover>.sub-menu {

  visibility: visible;

  opacity: 1;

}



.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {

  position: absolute;

  text-align: left;

  min-width: 210px;

  margin: 0;

  padding: 0;

  list-style: none;

  left: 0;

  top: 100%;

  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);

  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);

  background-color: white;

  z-index: 9;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  border-radius: 0;

}



.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.border-bt0 {

  border-bottom: 0px !important;

}



.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {

  display: block;

  margin-left: 0;

  line-height: 22px;

  font-size: 15px;

  border-top: 1px solid #f5f5f5;

}



.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {

  display: block;

  padding: 10px 15px;

  white-space: nowrap;

  -webkit-transition: all .3s;

  -o-transition: all .3s;

  transition: all .3s;

  font-size: 15px;

  font-weight: 500;

  position: relative;

}



.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover {

  background: #031031;

}



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

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover>a {

    color: #fff;

    padding: 10px 20px 10px 20px;

  }

}



.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover>a:before {

  visibility: visible;

  opacity: 1;

}



.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children {

  position: relative;

  z-index: 0;

  padding-right: 0px;

}



.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:before {

  position: absolute;

  top: 20px;

  content: '';

}



.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu {

  left: 100%;

  top: 0;

}



.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu .sub-menu .sub-menu {

  left: auto;

  right: 100%;

}



.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu {

  visibility: visible;

  opacity: 1;

}



.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {

  color: white;

}



.navbar-area .nav-container .navbar-collapse .navbar-nav>li {

  margin-right: 15px;

}



.navbar-area.style-two {

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

  backdrop-filter: blur(12px);

  background: rgba(37, 36, 36, 0.4);

}



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

  .navbar-area.style-two .container {

    max-width: 1780px;

  }

}



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

  .navbar-area.style-two .navbar-collapse .navbar-nav {

    padding-left: 25px;

    padding-right: 25px;

  }

}



.navbar-area.style-two .navbar-collapse .navbar-nav>li>a {

  color: white;

}



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

  .navbar-area.style-two .navbar-collapse .navbar-nav>li.menu-item-has-children .sub-menu li:first-child {

    border-top: none;

  }

}



.navbar-area.style-two.sticky-active {

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

}



.navbar-area.style-two .nav-right-part .search-bar-btn {

  color: white;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  font-size: 16px;

  margin-right: 70px;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 35px 30px;

  border-left: 1px solid rgba(255, 255, 255, 0.08);

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

}



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

  .navbar-area.style-two .nav-right-part .search-bar-btn {

    margin-right: 30px;

  }

}



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

  .navbar-area.style-two .nav-right-part .search-bar-btn {

    padding-top: 25px;

    padding-bottom: 25px;

  }

}



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

  .navbar-area.style-two .nav-right-part .search-bar-btn {

    margin-right: 0;

    padding-left: 15px;

    padding-right: 15px;

  }

}



.navbar-area.style-two .nav-right-part .search-bar-btn i {

  font-size: 20px;

}



.navbar-area.style-two .nav-right-part .search-bar-btn span {

  margin-left: 14px;

  margin-right: 30px;

}



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

  .navbar-area.style-two .nav-right-part .search-bar-btn span {

    display: none;

  }

}



.navbar-area.style-two .toggle-btn {

  top: 15px;

}



.navbar-area.style-two .toggle-btn .icon-left:after,

.navbar-area.style-two .toggle-btn .icon-left:before,

.navbar-area.style-two .toggle-btn .icon-right:after,

.navbar-area.style-two .toggle-btn .icon-right:before {

  background-color: white;

}



.navbar-area.style-two .toggle-btn:not(.open) .icon-left,

.navbar-area.style-two .toggle-btn:not(.open) .icon-right {

  background-color: white;

}



.navbar-area.style-three {

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

  backdrop-filter: blur(10px);

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

}



.navbar-area.style-three.sticky-active {

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

}



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

  .navbar-area.style-three .navbar-collapse .navbar-nav {

    padding-left: 25px;

    padding-right: 25px;

  }

}



.navbar-area.style-three .navbar-collapse .navbar-nav>li>a {

  color: white;

}



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

  .navbar-area.style-three .navbar-collapse .navbar-nav>li.menu-item-has-children .sub-menu li:first-child {

    border-top: none;

  }

}



.navbar-area.style-three .nav-right-part .search-bar-btn {

  color: white;

  padding: 28px 22px;

  display: inline-block;

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

}



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

  .navbar-area.style-three .nav-right-part .search-bar-btn {

    padding-top: 18px;

    padding-bottom: 18px;

  }

}



.navbar-area.style-three .toggle-btn {

  top: 15px;

}



.navbar-area.style-three .toggle-btn .icon-left:after,

.navbar-area.style-three .toggle-btn .icon-left:before,

.navbar-area.style-three .toggle-btn .icon-right:after,

.navbar-area.style-three .toggle-btn .icon-right:before {

  background-color: white;

}



.navbar-area.style-three .toggle-btn:not(.open) .icon-left,

.navbar-area.style-three .toggle-btn:not(.open) .icon-right {

  background-color: white;

}



.navbar-nav {

  opacity: 0;

  margin-right: -30px;

  visibility: hidden;

  -webkit-transition: all 0.4s ease 0s;

  -o-transition: all 0.4s ease 0s;

  transition: all 0.4s ease 0s;

}



.sticky-active {

  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;

  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;

  left: 0;

  position: fixed;

  top: 0;

  width: 100%;

  z-index: 999;

  -webkit-box-shadow: 0 10px 20px 0 rgba(46, 56, 220, 0.05);

  box-shadow: 0 10px 20px 0 rgba(46, 56, 220, 0.05);

  border-bottom: 0;

  background: #fff;

}



.sticky-active .nav-container.navbar-bg {

  -webkit-transition: none;

  -o-transition: none;

  transition: none;

  padding-left: 15px;

  padding-right: 15px;

}



.menu-open {

  opacity: 1;

  margin-right: 0;

  visibility: visible;

}



.responsive-mobile-menu button:focus {

  outline: none;

  border: none;

}



/**************** nav-right-part *************/

.nav-right-part {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.nav-right-part .search-bar-btn {

  font-size: 22px;

  margin-left: 15px;

  color: #031031;

}



.nav-right-part .search-bar:hover {

  background: #FB683E;

  border: 1px solid #FB683E;

}



.nav-right-part .more-info {

  line-height: 1.3;

  margin-left: 35px;

  padding-left: 35px;

  position: relative;

}



.nav-right-part .more-info:before {

  content: '';

  height: 18px;

  width: 1px;

  left: 0;

  top: 50%;

  position: absolute;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  border-right: 1px solid #4C7475;

}



.nav-right-part .more-info span {

  display: block;

}



.nav-right-part .more-info a {

  margin-left: 0;

  font-size: 20px;

  font-weight: 500;

  color: #FB683E;

}



.nav-right-part-desktop {

  margin-left: 20px;

}



.nav-right-part-mobile {

  display: none;

}



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

  .navbar-area {

    background: #fff;

  }



  .nav-right-part {

    margin-right: 60px;

  }



  .nav-right-part .btn .right {

    padding-left: 5px;

    font-size: 13px;

  }



  .navbar-area .nav-container .navbar-collapse .navbar-nav>li {

    margin-right: 0;

    padding-right: 0;

  }



  .navbar-area .nav-container {

    position: relative;

    z-index: 0;

  }



  .navbar-area .nav-container .navbar-toggler {

    padding: 0px;

  }



  .navbar-area .nav-container .navbar-collapse {

    margin-top: 13px;

  }



  .navbar-area .nav-container .navbar-collapse .navbar-nav {

    display: block;

    margin-top: 20px;

  }



  .navbar-area .nav-container .navbar-collapse .navbar-nav li {

    display: block;

    text-align: left;

    line-height: 30px;

    padding: 6px 0;

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  }



  .navbar-area .nav-container .navbar-collapse .navbar-nav li a {

    display: block;

  }



  .navbar-area .nav-container .navbar-collapse .navbar-nav li:last-child {

    border-bottom: none;

  }



  .navbar-area .nav-container .navbar-collapse .navbar-nav li+li {

    margin-left: 0;

  }



  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {

    position: initial;

    display: block;

    width: 100%;

    border-top: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    margin-left: 0;

    padding-bottom: 0;

    height: auto;

    max-height: 250px;

    background-color: transparent;

    border-radius: 10px;

    padding: 0px;

    border-bottom: none;

    display: none;

    -webkit-transition: none;

    -o-transition: none;

    transition: none;

    visibility: visible;

    opacity: 1;

  }



  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .sub-menu .menu-item-has-children:before {

    content: "\f107";

  }



  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {

    padding: 0;

  }



  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li+li {

    border-top: none;

  }

}



.sopen {

  -webkit-animation: 0.5s fadeIn;

  animation: 0.5s fadeIn;

  display: block !important;

}



.toggle-btn {

  left: auto;

  right: 0;

  position: absolute;

  width: 30px;

  height: 40px;

  -webkit-transition-duration: 0.5s;

  -o-transition-duration: 0.5s;

  transition-duration: 0.5s;

  border: 0;

  background: transparent;

}



.toggle-btn .icon-left {

  -webkit-transition-duration: 0.5s;

  -o-transition-duration: 0.5s;

  transition-duration: 0.5s;

  position: absolute;

  height: 2px;

  width: 11px;

  top: 18px;

  background-color: #031031;

  left: 7px;

}



.toggle-btn .icon-left:before {

  -webkit-transition-duration: 0.5s;

  -o-transition-duration: 0.5s;

  transition-duration: 0.5s;

  position: absolute;

  width: 11px;

  height: 2px;

  background-color: #031031;

  content: "";

  top: -7px;

  left: 0;

}



.toggle-btn .icon-left:after {

  -webkit-transition-duration: 0.5s;

  -o-transition-duration: 0.5s;

  transition-duration: 0.5s;

  position: absolute;

  width: 11px;

  height: 2px;

  background-color: #031031;

  content: "";

  top: 7px;

  left: 0;

}



.toggle-btn .icon-left:hover {

  cursor: pointer;

}



.toggle-btn .icon-right {

  -webkit-transition-duration: 0.5s;

  -o-transition-duration: 0.5s;

  transition-duration: 0.5s;

  position: absolute;

  height: 2px;

  width: 11px;

  top: 18px;

  background-color: #031031;

  left: 18px;

}



.toggle-btn .icon-right:before {

  -webkit-transition-duration: 0.5s;

  -o-transition-duration: 0.5s;

  transition-duration: 0.5s;

  position: absolute;

  width: 11px;

  height: 2px;

  background-color: #031031;

  content: "";

  top: -7px;

  left: 0;

}



.toggle-btn .icon-right:after {

  -webkit-transition-duration: 0.5s;

  -o-transition-duration: 0.5s;

  transition-duration: 0.5s;

  position: absolute;

  width: 11px;

  height: 2px;

  background-color: #031031;

  content: "";

  top: 7px;

  left: 0;

}



.toggle-btn .icon-right:hover {

  cursor: pointer;

}



.toggle-btn.open .icon-left {

  -webkit-transition-duration: 0.5s;

  -o-transition-duration: 0.5s;

  transition-duration: 0.5s;

  background: transparent;

}



.toggle-btn.open .icon-left:before {

  -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(2px, 1px);

  -ms-transform: rotate(45deg) scaleX(1.4) translate(2px, 1px);

  transform: rotateZ(45deg) scaleX(1.4) translate(2px, 1px);

}



.toggle-btn.open .icon-left:after {

  -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -1px);

  -ms-transform: rotate(-45deg) scaleX(1.4) translate(2px, -1px);

  transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -1px);

}



.toggle-btn.open .icon-right {

  -webkit-transition-duration: 0.5s;

  -o-transition-duration: 0.5s;

  transition-duration: 0.5s;

  background: transparent;

}



.toggle-btn.open .icon-right:before {

  -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 1px);

  -ms-transform: rotate(-45deg) scaleX(1.4) translate(-2px, 1px);

  transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 1px);

}



.toggle-btn.open .icon-right:after {

  -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -1px);

  -ms-transform: rotate(45deg) scaleX(1.4) translate(-2px, -1px);

  transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -1px);

}



.toggle-btn:hover {

  cursor: pointer;

}



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

  .navbar-area .nav-container .navbar-collapse .navbar-nav li {

    font-size: 16px;

  }



  .navbar-area .nav-container .navbar-collapse .navbar-nav li+li {

    margin-left: 5px;

  }

}



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

  .responsive-mobile-menu {

    display: block;

    width: 100%;

    position: relative;

  }



  .navbar-area .nav-container .navbar-collapse .navbar-nav li {

    font-size: 14px;

  }

}



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

  .margin-xlt-80 {

    margin-top: 0px;

  }



  .contact-widget .contact_info_list li.single-info-item .details {

    padding-left: 25px;

  }

}



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

  .navbar-collapse {

    background: white;

    margin-top: 0px;

    width: 100%;

  }



  .navbar-area .nav-container .navbar-collapse .navbar-nav {

    margin-bottom: 20px;

  }



  .navbar-area {

    padding-bottom: 0px;

  }



  .party-box-wrapper {

    padding: 50px 0px;

  }



  .party-box-wrapper .party-box-content h4 {

    font-size: 30px;

    line-height: 45px;

  }



  .navbar-expand-lg .navbar-collapse {

    margin-top: 0px;

  }



  .contact-widget .contact_info_list li.single-info-item .details {

    padding-left: 25px;

  }



  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {

    padding: 0 0 0 20px;

  }



  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {

    padding: 8px 0;

  }



  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover i {

    opacity: 0;

    margin-right: -18px;

  }



  .nav-right-part-mobile {

    display: block;

  }



  .nav-right-part-desktop {

    display: none;

  }



  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover {

    background: none;

    color: #FB683E;

  }



  .navbar-area .nav-container .navbar-collapse .navbar-nav li a {

    color: #333333;

  }

}



/* Tablet Layout wide: 767px. */

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

  .logo-wrapper.mobile-logo {

    display: block;

    width: 100%;

  }



  .responsive-mobile-menu {

    display: block;

    width: 100%;

    position: relative;

  }



  .responsive-mobile-menu .navbar-toggler {

    position: absolute;

    left: calc(100% - 130px);

    top: 10px;

  }



  .table-responsive {

    display: block !important;

  }



  .btn-custom-default,

  .btn-custom-white {

    font-size: 14PX;

    line-height: 33px;

    padding: 6px 20px;

  }



  .navbar-area .logo {

    padding-top: 0px !important;

  }

}



/* medium tablet layout 599px */

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

  .navbar-area .nav-container {

    margin: 0px 0px;

  }



  .navbar-area .logo {

    padding-top: 10px;

  }



  .widget.footer-widget .subscribe-form.subscribe-form-style2 .form-control {

    padding: 15px 20px;

  }



  .widget.footer-widget .subscribe-form.subscribe-form-style2 .btn {

    padding: 15px 20px;

  }



  .search-popup .search-form {

    min-width: 350px;

  }

}



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



  .btn-custom-default,

  .btn-custom-white {

    padding: 5px 18px;

  }



  .search-popup .search-form .form-group .form-control,

  .search-popup .search-form .submit-btn {

    height: 45px;

  }



  .search-popup .search-form {

    min-width: 300px;

  }

}



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

  .search-popup .search-form {

    min-width: 265px;

  }



  .responsive-mobile-menu .navbar-toggler {

    left: calc(100% - 95px);

  }

}



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

/******************  07. PopUp Search ******************/

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

.td-search-popup.active .search-form {

  visibility: visible;

  opacity: 1;

  width: 40%;

  z-index: 9999;

}



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

  .td-search-popup.active .search-form {

    width: 75%;

  }

}



.td-search-popup .search-form {

  width: 35%;

  position: absolute;

  position: fixed;

  top: 50%;

  left: 50%;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;

  visibility: hidden;

  opacity: 0;

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

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

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

  z-index: 999;

}



.td-search-popup .search-form .form-group .form-control {

  border: none;

  border-top-right-radius: 6px;

  border-bottom-right-radius: 6px;

  height: 54px;

  padding: 0 75px 0 25px;

  background: #f7f9fb;

}



.td-search-popup .search-form .form-group .form-control:hover,

.td-search-popup .search-form .form-group .form-control:focus,

.td-search-popup .search-form .form-group .form-control:active {

  outline: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

}



.td-search-popup .search-form .submit-btn {

  position: absolute;

  right: 0;

  top: 0;

  width: 60px;

  height: 54px;

  border: 0;

  border-top-right-radius: 5px;

  border-bottom-right-radius: 5px;

  color: #ffffff;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;

  padding: 0;

  text-align: center;

  cursor: pointer;

  background: #FB683E;

}



.td-search-popup .search-form .submit-btn:hover,

.td-search-popup .search-form .submit-btn:focus,

.td-search-popup .search-form .submit-btn:active {

  outline: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

}



.body-overlay {

  position: fixed;

  width: 100%;

  height: 100%;

  display: block;

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

  z-index: 999;

  content: "";

  left: 0;

  top: 0;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;

  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==), progress;

}



.body-overlay.active {

  visibility: visible;

  opacity: 0.97;

}



.mfp-zoom-in .mfp-content {

  opacity: 0;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;

  -webkit-transform: scale(0.7);

  -ms-transform: scale(0.7);

  transform: scale(0.7);

}



.mfp-zoom-in.mfp-bg {

  opacity: 0;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;

}



.mfp-zoom-in.mfp-ready .mfp-content {

  opacity: 1;

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

}



.mfp-zoom-in.mfp-ready.mfp-bg {

  opacity: 0.7;

}



.mfp-zoom-in.mfp-ready.mfp-bg .mfp-zoom-in.mfp-removing .mfp-content {

  -webkit-transform: scale(0.7);

  -ms-transform: scale(0.7);

  transform: scale(0.7);

  opacity: 0;

}



.mfp-zoom-in.mfp-removing.mfp-bg {

  opacity: 0;

}



/************ single-inpur-inner ************/

.single-input-inner {

  margin-bottom: 20px;

}



.single-input-inner input {

  width: 100%;

  height: 48px;

  border: 0 !important;

  padding: 0 18px;

  font-weight: 300;

}



.single-input-inner input::-webkit-input-placeholder {

  color: #adadad;

}



.single-input-inner input:-ms-input-placeholder {

  color: #adadad;

}



.single-input-inner input::-ms-input-placeholder {

  color: #adadad;

}



.single-input-inner input::placeholder {

  color: #adadad;

}



.single-input-inner textarea {

  width: 100%;

  border: 0 !important;

  height: 130px;

  border-radius: 6px;

  padding: 14px 18px;

  font-weight: 300;

}



.single-input-inner textarea::-webkit-input-placeholder {

  color: #adadad;

}



.single-input-inner textarea:-ms-input-placeholder {

  color: #adadad;

}



.single-input-inner textarea::-ms-input-placeholder {

  color: #adadad;

}



.single-input-inner textarea::placeholder {

  color: #adadad;

}



.single-input-inner .single-select {

  width: 100%;

  height: 48px;

  line-height: 48px;

  border: 0 !important;

  border-radius: 30px;

  padding: 0 18px;

  margin-bottom: 20px;

}



.single-input-inner .single-select .list {

  width: 100%;

}



.single-input-inner.style-border input {

  border: 1px solid rgba(234, 225, 214, 0.7) !important;

}



.single-input-inner.style-border input::-webkit-input-placeholder {

  color: #adadad;

}



.single-input-inner.style-border input:-ms-input-placeholder {

  color: #adadad;

}



.single-input-inner.style-border input::-ms-input-placeholder {

  color: #adadad;

}



.single-input-inner.style-border input::placeholder {

  color: #adadad;

}



.single-input-inner.style-border textarea {

  border: 1px solid rgba(234, 225, 214, 0.7) !important;

  background: transparent;

}



.single-input-inner.style-border textarea::-webkit-input-placeholder {

  color: #adadad;

}



.single-input-inner.style-border textarea:-ms-input-placeholder {

  color: #adadad;

}



.single-input-inner.style-border textarea::-ms-input-placeholder {

  color: #adadad;

}



.single-input-inner.style-border textarea::placeholder {

  color: #adadad;

}



.single-input-inner.style-border .single-select {

  border: 1px solid rgba(234, 225, 214, 0.7) !important;

  color: #adadad;

}



.single-input-inner.style-border-bottom input {

  border-bottom: 1px solid rgba(234, 225, 214, 0.7) !important;

  background: transparent;

  padding: 0;

}



.single-input-inner.style-border-bottom input::-webkit-input-placeholder {

  color: #adadad;

}



.single-input-inner.style-border-bottom input:-ms-input-placeholder {

  color: #adadad;

}



.single-input-inner.style-border-bottom input::-ms-input-placeholder {

  color: #adadad;

}



.single-input-inner.style-border-bottom input::placeholder {

  color: #adadad;

}



.single-input-inner.style-border-bottom textarea {

  border-bottom: 1px solid rgba(234, 225, 214, 0.7) !important;

}



.single-input-inner.style-border-bottom textarea::-webkit-input-placeholder {

  color: #adadad;

}



.single-input-inner.style-border-bottom textarea:-ms-input-placeholder {

  color: #adadad;

}



.single-input-inner.style-border-bottom textarea::-ms-input-placeholder {

  color: #adadad;

}



.single-input-inner.style-border-bottom textarea::placeholder {

  color: #adadad;

}



.single-input-inner.style-border-bottom .single-select {

  border-bottom: 1px solid rgba(234, 225, 214, 0.7) !important;

  background: transparent;

  color: #adadad;

}



.single-input-inner.style-bg input {

  background: #F2F7FF;

  border-radius: 5px;

}



.single-input-inner.style-bg input::-webkit-input-placeholder {

  color: #616161;

}



.single-input-inner.style-bg input:-ms-input-placeholder {

  color: #616161;

}



.single-input-inner.style-bg input::-ms-input-placeholder {

  color: #616161;

}



.single-input-inner.style-bg input::placeholder {

  color: #616161;

}



.single-input-inner.style-bg textarea {

  background: #F2F7FF;

}



.single-input-inner.style-bg textarea::-webkit-input-placeholder {

  color: #616161;

  border-radius: 5px;

}



.single-input-inner.style-bg textarea:-ms-input-placeholder {

  color: #616161;

  border-radius: 5px;

}



.single-input-inner.style-bg textarea::-ms-input-placeholder {

  color: #616161;

  border-radius: 5px;

}



.single-input-inner.style-bg textarea::placeholder {

  color: #616161;

  border-radius: 5px;

}



.single-input-inner.style-bg .single-select {

  background: #F2F7FF;

  color: #616161;

  border-radius: 5px;

}



.single-input-inner.style-bg-none input {

  background: transparent;

  color: #fff;

}



.single-input-inner.style-bg-none input::-webkit-input-placeholder {

  color: #fff;

}



.single-input-inner.style-bg-none input:-ms-input-placeholder {

  color: #fff;

}



.single-input-inner.style-bg-none input::-ms-input-placeholder {

  color: #fff;

}



.single-input-inner.style-bg-none input::placeholder {

  color: #fff;

}



.single-input-inner.style-bg-none textarea {

  background: transparent;

  color: #fff;

}



.single-input-inner.style-bg-none textarea::-webkit-input-placeholder {

  color: #fff;

}



.single-input-inner.style-bg-none textarea:-ms-input-placeholder {

  color: #fff;

}



.single-input-inner.style-bg-none textarea::-ms-input-placeholder {

  color: #fff;

}



.single-input-inner.style-bg-none textarea::placeholder {

  color: #fff;

}



.single-input-inner.style-bg-none .single-select {

  background: transparent;

  color: #fff;

}



.contact-form-inner {

  padding: 0 30px 30px;

  border-radius: 7px;

  overflow: hidden;

  background-size: cover;

}



.contact-form-inner .single-input-inner.style-border-bottom input {

  border-bottom: 1px solid #fff !important;

}



.contact-form-inner .single-input-inner.style-border-bottom input::-webkit-input-placeholder {

  color: #fff;

}



.contact-form-inner .single-input-inner.style-border-bottom input:-ms-input-placeholder {

  color: #fff;

}



.contact-form-inner .single-input-inner.style-border-bottom input::-ms-input-placeholder {

  color: #fff;

}



.contact-form-inner .single-input-inner.style-border-bottom input::placeholder {

  color: #fff;

}



.blog-comment-form textarea {

  background: #FBFBFB;

  border: 1px solid #FBFBFB;

}



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

/*******************  08. Hero Area ********************/

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

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

  .hero-content {

    padding-right: 66px;

  }

}



.hero-content h1 {

  margin-bottom: 22px;

  text-transform: uppercase;

}



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

  .hero-content h1 {

    font-size: 50px;

  }

}



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

  .hero-content h1 {

    font-size: 45px;

    line-height: 1.4;

  }

}



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

  .hero-content h1 {

    font-size: 42px;

  }

}



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

  .hero-content h1 {

    font-size: 35px;

  }

}



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

  .hero-content h1 {

    font-size: 30px;

  }

}



.hero-content p {

  font-size: 18px;

  max-width: 440px;

  line-height: 1.95;

  text-transform: capitalize;

}



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

  .hero-content p {

    font-size: 16px;

  }

}



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

  .hero-content p {

    font-size: 15px;

  }

}



.hero-btns {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.hero-btns .theme-btn {

  margin-top: 15px;

}



.hero-btns .theme-btn:not(:last-child) {

  margin-right: 22px;

}



.hero-image-part {

  top: 0;

  right: 0;

  width: 42vw;

  height: 100%;

  position: absolute;

  border-bottom-right-radius: 300px;

}



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

  .hero-image-part {

    width: 33vw;

  }

}



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

  .hero-image-part {

    width: 75px;

  }

}



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

  .hero-image-part {

    width: 50px;

  }

}



.hero-image-part:before {

  content: '';

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  opacity: 0.5;

  position: absolute;

  background: #191C26;

  border-bottom-right-radius: 300px;

}



.hero-image-part:after {

  position: absolute;

  width: 300px;

  height: 300px;

  content: '';

  bottom: 0;

  right: 0;

  z-index: -2;

  max-width: 100%;

  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);

  -ms-transform: matrix(-1, 0, 0, 1, 0, 0);

  transform: matrix(-1, 0, 0, 1, 0, 0);

  background: -webkit-linear-gradient(55.28deg, #d70b5d 1.03%, #5d1a75 40.49%);

  background: -o-linear-gradient(55.28deg, #d70b5d 1.03%, #5d1a75 40.49%);

  background: linear-gradient(34.72deg, #d70b5d 1.03%, #5d1a75 40.49%);

}



.hero-image-part .video-play {

  left: -40px;

  top: calc(50% + 3px);

}



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

  .hero-image-part .video-play {

    top: calc(50% - 18px);

  }

}



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

  .hero-image-part .video-play {

    left: -20px;

  }

}



.hero-area {

  overflow: hidden;

}



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

  .hero-area {

    padding-top: 120px;

    padding-bottom: 120px;

  }

}



.hero-area:before {

  content: '';

  width: 300px;

  height: 150%;

  position: absolute;

  top: -20%;

  left: 200px;

  z-index: -1;

  -webkit-transform: matrix(0.88, 0.49, -0.47, 0.88, 0, 0);

  -ms-transform: matrix(0.88, 0.49, -0.47, 0.88, 0, 0);

  transform: matrix(0.88, 0.49, -0.47, 0.88, 0, 0);

  background: -webkit-linear-gradient(268.08deg, rgba(33, 33, 40, 0.06) 23.92%, #1B1B22 102.71%);

  background: -o-linear-gradient(268.08deg, rgba(33, 33, 40, 0.06) 23.92%, #1B1B22 102.71%);

  background: linear-gradient(181.92deg, rgba(33, 33, 40, 0.06) 23.92%, #1B1B22 102.71%);

}



.hero-shapes .one {

  left: 15%;

  top: 33%;

  -webkit-animation: shapeAnimationOne 40s infinite;

  animation: shapeAnimationOne 40s infinite;

}



.hero-shapes .two {

  left: 8%;

  top: 55%;

  -webkit-animation: shapeAnimationFour 30s infinite;

  animation: shapeAnimationFour 30s infinite;

}



.hero-shapes .three {

  left: 20%;

  bottom: 10%;

  -webkit-animation: shapeAnimationFive 20s infinite;

  animation: shapeAnimationFive 20s infinite;

}



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

/******************  09. Slider Area *******************/

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

.slick-initialized .slider-single-item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.slider-single-item {

  text-align: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  z-index: 1;

  position: relative;

  background-size: cover;

  background-position: center;

  min-height: calc(100vh - 50px);

}



.slider-single-item::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  z-index: -1;

  top: 0;

  left: 0;

  opacity: 0;

  background: black;

}



.slide-content {

  z-index: 2;

  max-width: 785px;

  margin-left: auto;

  margin-right: auto;

  position: relative;

  padding-top: 185px;

  padding-bottom: 100px;

}



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

  .slide-content {

    padding-top: 155px;

  }

}



.slide-content h1 {

  color: white;

  margin-bottom: 22px;

  text-transform: uppercase;

}



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

  .slide-content h1 {

    font-size: 50px;

  }

}



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

  .slide-content h1 {

    font-size: 45px;

    line-height: 1.4;

  }

}



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

  .slide-content h1 {

    font-size: 42px;

  }

}



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

  .slide-content h1 {

    font-size: 35px;

  }

}



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

  .slide-content h1 {

    font-size: 30px;

  }

}



.slide-content p {

  color: white;

  font-size: 18px;

  max-width: 600px;

  margin-left: auto;

  margin-right: auto;

  line-height: 1.95;

}



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

  .slide-content p {

    font-size: 16px;

  }

}



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

  .slide-content p {

    font-size: 15px;

  }

}



.slider-btns {

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  padding-top: 20px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



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

  .slider-btns {

    padding-top: 5px;

  }

}



.slider-btns .theme-btn {

  margin: 15px 10px 0;

}



.main-slider-active .slick-dots {

  z-index: 2;

  right: 70px;

  position: absolute;

  top: calc(50% + 50px);

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}



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

  .main-slider-active .slick-dots {

    right: 0;

  }

}



.main-slider-active .slick-dots li:before {

  width: 18px;

  height: 18px;

}



.main-slider-active .slick-dots li.slick-active {

  width: 1px;

  height: 30px;

}



.main-slider-active .slick-dots li.slick-active:before {

  display: none;

}



.slider-shpe-one {

  position: absolute;

  max-width: 30%;

  bottom: 30%;

  left: 0;

}



.slide-content * {

  -webkit-transition: 1s;

  -o-transition: 1s;

  transition: 1s;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



.slick-active .slide-content h1,

.slick-active .slide-content p {

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

}



.slick-active .slide-content .slider-btns .theme-btn {

  -webkit-animation-delay: 0.6s;

  animation-delay: 0.6s;

}



.slick-active .slide-content .slider-btns .theme-btn:first-child {

  -webkit-animation-name: fadeInLeft;

  animation-name: fadeInLeft;

}



.slick-active .slide-content .slider-btns .theme-btn:last-child {

  -webkit-animation-name: fadeInRight;

  animation-name: fadeInRight;

}



.slick-active .slide-content h1 {

  -webkit-animation-delay: 0.2s;

  animation-delay: 0.2s;

}



.slick-active .slide-content p {

  -webkit-animation-delay: 0.4s;

  animation-delay: 0.4s;

}



/* Slider Two */

.slider-section-two .main-slider-active {

  z-index: 1;

  position: relative;

  z-index: 0;

}



.slider-section-two .main-slider-active::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  z-index: -1;

  top: 0;

  left: 0;

  opacity: 1;

  background: #1F1F27;

}



.slider-section-two .main-slider-active .slick-dots {

  top: auto;

  right: 50%;

  bottom: 50px;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

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

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

  transform: translate(50%, 0);

}



.slider-section-two .main-slider-active .slick-dots li:not(.slick-active) {

  background: white;

}



.slider-section-two .main-slider-active .slick-dots li.slick-active {

  width: 8px;

  height: 8px;

}



.slider-section-two .main-slider-active .slick-dots li.slick-active:before {

  display: block;

}



.slider-section-two .main-slider-active:before {

  border-bottom-left-radius: 300px;

}



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

  .slider-section-two .main-slider-active:before {

    border-bottom-left-radius: 200px;

  }

}



.slider-section-two .slider-single-item {

  overflow: hidden;

  min-height: calc(100vh - 110px);

  border-bottom-left-radius: 300px;

}



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

  .slider-section-two .slider-single-item {

    border-bottom-left-radius: 200px;

  }

}



.slider-section-two .slider-single-item:before {

  background: #1F1F26;

}



.slider-section-two:before {

  width: 400px;

  height: 350px;

  position: absolute;

  content: '';

  left: 0;

  bottom: 0;

  z-index: -1;

  background: -webkit-linear-gradient(55.28deg, #d70b5d 1.03%, #5d1a75 40.49%);

  background: -o-linear-gradient(55.28deg, #d70b5d 1.03%, #5d1a75 40.49%);

  background: linear-gradient(34.72deg, #d70b5d 1.03%, #5d1a75 40.49%);

}



.slider-section-two .slider-shpe-one {

  right: 0;

  left: auto;

  bottom: 20%;

}



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

/*******************  10. Banner Area ******************/

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

.page-banner {

  z-index: 1;

  overflow: hidden;

  position: relative;

}



.page-banner:after,

.page-banner:before {

  position: absolute;

  width: 280px;

  height: 150%;

  content: '';

  top: -25%;

  z-index: -1;

  -webkit-transform: matrix(0.88, 0.49, -0.47, 0.88, 0, 0);

  -ms-transform: matrix(0.88, 0.49, -0.47, 0.88, 0, 0);

  transform: matrix(0.88, 0.49, -0.47, 0.88, 0, 0);

  background: -webkit-linear-gradient(268.08deg, rgba(33, 33, 40, 0.024) 23.92%, rgba(27, 27, 34, 0.4) 102.71%);

  background: -o-linear-gradient(268.08deg, rgba(33, 33, 40, 0.024) 23.92%, rgba(27, 27, 34, 0.4) 102.71%);

  background: linear-gradient(181.92deg, rgba(33, 33, 40, 0.024) 23.92%, rgba(27, 27, 34, 0.4) 102.71%);

}



.page-banner:before {

  left: 10%;

}



.page-banner:after {

  left: 40%;

}



.banner-inner:before {

  position: absolute;

  width: 280px;

  height: 150%;

  content: '';

  top: -25%;

  left: 70%;

  z-index: -1;

  -webkit-transform: matrix(0.88, 0.49, -0.47, 0.88, 0, 0);

  -ms-transform: matrix(0.88, 0.49, -0.47, 0.88, 0, 0);

  transform: matrix(0.88, 0.49, -0.47, 0.88, 0, 0);

  background: -webkit-linear-gradient(268.08deg, rgba(33, 33, 40, 0.024) 23.92%, rgba(27, 27, 34, 0.4) 102.71%);

  background: -o-linear-gradient(268.08deg, rgba(33, 33, 40, 0.024) 23.92%, rgba(27, 27, 34, 0.4) 102.71%);

  background: linear-gradient(181.92deg, rgba(33, 33, 40, 0.024) 23.92%, rgba(27, 27, 34, 0.4) 102.71%);

}



.page-title {

  margin-bottom: 30px;

  padding-bottom: 33px;

  text-transform: capitalize;

}



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

  .page-title {

    font-size: 50px;

    margin-bottom: 20px;

    padding-bottom: 22px;

  }

}



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

  .page-title {

    font-size: 45px;

  }

}



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

  .page-title {

    font-size: 40px;

  }

}



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

  .page-title {

    font-size: 35px;

  }

}



.page-title:after,

.page-title:before {

  position: absolute;

  content: '';

  left: 50%;

  bottom: 0;

  width: 33px;

  height: 4px;

  border-radius: 2.5px;

  background: #FB683E;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

}



.page-title:before {

  width: 40px;

  bottom: 6px;

}



.breadcrumb {

  font-size: 20px;

}



.breadcrumb .breadcrumb-item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.breadcrumb .breadcrumb-item.active {

  color: white;

}



.breadcrumb .breadcrumb-item+.breadcrumb-item:before {

  width: 6px;

  height: 6px;

  content: '';

  border-radius: 50%;

  margin-left: 15px;

  margin-right: 15px;

  background: #FB683E;

  outline: 4px solid rgba(255, 255, 255, 0.1);

}



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

/******************  11. About Area ********************/

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

.about-image-part {

  z-index: 1;

  max-width: 510px;

  position: relative;

  padding-left: 55px;

  padding-bottom: 55px;

}



.about-image-part img {

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

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

}



.about-image-part .year-experience {

  position: absolute;

  padding: 20px 35px;

  left: 27px;

  bottom: 0;

  text-align: center;

  background: #1F1F27;

}



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

  .about-image-part .year-experience {

    padding-left: 25px;

    padding-right: 25px;

  }

}



.about-image-part .year-experience .number {

  line-height: 1;

  font-weight: 700;

  font-size: 110px;

  color: #FB683E;

  font-family: "DM Serif Display", serif;

}



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

  .about-image-part .year-experience .number {

    font-size: 80px;

  }

}



.about-image-part .year-experience h4 {

  color: white;

  margin-bottom: 0;

}



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

  .about-image-part .year-experience h4 {

    font-size: 20px;

  }

}



.about-image-part:before {

  position: absolute;

  height: 45%;

  content: '';

  left: 0;

  top: 0;

  z-index: -1;

  width: 27px;

  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);

  -ms-transform: matrix(-1, 0, 0, 1, 0, 0);

  transform: matrix(-1, 0, 0, 1, 0, 0);

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

}



.about-feature-item {

  margin-bottom: 30px;

}



.about-feature-item h4 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 8px;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.about-feature-item h4 span {

  font-size: 35px;

  margin-right: 15px;

  color: transparent;

  -webkit-text-stroke: 1px #FB683E;

}



.about-feature-item h4 i {

  font-size: 40px;

  margin-right: 15px;

  padding-left: 10px;

  border-left: 3px solid #FB683E;

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



/* About Section Two */

.about-images-two {

  max-width: 510px;

  position: relative;

  padding-left: 90px;

  padding-bottom: 150px;

}



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

  .about-images-two {

    padding-left: 30px;

    padding-bottom: 113px;

  }

}



.about-images-two .image.one {

  z-index: 1;

  position: relative;

}



.about-images-two .image.one img {

  border-radius: 8px;

}



.about-images-two .image.one:after,

.about-images-two .image.one:before {

  content: '';

  width: 3px;

  height: 50%;

  position: absolute;

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

}



.about-images-two .image.one:before {

  top: 10%;

  left: -55px;

}



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

  .about-images-two .image.one:before {

    left: -30px;

  }

}



.about-images-two .image.one:after {

  top: 22%;

  left: -38px;

}



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

  .about-images-two .image.one:after {

    left: -15px;

  }

}



.about-images-two .image.two {

  left: 0;

  bottom: 0;

  width: 52%;

  z-index: 1;

  position: absolute;

  border-radius: 8px;

  display: inline-block;

  border-top: 8px solid white;

  border-right: 8px solid white;

}



.about-images-two .image.two img {

  border-radius: 8px;

}



.about-images-two .year-experience {

  position: absolute;

  bottom: 0;

  right: 0;

  z-index: 1;

  width: 48%;

  color: white;

  padding: 20px;

  border-radius: 8px;

  background: -webkit-linear-gradient(269.56deg, #d70b5d 0.42%, #5d1a75 165.71%);

  background: -o-linear-gradient(269.56deg, #d70b5d 0.42%, #5d1a75 165.71%);

  background: linear-gradient(180.44deg, #d70b5d 0.42%, #5d1a75 165.71%);

}



.about-images-two .year-experience .years {

  font-size: 80px;

  line-height: 52px;

  font-family: "DM Serif Display", serif;

}



.about-images-two .year-experience .years span {

  font-size: 30px;

}



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

  .about-images-two .year-experience .years {

    line-height: 1;

    font-size: 30px;

  }



  .about-images-two .year-experience .years span {

    font-size: 20px;

  }

}



.about-images-two .year-experience .experience {

  display: block;

  font-size: 24px;

  letter-spacing: 0.205em;

}



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

  .about-images-two .year-experience .experience {

    font-size: 18px;

    letter-spacing: 0;

  }

}



.about-content-two {

  max-width: 470px;

}



.about-content-two p {

  font-size: 18px;

}



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

  .about-content-two .list-style-one {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

}



.about-content-two .list-style-one li {

  line-height: 1.4;

  font-size: 17px;

}



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

  .about-content-two .list-style-one li {

    width: 50%;

  }

}



.about-content-two .about-btns .theme-btn {

  margin-top: 15px;

}



.about-content-two .about-btns .theme-btn:not(:last-child) {

  margin-right: 25px;

}



/* About Us Three */

.about-three-images {

  margin-bottom: -30px;

}



.about-three-images img {

  width: 100%;

  margin-bottom: 30px;

}



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

  .about-three-content .list-style-two {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

}



.about-three-content .list-style-two li {

  margin-bottom: 18px;

}



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

  .about-three-content .list-style-two li {

    width: 50%;

  }

}



/* Who we are */

.who-we-are-content {

  margin-bottom: -35px;

}



.who-we-are-content .about-feature-item {

  margin-bottom: 35px;

}



.who-we-are-image {

  overflow: hidden;

  position: relative;

}



.who-we-are-image:before {

  content: '';

  width: 285px;

  height: 285px;

  border-radius: 50%;

  position: absolute;

  border: 40px solid white;

  left: 0;

  top: 0;

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

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

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

}



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

  .who-we-are-image:before {

    width: 200px;

    height: 200px;

    border-width: 30px;

  }

}



/* why choose area */

.why-choose-image {

  z-index: 1;

  max-width: 545px;

  position: relative;

  padding-left: 70px;

}



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

  .why-choose-image {

    padding-left: 55px;

  }

}



.why-choose-image .image {

  z-index: 1;

  position: relative;

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

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

}



.why-choose-image .image::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  z-index: -1;

  top: 0;

  left: 0;

  opacity: 0.3;

  background: #00393A;

}



.why-choose-image .image:before {

  z-index: 1;

}



.why-choose-image .image img {

  width: 100%;

}



.why-choose-image:before {

  position: absolute;

  height: 100%;

  content: '';

  left: 0;

  top: 0;

  z-index: -1;

  width: 27px;

  background: -webkit-gradient(linear, left bottom, left top, color-stop(36.59%, #d70b5d), color-stop(91.93%, #5d1a75));

  background: -webkit-linear-gradient(bottom, #d70b5d 36.59%, #5d1a75 91.93%);

  background: -o-linear-gradient(bottom, #d70b5d 36.59%, #5d1a75 91.93%);

  background: linear-gradient(360deg, #d70b5d 36.59%, #5d1a75 91.93%);

}



.why-choose-item {

  margin-bottom: 25px;

}



.why-choose-shapes .shape {

  max-width: 20%;

}



.why-choose-shapes .shape.one {

  left: 0;

  top: -30px;

}



.why-choose-shapes .shape.two {

  right: 0;

  bottom: 30px;

}



/* why choose two */

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

  .why-choose-image-two {

    top: 0;

    left: 0;

    position: absolute;

    width: 37vw;

    height: 100%;

  }

}



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

  .why-choose-image-two {

    height: 500px;

  }

}



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

  .why-choose-image-two {

    height: 350px;

  }

}



.why-choose-image-two .over-box {

  right: -50px;

  bottom: 17%;

  color: white;

  padding: 15px 25px;

  position: absolute;

  background: -webkit-linear-gradient(269.56deg, #d70b5d 0.42%, #5d1a75 165.71%);

  background: -o-linear-gradient(269.56deg, #d70b5d 0.42%, #5d1a75 165.71%);

  background: linear-gradient(180.44deg, #d70b5d 0.42%, #5d1a75 165.71%);

}



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

  .why-choose-image-two .over-box {

    right: 8%;

  }

}



.why-choose-image-two .over-box .number {

  display: block;

  font-size: 80px;

  line-height: 0.9;

  font-family: "DM Serif Display", serif;

}



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

  .why-choose-image-two .over-box .number {

    font-size: 65px;

  }

}



.why-choose-image-two .over-box .number span {

  font-size: 30px;

}



.why-choose-image-two .over-box .text {

  font-size: 24px;

  letter-spacing: 0.205em;

}



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

  .why-choose-image-two .over-box .text {

    font-size: 18px;

  }

}



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

  .why-choose-content-two .list-style-two {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

}



.why-choose-content-two .list-style-two li {

  margin-bottom: 18px;

}



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

  .why-choose-content-two .list-style-two li {

    width: 50%;

  }

}



.why-choose-author {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.why-choose-author .author {

  margin-right: 20px;

}



.why-choose-author .description {

  margin-top: 10px;

  margin-bottom: 10px;

  margin-right: 30px;

  padding-right: 30px;

  border-right: 1px solid rgba(0, 0, 0, 0.2);

}



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

  .why-choose-author .description {

    margin-right: 0;

  }

}



.why-choose-author .description h5 {

  margin-bottom: 0;

}



/* Why Choose Three */

.why-choose-three .for-bg:before {

  content: '';

  left: 15px;

  top: 0;

  z-index: -1;

  position: absolute;

  background: #FAFAFA;

  width: calc(100% - 30px);

  height: 100%;

}



.why-choose-three-image {

  position: relative;

}



.why-choose-three-image img {

  width: 100%;

}



.why-choose-three-image .video-play {

  position: absolute;

  right: 0;

  bottom: 0;

  z-index: 2;

}



.why-choose-three-content {

  max-width: 470px;

  margin-left: 45px;

}



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

  .why-choose-three-content {

    margin-left: 65px;

    margin-right: 65px;

  }

}



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

  .why-choose-three-content {

    margin-left: 25px;

    margin-right: 25px;

  }

}



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

  .why-choose-three-content .list-style-one {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

}



.why-choose-three-content .list-style-one li {

  line-height: 1.4;

  font-size: 17px;

}



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

  .why-choose-three-content .list-style-one li {

    width: 50%;

  }

}



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

/******************  12. Counter Area ******************/

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

.counter-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.counter-item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-bottom: 50px;

}



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

  .counter-item {

    width: 50%;

    position: relative;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

  }

}



.counter-item .icon {

  line-height: 1;

  font-size: 75px;

  margin-right: 18px;

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



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

  .counter-item .icon {

    font-size: 66px;

  }

}



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

  .counter-item .icon {

    font-size: 50px;

    margin-bottom: 15px;

  }

}



.counter-item .content .count-text {

  display: block;

  font-size: 50px;

  margin-bottom: 10px;

}



.counter-item .content .count-text.k:after {

  content: 'k';

  font-size: 30px;

}



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

  .counter-item .content .count-text {

    font-size: 45px;

  }

}



.counter-item .content b {

  font-size: 20px;

  font-weight: 500;

  text-transform: capitalize;

}



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

  .counter-item .content b {

    font-size: 16px;

  }

}



.counter-item:after {

  height: 100%;

  content: '';

  width: 1px;

  margin-left: 50px;

  margin-right: 50px;

  border-right: 1px dashed rgba(31, 31, 38, 0.3);

}



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

  .counter-item:after {

    margin-left: 25px;

    margin-right: 25px;

  }

}



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

  .counter-item:after {

    margin-right: 0;

  }

}



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

  .counter-item:after {

    position: absolute;

    right: 25px;

    top: 0;

  }

}



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

  .counter-item:last-child:after {

    display: none;

  }

}



.text-white .counter-item:after {

  border-right-color: rgba(255, 255, 255, 0.3);

}



.text-white .counter-item .count-text {

  color: white;

}



.counter-area-two {

  z-index: 1;

  position: relative;

}



.counter-area-two::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  z-index: -1;

  top: 0;

  left: 0;

  opacity: 1;

  background: #1F1F27;

}



.counter-area-two:before {

  height: 200%;

}



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

/*****************  13. Services Area ******************/

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

.services-area {

  z-index: 1;

  position: relative;

}



.services-area::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  z-index: -1;

  top: 0;

  left: 0;

  opacity: 1;

  background: #1F1F27;

}



.services-area:before {

  height: 80%;

}



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

  .services-area:before {

    height: 90%;

  }

}



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

  .services-area:before {

    height: 95%;

  }

}



.service-item {

  padding: 55px 50px;

  text-align: center;

  margin-bottom: 30px;

  background: #FBFBF9;

  z-index: 1;

  position: relative;

}



.service-item::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  z-index: -1;

  top: 0;

  left: 0;

  opacity: 0;

  background: -webkit-linear-gradient(90.11deg, #d70b5d 36.17%, #5d1a75 99.9%);

  background: -o-linear-gradient(90.11deg, #d70b5d 36.17%, #5d1a75 99.9%);

  background: linear-gradient(359.89deg, #d70b5d 36.17%, #5d1a75 99.9%);

}



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

  .service-item {

    padding-left: 25px;

    padding-right: 25px;

  }

}



.service-item:before {

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

}



.service-item .icon {

  line-height: 1;

  font-size: 75px;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  margin-bottom: 15px;

  color: #FB683E;

}



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

  .service-item .icon {

    font-size: 65px;

  }

}



.service-item h4 {

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  margin-bottom: 15px;

  text-transform: capitalize;

}



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

  .service-item h4 {

    font-size: 22px;

  }

}



.service-item p {

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  margin-bottom: 0;

}



.service-item.style-two {

  margin-bottom: 0;

  background: #1B1B23;

  border: 1px solid rgba(98, 98, 103, 0.1);

}



.service-item.style-two .icon {

  color: #626267;

}



.service-item.style-two h4,

.service-item.style-two h4 a {

  color: white;

}



.service-item.style-two p {

  color: white;

  opacity: 0.8;

}



.service-item:hover .icon,

.service-item:hover h4,

.service-item:hover h4 a,

.service-item:hover p {

  color: white;

}



.service-item:hover p,

.service-item:hover:before {

  opacity: 1;

}



/* Service Two */

.consulting-firm-area {

  overflow: hidden;

}



.consulting-firm-area:after,

.consulting-firm-area:before {

  position: absolute;

  width: 280px;

  height: 130%;

  content: '';

  top: -15%;

  z-index: -1;

  -webkit-transform: matrix(-0.88, -0.49, 0.47, -0.88, 0, 0);

  -ms-transform: matrix(-0.88, -0.49, 0.47, -0.88, 0, 0);

  transform: matrix(-0.88, -0.49, 0.47, -0.88, 0, 0);

  background: -webkit-linear-gradient(269.95deg, rgba(33, 33, 40, 0.4) 1.02%, #1B1B22 90.88%);

  background: -o-linear-gradient(269.95deg, rgba(33, 33, 40, 0.4) 1.02%, #1B1B22 90.88%);

  background: linear-gradient(180.05deg, rgba(33, 33, 40, 0.4) 1.02%, #1B1B22 90.88%);

}



.consulting-firm-area:before {

  left: 10%;

}



.consulting-firm-area:after {

  left: 40%;

}



.consulting-firm-content {

  max-width: 465px;

}



.service-item-two {

  margin-bottom: 25px;

}



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

  .service-item-two {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

}



.service-item-two .icon {

  -webkit-box-flex: 0;

  -ms-flex: none;

  flex: none;

  width: 66px;

  height: 66px;

  font-size: 35px;

  line-height: 64px;

  border-radius: 50%;

  text-align: center;

  margin: 5px 33px 10px 0;

  border: 1px solid #FB683E;

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



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

  .service-item-two .icon {

    margin-right: 25px;

  }

}



.service-item-two h4,

.service-item-two p {

  color: white;

}



.service-item-two p {

  opacity: 0.8;

}



.consulting-firm-image {

  margin-top: -40px;

}



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

  .consulting-firm-image {

    margin-right: -260px;

  }

}



/* Service Three */

.service-area-video {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  z-index: 1;

  position: relative;

}



.service-area-video::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  z-index: -1;

  top: 0;

  left: 0;

  opacity: 0.28;

  background: #1F1F26;

}



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

  .service-area-video {

    top: 0;

    right: 0;

    position: absolute;

    width: 33.33vw;

    height: 100%;

  }

}



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

  .service-area-video {

    height: 500px;

  }

}



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

  .service-area-video {

    height: 350px;

  }

}



.service-item-three {

  max-width: 265px;

  padding-bottom: 80px;

}



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

  .service-item-three {

    max-width: none;

    padding-bottom: 20px;

  }

}



.service-item-three .icon {

  width: 70px;

  height: 70px;

  font-size: 35px;

  line-height: 68px;

  border-radius: 50%;

  text-align: center;

  margin-bottom: 15px;

  color: #FB683E;

  border: 1px solid #37383A;

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.service-item-three h4,

.service-item-three h4 a,

.service-item-three p {

  color: white;

}



.service-item-three h4 {

  text-transform: capitalize;

}



.service-item-three p {

  opacity: 0.8;

}



.title-btn .theme-btn.style-four.btn-small:not(:hover) {

  border-color: #37383A;

}



.services-area-three {

  overflow: hidden;

}



.services-area-three:after,

.services-area-three:before {

  position: absolute;

  width: 280px;

  height: 130%;

  content: '';

  top: -15%;

  z-index: -1;

  -webkit-transform: matrix(0.88, 0.49, -0.47, 0.88, 0, 0);

  -ms-transform: matrix(0.88, 0.49, -0.47, 0.88, 0, 0);

  transform: matrix(0.88, 0.49, -0.47, 0.88, 0, 0);

  background: -webkit-linear-gradient(269.15deg, rgba(33, 33, 40, 0.18) 28.12%, #1B1B22 90.57%);

  background: -o-linear-gradient(269.15deg, rgba(33, 33, 40, 0.18) 28.12%, #1B1B22 90.57%);

  background: linear-gradient(180.85deg, rgba(33, 33, 40, 0.18) 28.12%, #1B1B22 90.57%);

}



.services-area-three:before {

  left: 10%;

}



.services-area-three:after {

  left: 40%;

}



.for-middle-border {

  position: relative;

  z-index: 1;

}



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

  .for-middle-border {

    padding-bottom: 55px;

  }

}



.for-middle-border:after,

.for-middle-border:before {

  content: '';

  z-index: -1;

  background: #26262D;

  position: absolute;

}



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



  .for-middle-border:after,

  .for-middle-border:before {

    display: none;

  }

}



.for-middle-border:before {

  width: 1px;

  height: 100%;

  top: 0;

  left: 50%;

}



.for-middle-border:after {

  width: 100%;

  height: 1px;

  left: 0;

  top: calc(50% - 50px);

}



/* Service Four */

.service-four-active {

  margin-left: -15px;

  margin-right: -15px;

}



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

  .service-four-active {

    margin-right: -450px;

  }

}



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

  .service-four-active {

    margin-left: 50px;

  }

}



.service-four-active .service-item-four {

  margin-left: 15px;

  margin-right: 15px;

}



.service-item-four {

  position: relative;

  position: relative;

  margin-bottom: 30px;

}



.service-item-four .image {

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

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

}



.service-item-four .image img {

  width: 100%;

}



.service-item-four .content {

  z-index: 1;

  background: white;

  position: relative;

  padding: 30px 30px 15px;

}



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

  .service-item-four .content {

    padding-left: 25px;

    padding-right: 25px;

  }

}



.service-item-four .content h4 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  text-transform: capitalize;

}



.service-item-four .content h4 i {

  font-size: 40px;

  margin-right: 15px;

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



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

  .service-item-four .content h4 {

    font-size: 20px;

  }



  .service-item-four .content h4 i {

    font-size: 30px;

  }

}



.service-item-four .content .icon {

  position: absolute;

  z-index: -1;

  right: 28px;

  bottom: 20px;

  color: #F8F8F8;

  font-size: 75px;

}



.service-item-four .content:after {

  position: absolute;

  width: 100%;

  height: 3px;

  content: '';

  left: 0;

  bottom: 0;

  -webkit-transform: matrix(1, 0, 0, -1, 0, 0);

  -ms-transform: matrix(1, 0, 0, -1, 0, 0);

  transform: matrix(1, 0, 0, -1, 0, 0);

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

}



/* Service Five */

.service-item-five {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.service-item-five:not(:last-child) {

  margin-bottom: 10px;

}



.service-item-five .icon {

  -webkit-box-flex: 0;

  -ms-flex: none;

  flex: none;

  margin-top: 5px;

  font-size: 30px;

  margin-right: 33px;

  color: #FB683E;

  width: 66px;

  height: 66px;

  background: rgba(31, 31, 38, 0.06);

  line-height: 66px;

  border-radius: 50%;

  text-align: center;

}



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

  .service-item-five .icon {

    margin-right: 20px;

  }

}



.service-item-five h4 {

  font-size: 22px;

}



/* Service Six */

.service-item-six {

  padding-top: 35px;

  padding-bottom: 28px;

}



.service-item-six .icon {

  line-height: 1;

  font-size: 40px;

  margin-bottom: 20px;

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.service-item-six h5 {

  font-size: 22px;

  margin-bottom: 8px;

}



/* Service Details */

.service-details-content h2 {

  text-transform: capitalize;

}



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

  .service-details-content h2 {

    font-size: 35px;

  }

}



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

  .service-details-content h2 {

    font-size: 30px;

  }

}



.service-details-content h4 {

  text-transform: capitalize;

}



.service-details-video {

  z-index: 1;

  position: relative;

}



.service-details-video::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  z-index: -1;

  top: 0;

  left: 0;

  opacity: 0.15;

  background: black;

}



.service-details-video img {

  width: 100%;

}



.service-details-video:before {

  z-index: 1;

}



.service-details-video .video-play {

  width: 65px;

  height: 65px;

  position: absolute;

  left: 50%;

  top: 50%;

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

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

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

  font-size: 16px;

  line-height: 65px;

}



.accordion.service-faq .accordion-item:first-child {

  padding-top: 0;

  border-top: none;

}



.accordion.service-faq .accordion-item:last-child {

  padding-bottom: 0;

  border-bottom: none;

}



.accordion.service-faq .accordion-item .accordion-header button:before {

  border-radius: 0;

}



.accordion.service-faq .accordion-item .accordion-body {

  padding-left: 68px;

}



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

  .accordion.service-faq .accordion-item .accordion-body {

    padding-left: 55px;

  }

}



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

/********************  14. Videos **********************/

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

.service-inner-video {

  border-color: white;

  border-style: solid;

  border-width: 60px 80px 0;

  z-index: 1;

  position: relative;

}



.service-inner-video::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  z-index: -1;

  top: 0;

  left: 0;

  opacity: 0.4;

  background: black;

}



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

  .service-inner-video {

    border-left-width: 50px;

    border-right-width: 50px;

  }

}



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

  .service-inner-video {

    border-width: 25px 25px 0;

  }

}



.service-inner-video:before {

  z-index: 1;

}



.service-inner-video .video-play {

  position: absolute;

  left: 50%;

  top: 50%;

  z-index: 2;

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

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

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

}



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

/******************  15. Project Area ******************/

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

.project-active,

.project-page-active {

  margin-left: -15px;

  margin-right: -15px;

  margin-bottom: -30px;

}



.project-active .project-item,

.project-page-active .project-item {

  margin-left: 15px;

  margin-right: 15px;

}



@media only screen and (min-width: 992px) and (max-width: 1299px) {



  .project-active .project-item.size-one,

  .project-page-active .project-item.size-one {

    width: calc(41.7% - 30px);

  }



  .project-active .project-item.size-two,

  .project-page-active .project-item.size-two {

    width: calc(30.15% - 30px);

  }



  .project-active .project-item.size-three,

  .project-page-active .project-item.size-three {

    width: calc(28.15% - 30px);

  }

}



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



  .project-active .project-item.size-one,

  .project-page-active .project-item.size-one {

    width: calc(100% - 30px);

  }



  .project-active .project-item.size-two,

  .project-page-active .project-item.size-two {

    width: calc(51.5% - 30px);

  }



  .project-active .project-item.size-three,

  .project-page-active .project-item.size-three {

    width: calc(48.5% - 30px);

  }

}



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



  .project-active .project-item.size-two,

  .project-active .project-item.size-three,

  .project-page-active .project-item.size-two,

  .project-page-active .project-item.size-three {

    width: calc(100% - 30px);

  }

}



.project-item {

  position: relative;

  margin-bottom: 30px;

}



.project-item img {

  width: 100%;

}



.project-item .project-hover {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  opacity: 0;

  z-index: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-transition: 0.35s;

  -o-transition: 0.35s;

  transition: 0.35s;

  padding: 35px 38px;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  background: -webkit-linear-gradient(89.48deg, rgba(93, 26, 117, 0.9) 49.73%, rgba(215, 11, 93 , 0.9) 99.65%);

  background: -o-linear-gradient(89.48deg, rgba(93, 26, 117, 0.9) 49.73%, rgba(215, 11, 93 , 0.9) 99.65%);

  background: linear-gradient(0.52deg, rgba(93, 26, 117, 0.9) 49.73%, rgba(215, 11, 93 , 0.9) 99.65%);

}



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

  .project-item .project-hover {

    padding-left: 25px;

    padding-right: 25px;

  }

}



.project-item .project-hover:after,

.project-item .project-hover:before {

  content: '';

  z-index: -1;

  width: 40%;

  height: 0;

  -webkit-transition: 0.35s;

  -o-transition: 0.35s;

  transition: 0.35s;

  position: absolute;

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

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

}



.project-item .project-hover:before {

  left: 20%;

  top: 0;

}



.project-item .project-hover:after {

  bottom: 0;

  left: 40%;

}



.project-item .project-hover h3,

.project-item .project-hover h5,

.project-item .project-hover .category {

  opacity: 0;

  -webkit-transition: 0.35s;

  -o-transition: 0.35s;

  transition: 0.35s;

  -webkit-transform: translate(15px);

  -ms-transform: translate(15px);

  transform: translate(15px);

}



.project-item .project-hover h3 {

  margin-bottom: 5px;

}



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

  .project-item .project-hover h3 {

    font-size: 25px;

  }

}



.project-item .project-hover h3 a {

  color: white;

}



.project-item .project-hover h5 {

  font-size: 22px;

  margin-bottom: 8px;
color: white;
}



.project-item .project-hover h5 a {

  color: white;

}



.project-item .project-hover .category {

  color: #EFF4FF;

}



.project-item.style-two {

  margin-bottom: 20px;

}



.project-item.style-two .project-hover {

  padding-left: 28px;

  padding-right: 28px;

}



.project-item.style-two .project-hover:after,

.project-item.style-two .project-hover:before {

  width: 0;

  border-left: none;

}



.project-item.style-two .project-hover:before {

  left: 33.333%;

}



.project-item.style-two .project-hover:after {

  left: 66.666%;

}



.project-item:hover .project-hover {

  opacity: 1;

}



.project-item:hover .project-hover:after,

.project-item:hover .project-hover:before {

  height: 70%;

  -webkit-transition-delay: 0.25s;

  -o-transition-delay: 0.25s;

  transition-delay: 0.25s;

}



.project-item:hover .project-hover h3,

.project-item:hover .project-hover h5,

.project-item:hover .project-hover .category {

  opacity: 1;

  -webkit-transform: translate(0);

  -ms-transform: translate(0);

  transform: translate(0);

}



.project-item:hover .project-hover h3,

.project-item:hover .project-hover h5 {

  -webkit-transition-delay: 0.6s;

  -o-transition-delay: 0.6s;

  transition-delay: 0.6s;

}



.project-item:hover .project-hover .category {

  -webkit-transition-delay: 0.7s;

  -o-transition-delay: 0.7s;

  transition-delay: 0.7s;

}



.project-two-wrap {

  padding-left: 20px;

  padding-right: 20px;

}



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

  .project-two-wrap {

    padding-left: 10px;

    padding-right: 10px;

  }

}



.project-filter,

.project-page-filter {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin-left: -6px;

  margin-right: -6px;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.project-filter li,

.project-page-filter li {

  cursor: pointer;

  font-size: 18px;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  padding: 10px 18px;

  border-radius: 3px;

  margin-bottom: 10px;

  margin-left: 6px;

  margin-right: 6px;

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

  z-index: 1;

  position: relative;

}



.project-filter li::before,

.project-page-filter li::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  z-index: -1;

  top: 0;

  left: 0;

  opacity: 0;

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

}



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



  .project-filter li,

  .project-page-filter li {

    font-size: 16px;

    padding: 6px 15px;

  }

}



.project-filter li:before,

.project-page-filter li:before {

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  border-radius: 3px;

}



.project-filter li.current,

.project-page-filter li.current {

  color: white;

}



.project-filter li.current:before,

.project-page-filter li.current:before {

  opacity: 1;

}



.project-two-item {

  margin-bottom: 30px;

  position: relative;

}



.project-two-item img {

  width: 100%;

}



.project-two-item .project-hover {

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  z-index: 1;

  opacity: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  padding: 40px 25px;

  text-align: center;

  position: absolute;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-transform: scaleY(0);

  -ms-transform: scaleY(0);

  transform: scaleY(0);

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  background: -webkit-linear-gradient(89.48deg, rgba(93, 26, 117, 0.9) 49.73%, rgba(215, 11, 93 , 0.9) 99.65%);

  background: -o-linear-gradient(89.48deg, rgba(93, 26, 117, 0.9) 49.73%, rgba(215, 11, 93 , 0.9) 99.65%);

  background: linear-gradient(0.52deg, rgba(93, 26, 117, 0.9) 49.73%, rgba(215, 11, 93 , 0.9) 99.65%);

}



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

  .project-two-item .project-hover {

    padding: 25px;

  }

}



.project-two-item .project-hover:after,

.project-two-item .project-hover:before {

  content: '';

  z-index: -1;

  width: 0;

  height: 0;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  visibility: hidden;

  position: absolute;

}



.project-two-item .project-hover:before {

  left: 5px;

  top: 5px;

  border-top: 1px solid white;

  border-left: 1px solid white;

}



.project-two-item .project-hover:after {

  right: 5px;

  bottom: 5px;

  border-right: 1px solid white;

  border-bottom: 1px solid white;

}



.project-two-item .project-hover .popup-btn {

  color: white;

  font-size: 50px;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  margin-top: auto;

  margin-bottom: auto;

  -webkit-transform: scale(0);

  -ms-transform: scale(0);

  transform: scale(0);

}



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

  .project-two-item .project-hover .popup-btn {

    font-size: 35px;

  }

}



.project-two-item .project-hover h5 {

  opacity: 0;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  margin-bottom: 8px;

  -webkit-transform: translateY(-15px);

  -ms-transform: translateY(-15px);

  transform: translateY(-15px);

}



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

  .project-two-item .project-hover h5 {

    font-size: 22px;

  }

}



.project-two-item .project-hover h5 a {

  color: white;

}



.project-two-item .project-hover .category {

  opacity: 0;

  color: #EFF4FF;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  -webkit-transform: translateY(-15px);

  -ms-transform: translateY(-15px);

  transform: translateY(-15px);

}



.project-two-item:hover .project-hover {

  opacity: 1;

  -webkit-transform: scaleY(1);

  -ms-transform: scaleY(1);

  transform: scaleY(1);

}



.project-two-item:hover .project-hover:after,

.project-two-item:hover .project-hover:before {

  visibility: visible;

  -webkit-transition-delay: 0.5s;

  -o-transition-delay: 0.5s;

  transition-delay: 0.5s;

  width: calc(100% - 10px);

  height: calc(100% - 10px);

}



.project-two-item:hover .project-hover .popup-btn {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  -webkit-transition-delay: 0.5s;

  -o-transition-delay: 0.5s;

  transition-delay: 0.5s;

}



.project-two-item:hover .project-hover h5,

.project-two-item:hover .project-hover .category {

  opacity: 1;

  -webkit-transition-delay: 0.5s;

  -o-transition-delay: 0.5s;

  transition-delay: 0.5s;

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

}



.project-two-active.row {

  margin-left: -5px;

  margin-right: -5px;

}



.project-two-active.row>div {

  padding-left: 6px;

  padding-right: 6px;

}



.project-two-active .project-two-item {

  margin-bottom: 10px;

}



/* Project Details */

.project-details-content h2 {

  text-transform: capitalize;

}



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

  .project-details-content h2 {

    font-size: 35px;

  }

}



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

  .project-details-content h2 {

    font-size: 30px;

  }

}



.project-details-content>p {

  margin-bottom: 20px;

}



.project-middle-images {

  margin-bottom: -20px;

}



.project-middle-images img {

  width: 100%;

  margin-bottom: 20px;

}



.project-features {

  z-index: 1;

  position: relative;

  border-top: 1px solid #F8F8F8;

  border-bottom: 1px solid #F8F8F8;

}



.project-features:after,

.project-features:before {

  top: 0;

  content: '';

  z-index: -1;

  left: 30%;

  width: 1px;

  height: 100%;

  position: absolute;

  background: #F8F8F8;

}



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



  .project-features:after,

  .project-features:before {

    display: none;

  }

}



.project-features:after {

  left: 66.6666%;

}



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

/*******************  16. Team Area ********************/

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

.team-area {

  background: #FBFBF9;

}



.team-member-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin-left: -15px;

  margin-right: -15px;

}



.team-member-wrap .team-member {

  margin-left: 15px;

  margin-right: 15px;

  width: calc(20% - 30px);

}



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

  .team-member-wrap .team-member {

    width: calc(25% - 30px);

  }

}



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

  .team-member-wrap .team-member {

    width: calc(33.333% - 30px);

  }

}



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

  .team-member-wrap .team-member {

    width: calc(50% - 30px);

  }

}



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

  .team-member-wrap .team-member {

    width: calc(100% - 30px);

  }

}



.team-member {

  color: white;

  overflow: hidden;

  text-align: center;

  position: relative;

  margin-bottom: 30px;

}



.team-member img {

  width: 100%;

}



.team-member .team-hover {

  position: absolute;

  bottom: 0;

  left: 10%;

  width: 80%;

  z-index: 2;

}



.team-member .content {

  padding: 22px 15px;

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

}



.team-member .content h4 {

  color: white;

  margin-bottom: 0;

}



.team-member .content h4 a {

  color: white;

}



.team-member .content .designation {

  font-size: 14px;

}



.team-member .social-style-one {

  width: 100%;

  padding: 18px 5px 8px;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  background: #1F1F27;

}



.team-member .social-style-one a {

  color: white;

  margin-bottom: 10px;

}



.team-member .content,

.team-member .social-style-one {

  opacity: 0;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  -webkit-transform: translateY(100%);

  -ms-transform: translateY(100%);

  transform: translateY(100%);

}



.team-member.style-two {

  z-index: 1;

  position: relative;

}



.team-member.style-two::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  z-index: -1;

  top: 0;

  left: 0;

  opacity: 0;

  background: #1F1F26;

}



.team-member.style-two:before {

  z-index: 1;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

}



.team-member:hover .content,

.team-member:hover .social-style-one {

  opacity: 1;

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

}



.team-member:hover .content {

  -webkit-transition-delay: 0.2s;

  -o-transition-delay: 0.2s;

  transition-delay: 0.2s;

}



.team-member:hover:before {

  opacity: 0.6;

}



/* Team Member Two */

.team-member-two {

  z-index: 1;

  padding-top: 50px;

  position: relative;

  margin-bottom: 30px;

  padding-left: 105px;

}



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

  .team-member-two {

    padding-left: 85px;

  }

}



.team-member-two .content {

  position: absolute;

  left: 0;

  top: 0;

  z-index: -1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

  -ms-flex-align: end;

  align-items: end;

  padding: 25px 15px;

  border-radius: 8px;

  background: #FAFAFA;

  width: calc(100% - 45px);

  height: calc(100% - 50px);

}



.team-member-two .content .inner {

  text-align: center;

  -webkit-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  transform: rotate(180deg);

  -webkit-writing-mode: vertical-rl;

}



.team-member-two .content .inner h3 {

  margin: 0;

}



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

  .team-member-two .content .inner h3 {

    font-size: 22px;

  }

}



.team-member-two .image {

  position: relative;

}



.team-member-two .image img {

  width: 100%;

}



.team-member-two .image .social-icons {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  z-index: 2;

  opacity: 0;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  background: -webkit-gradient(linear, right top, left top, from(rgba(93, 26, 117, 0.9)), color-stop(117.45%, rgba(215, 11, 93 , 0.9)));

  background: -webkit-linear-gradient(right, rgba(93, 26, 117, 0.9) 0%, rgba(215, 11, 93 , 0.9) 117.45%);

  background: -o-linear-gradient(right, rgba(93, 26, 117, 0.9) 0%, rgba(215, 11, 93 , 0.9) 117.45%);

  background: linear-gradient(270deg, rgba(93, 26, 117, 0.9) 0%, rgba(215, 11, 93 , 0.9) 117.45%);

}



.team-member-two .image .social-icons .social-style-one {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.team-member-two .image .social-icons a {

  opacity: 1;

  margin: 5px;

  background: transparent;

  border: 1px solid white;

}



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

  .team-member-two .image .social-icons a {

    width: 35px;

    height: 35px;

    line-height: 35px;

  }

}



.team-member-two .image .social-icons a:hover {

  background: white;

  color: #FB683E;

}



.team-member-two:hover .image .social-icons {

  opacity: 1;

}



/* CEO Description */

.ceo-description {

  text-align: center;

}



.ceo-description .ceo-image {

  max-width: 144px;

  display: inline-block;

}



.ceo-description .ceo-image img {

  border-radius: 50%;

}



.ceo-description p {

  font-weight: 500;

  line-height: 1.95;

  font-style: italic;

  color: rgba(99, 94, 94, 0.8);

}



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

  .ceo-description p {

    font-size: 18px;

  }

}



.ceo-description .name {

  line-height: 1;

  margin-bottom: 0;

}



.ceo-description .designation {

  font-size: 14px;

}



/* Team Profile */

.team-profile-image {

  position: relative;

}



.team-profile-image img {

  width: 100%;

}



.team-profile-image:before {

  content: '';

  z-index: -1;

  right: 0;

  top: 0;

  width: 50vw;

  height: 100%;

  position: absolute;

  background: #1F1F27;

}



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

  .team-profile-image:before {

    right: 50%;

  }

}



.team-profile-description .name {

  font-size: 36px;

  margin-bottom: 0;

}



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

  .team-profile-description .name {

    font-size: 30px;

  }

}



.team-profile-description .designations {

  font-size: 14px;

  margin-bottom: 15px;

  display: inline-block;

}



.team-profile-description p {

  color: rgba(99, 94, 94, 0.8);

}



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

  .team-profile-description p {

    font-size: 18px;

    line-height: 1.95;

  }

}



.team-profile-description ul li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  line-height: 1;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-bottom: 30px;

  word-break: break-all;

}



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

  .team-profile-description ul li {

    font-size: 18px;

  }

}



.team-profile-description ul li b {

  -webkit-box-flex: 0;

  -ms-flex: none;

  flex: none;

  width: 150px;

  font-weight: 700;

  margin-right: 20px;

  padding-right: 15px;

  color: #031031;

  border-right: 1px solid rgba(31, 31, 39, 0.34);

}



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

  .team-profile-description ul li b {

    width: 125px;

    margin-right: 15px;

  }

}



.team-profile-description ul li span {

  font-weight: 500;

}



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

  .team-profile-description .social-style-two a {

    width: 57px;

    height: 57px;

    font-size: 22px;

    line-height: 57px;

    margin-right: 10px;

  }

}



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

/*******************  17. FAQs Area ********************/

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

.faq-image-part {

  z-index: 1;

  position: relative;

}



.faq-image-part:before {

  position: absolute;

  width: 300px;

  height: 300px;

  content: '';

  left: 0;

  bottom: 0;

  z-index: -1;

  background: -webkit-linear-gradient(55.28deg, #d70b5d 1.03%, #5d1a75 40.49%);

  background: -o-linear-gradient(55.28deg, #d70b5d 1.03%, #5d1a75 40.49%);

  background: linear-gradient(34.72deg, #d70b5d 1.03%, #5d1a75 40.49%);

}



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

  .faq-image-part:before {

    width: 200px;

    height: 200px;

  }

}



.faq-image-part img {

  border-bottom-left-radius: 300px;

}



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

  .faq-image-part img {

    border-bottom-left-radius: 200px;

  }

}



.accordion-item {

  border-left: 0;

  border-right: 0;

  background: transparent;

  padding-top: 30px;

  padding-bottom: 30px;

}



.accordion-item:last-of-type,

.accordion-item:first-of-type {

  border-radius: 0;

}



.accordion-item .accordion-header button {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  text-align: left;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  background: transparent;

}



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

  .accordion-item .accordion-header button {

    font-size: 20px;

  }

}



.accordion-item .accordion-header button:before {

  -webkit-box-flex: 0;

  -ms-flex: none;

  flex: none;

  content: '\e95f';

  font-size: 12px;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  font-weight: 400;

  border: 2px solid;

  margin-right: 25px;

  color: #FB683E;

  font-family: 'icomoon';

  width: 42px;

  height: 42px;

  background: transparent;

  line-height: 42px;

  border-radius: 50%;

  text-align: center;

  line-height: 38px;

}



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

  .accordion-item .accordion-header button:before {

    width: 38px;

    height: 38px;

    line-height: 34px;

    margin-right: 15px;

  }

}



.accordion-item .accordion-header button.collapsed:before {

  color: #D9D9D9;

  content: '\e95e';

}



.accordion-item .accordion-body {

  padding: 10px 0 0 55px;

}



.text-white .accordion-item {

  border-color: #29292F;

}



.text-white .accordion-body {

  opacity: 0.8;

}



/* FAQ Two */

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

  .faq-content-part.content-two {

    max-width: 475px;

  }

}



.faq-content-part.content-two .accordion-item:last-child {

  padding-bottom: 0;

  border-bottom: none;

}



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

  .faq-two-image {

    margin-left: -85px;

  }

}



.faq-two-bg {

  position: absolute;

  width: 100%;

  height: 122%;

  z-index: -1;

  left: 0;

  bottom: 0;

}



/* FAQ Three */

.faq-area-three:before {

  content: '';

  width: calc(50vw - 15px);

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  z-index: -1;

  background: #1F1F27;

}



.for-white-bg:before {

  content: '';

  width: 100vw;

  height: 100%;

  position: absolute;

  border-radius: 8px;

  background: #FAFAFA;

  left: 15px;

  top: 0;

  z-index: -1;

}



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

  .for-white-bg:before {

    left: 10px;

  }

}



.faq-three-image {

  padding-left: 65px;

}



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

  .faq-three-image {

    padding-left: 25px;

  }

}



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

  .faq-three-image {

    padding-left: 15px;

  }

}



.faq-three-image img {

  border-radius: 8px;

}



.faq-content-part.content-three {

  margin-left: 50px;

}



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

  .faq-content-part.content-three {

    margin-left: 65px;

  }

}



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

  .faq-content-part.content-three {

    margin-left: 25px;

  }

}



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

  .faq-content-part.content-three {

    margin-left: 15px;

  }

}



.faq-content-part.content-three .accordion-item:last-child {

  padding-bottom: 0;

  border-bottom: none;

}



.faq-content-part.content-three .accordion-item .accordion-header button:before {

  border-radius: 2px;

}



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

/***************  18. Testimonials Area ****************/

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

.testimonial-active {

  margin-left: -15px;

  margin-right: -15px;

}



.testimonial-active .testimonial-item {

  margin-left: 15px;

  margin-right: 15px;

}



.testimonial-item {

  background: white;

  text-align: center;

  position: relative;

  margin: 50px 0 30px;

  padding: 0 30px 45px;

}



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

  .testimonial-item {

    padding-left: 20px;

    padding-right: 20px;

  }

}



.testimonial-item:after {

  content: '';

  width: 100%;

  height: 3px;

  position: absolute;

  left: 0;

  bottom: 0;

  opacity: 0.2;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

}



.testimonial-item .author-image {

  z-index: 1;

  position: relative;

  display: inline-block;

  -webkit-transform: translateY(-50px);

  -ms-transform: translateY(-50px);

  transform: translateY(-50px);

}



.testimonial-item .author-image:before {

  position: absolute;

  width: 100%;

  height: 70%;

  content: '';

  left: 0;

  top: 0;

  z-index: -1;

  background: -webkit-linear-gradient(270.3deg, #d70b5d -1.89%, #5d1a75 105.7%);

  background: -o-linear-gradient(270.3deg, #d70b5d -1.89%, #5d1a75 105.7%);

  background: linear-gradient(179.7deg, #d70b5d -1.89%, #5d1a75 105.7%);

}



.testimonial-item .author-image:after {

  position: absolute;

  content: '\e95a';

  color: white;

  left: 50%;

  bottom: 0;

  font-size: 20px;

  font-family: 'icomoon';

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

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

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

  width: 42px;

  height: 42px;

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

  line-height: 42px;

  border-radius: 50%;

  text-align: center;

}



.testimonial-item .author-image img {

  max-width: 110px;

  margin: 2px 2px 0;

  border: 5px solid white;

}



.testimonial-item p {

  font-style: italic;

}



.testimonial-item .name {

  margin: 20px 0 3px;

}



.testimonial-item .designation {

  font-size: 14px;

}



.testimonial-item:hover:after {

  opacity: 1;

}



.slider-arrows button:first-child {

  margin-right: 12px;

}



/* Testimonial Two */

.testimonial-two-image-slider {

  max-width: 530px;

  position: relative;

}



.testimonial-two-image-slider:after {

  position: absolute;

  content: '\e902';

  width: 82px;

  height: 84px;

  line-height: 84px;

  font-size: 45px;

  color: white;

  bottom: 0;

  right: 0;

  text-align: center;

  font-family: 'icomoon';

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

}



.testimonial-two-image-slider .testi-two-img-item img {

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  -webkit-transform: translate(50px);

  -ms-transform: translate(50px);

  transform: translate(50px);

}



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

  .testimonial-two-image-slider .testi-two-img-item img {

    -webkit-transform: translate(0, 50px);

    -ms-transform: translate(0, 50px);

    transform: translate(0, 50px);

  }

}



.testimonial-two-image-slider .testi-two-img-item.slick-active img {

  -webkit-transform: translate(0);

  -ms-transform: translate(0);

  transform: translate(0);

}



.testimonial-two-item .name {

  line-height: 1.2;

  margin-bottom: 0;

}



.testimonial-two-item .designation {

  display: block;

  font-size: 14px;

  margin-bottom: 10px;

}



.testimonial-two-item p {

  color: #757575;

  font-size: 18px;

  line-height: 1.82;

  font-style: italic;

}



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

  .testimonial-two-item p {

    font-size: 22px;

    font-weight: 500;

  }

}



.testimonial-two-item .signature {

  max-width: 160px;

  margin-top: 25px;

  margin-bottom: 10px;

}



.testimonial-two-item .ratting .quality {

  line-height: 1;

  margin-left: 20px;

  padding-left: 20px;

  border-left: 1px solid rgba(0, 0, 0, 0.5);

}



/* Testimonial Three */

.testimonial-area-three {

  z-index: 1;

  position: relative;

}



.testimonial-area-three::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  z-index: -1;

  top: 0;

  left: 0;

  opacity: 0.98;

  background: #1F1F27;

}



.testimonial-three-image {

  display: inline-block;

  position: relative;

  z-index: 1;

}



.testimonial-three-image .line {

  position: absolute;

  z-index: -1;

  width: 1px;

  background: #474750;

}



.testimonial-three-image .line:after {

  position: absolute;

  content: '';

  height: 12%;

  width: 100%;

  left: 0;

  bottom: 26%;

  background: #FB683E;

  -webkit-animation: slideUpDown 15s infinite;

  animation: slideUpDown 15s infinite;

}



.testimonial-three-image .line.one {

  height: 26%;

  left: 50%;

  top: 0;

}



.testimonial-three-image .line.two {

  height: 34%;

  left: 8%;

  bottom: 0;

}



.testimonial-three-image .line.two:after {

  -webkit-animation-delay: 2s;

  animation-delay: 2s;

}



.testimonial-three-image .line.three {

  height: 37%;

  right: 11%;

  bottom: 0;

}



.testimonial-three-image .line.three:after {

  -webkit-animation-delay: 4s;

  animation-delay: 4s;

}



.testimonial-three-item .author {

  width: 72px;

  height: 72px;

  border-radius: 50%;

  margin-bottom: 30px;

}



.testimonial-three-item .name {

  font-size: 22px;

  margin-bottom: 0;

}



.testimonial-three-item .designation {

  display: block;

  font-size: 14px;

  line-height: 1.5;

  margin-bottom: 20px;

}



.testimonial-three-item p {

  opacity: 0.8;

  line-height: 1.95;

  font-style: italic;

  letter-spacing: 1px;

}



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

  .testimonial-three-item p {

    font-size: 18px;

    font-weight: 500;

  }

}



.testimonial-three-item .ratting {

  padding-top: 10px;

}



.testimonial-three-slider {

  padding-right: 100px;

}



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

  .testimonial-three-slider {

    padding-right: 50px;

  }

}



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

  .testimonial-three-slider {

    padding-right: 25px;

  }

}



.testimonial-three-slider:after {

  content: '\e909';

  position: absolute;

  top: 0;

  right: 0;

  color: #474750;

  font-size: 75px;

  font-family: 'icomoon';

}



.testimonial-three-slider .slick-dots {

  position: absolute;

  bottom: 0;

  right: 0;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}



.testimonial-three-slider .slick-dots li {

  height: 18px;

  margin: 0 0 5px;

  border-radius: 4.5px;

}



.testimonial-three-slider .slick-dots li:before {

  display: none;

}



.testimonial-three-slider .slick-dots li:not(.slick-active) {

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

}



/*******************  19. Blog Area ********************/

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

.blog-item {

  background: white;

  margin-bottom: 30px;

}



.blog-item .image {

  position: relative;

}



.blog-item .image img {

  width: 100%;

}



.blog-item .image .date-month {

  position: absolute;

  left: 0;

  top: 0;

  width: 60px;

}



.blog-item .image .date-month span {

  color: white;

  display: block;

  text-align: center;

  text-transform: uppercase;

}



.blog-item .image .date-month .date {

  color: white;

  padding: 5px;

  font-size: 30px;

  font-family: "DM Serif Display", serif;

  background: -webkit-linear-gradient(270.3deg, #d70b5d -1.89%, #5d1a75 105.7%);

  background: -o-linear-gradient(270.3deg, #d70b5d -1.89%, #5d1a75 105.7%);

  background: linear-gradient(179.7deg, #d70b5d -1.89%, #5d1a75 105.7%);

}



.blog-item .image .date-month .month {

  background: #1F1F27;

}



.blog-item .image.video:after {

  content: '';

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  position: absolute;

  background: rgba(31, 31, 39, 0.7);

}



.blog-item .image.video .video-play {

  position: absolute;

  left: 50%;

  top: 50%;

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

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

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

}



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

  .blog-item .image.video .video-play {

    width: 75px;

    height: 75px;

    font-size: 15px;

    line-height: 75px;

  }

}



.blog-item .content {

  text-align: center;

  padding: 33px 22px 20px;

  border: 1px solid #DDDDDE;

 

}



.blog-item .content h4 {

  font-size: 22px;

  text-transform: capitalize;

}



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

  .blog-item .content h4 {

    font-size: 20px;

  }

}



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

  .blog-item .content h3 {

    font-size: 25px;

  }

}



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

  .blog-item .content h3 {

    font-size: 22px;

  }

}



.blog-item .blog-meta {

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  padding: 20px 22px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  border: 1px solid #DDDDDE;

}



.blog-item .blog-meta li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.blog-item .blog-meta li:not(:last-child) {

  margin-right: 5px;

}



.blog-item .blog-meta li i {

  color: #E6E6E7;

  font-size: 18px;

  margin-right: 12px;

}



.blog-item .blog-meta li a:not(:last-child):after {

  content: ',';

  margin-right: 4px;

}



.blog-item.style-two .image .slick-arrow {

  position: absolute;

  color: white;

  top: 50%;

  z-index: 2;

  right: 30px;

  font-size: 18px;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 60px;

  height: 60px;

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

  line-height: 60px;

  border-radius: 50%;

  text-align: center;

}



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

  .blog-item.style-two .image .slick-arrow {

    width: 40px;

    height: 40px;

    font-size: 15px;

    line-height: 40px;

  }

}



.blog-item.style-two .image .slick-arrow.blog-prev {

  left: 30px;

}



.blog-item.style-two .content {

  text-align: left;

  padding-left: 30px;

  padding-right: 30px;

}



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

  .blog-item.style-two .content {

    padding-left: 25px;

    padding-right: 25px;

  }

}



.blog-item.style-two .blog-meta {

  padding: 13px 30px;

}



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

  .blog-item.style-two .blog-meta {

    padding-left: 25px;

    padding-right: 25px;

  }

}



.blog-item.style-two .blog-meta li i {

  color: #FB683E;

}



.blog-item.style-two .blog-footer {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: relative;

}



.blog-item.style-two .blog-footer .blog-meta {

  width: 100%;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

}



.blog-item.style-two .blog-footer .blog-meta li:not(:last-child) {

  margin-right: 14px;

}



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

  .blog-item.style-two .blog-footer .blog-meta li:not(:last-child) {

    position: relative;

    padding-right: 14px;

  }



  .blog-item.style-two .blog-footer .blog-meta li:not(:last-child):after {

    content: '';

    right: 0;

    top: -13px;

    position: absolute;

    background: #DDDDDE;

    width: 1px;

    height: calc(100% + 26px);

  }

}



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

  .blog-item.style-two .blog-footer .blog-meta li:last-child {

    margin-right: 25px;

  }

}



.blog-item.style-two .blog-footer .blog-meta li i {

  font-size: 15px;

  margin-right: 8px;

}



.blog-item.style-two .blog-footer .share {

  border: 1px solid #DDDDDE;

  border-left: none;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: relative;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



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

  .blog-item.style-two .blog-footer .share {

    position: absolute;

    right: 0;

    bottom: 0;

    background: white;

    border-left: 1px solid #DDDDDE;

  }

}



.blog-item.style-two .blog-footer .share .social-icons {

  position: absolute;

  right: 10px;

  opacity: 0;

  z-index: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  line-height: 1;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  visibility: hidden;

  padding: 11px 20px;

  border-radius: 3px;

  bottom: calc(100% + 22px);

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

}



.blog-item.style-two .blog-footer .share .social-icons a {

  color: white;

}



.blog-item.style-two .blog-footer .share .social-icons a:not(:last-child) {

  margin-right: 15px;

}



.blog-item.style-two .blog-footer .share .social-icons:after {

  position: absolute;

  content: '';

  width: 0;

  height: 0;

  right: 13px;

  top: 100%;

  z-index: -1;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  -webkit-transform: translateY(-100%);

  -ms-transform: translateY(-100%);

  transform: translateY(-100%);

  border-top: 7px solid #FB683E;

  border-left: 7px solid transparent;

  border-right: 7px solid transparent;

}



.blog-item.style-two .blog-footer .share .icon {

  cursor: pointer;

  font-size: 20px;

  padding: 5px 22px;

  color: #FB683E;

}



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

  .blog-item.style-two .blog-footer .share .icon {

    font-size: 15px;

    padding: 3px 15px;

  }

}



.blog-item.style-two .blog-footer .share:before {

  content: '';

  width: 100%;

  height: 25px;

  position: absolute;

  left: 0;

  bottom: 100%;

  visibility: hidden;

}



.blog-item.style-two .blog-footer .share:hover:before {

  visibility: visible;

}



.blog-item.style-two .blog-footer .share:hover .social-icons {

  opacity: 1;

  visibility: visible;

}



.blog-item.style-two .blog-footer .share:hover .social-icons:after {

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

}



/* Blog Style Two */

.blog-item-two {

  margin-bottom: 30px;

}



.blog-item-two img {

  width: 100%;

}



.blog-item-two .content {

  position: relative;

  background: #FAFAFA;

  margin: -20px 20px 0;

  padding: 22px 25px 30px 30px;

}



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

  .blog-item-two .content {

    margin-left: 10px;

    margin-right: 10px;

    padding-left: 20px;

    padding-right: 15px;

  }

}



.blog-item-two .content h4 {

  font-size: 22px;

  text-transform: capitalize;

}



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

  .blog-item-two .content h4 {

    font-size: 20px;

  }

}



.blog-item-two .content .blog-meta {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin-bottom: 15px;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.blog-item-two .content .blog-meta li:not(:last-child) {

  margin-right: 28px;

}



.blog-item-two .content .blog-meta li i {

  font-size: 14px;

  margin-right: 5px;

  color: #FB683E;

}



.blog-item-two .content p {

  margin-bottom: 12px;

}



/* Blog Classic Page */

.blog-clssic-wrap .blog-item.style-two:not(:last-child) {

  margin-bottom: 80px;

}



.blog-clssic-wrap .blog-item.style-two.blog-quote {

  padding-top: 10px;

  background: #FAFAFA;

}



.blog-clssic-wrap .blog-item.style-two.blog-quote .content {

  border: none;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding-bottom: 0;

}



.blog-clssic-wrap .blog-item.style-two.blog-quote .content:after {

  font-size: 55px;

  content: '\e902';

  margin-left: 44px;

  font-family: 'icomoon';

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



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

  .blog-clssic-wrap .blog-item.style-two.blog-quote .content:after {

    margin-left: 0;

  }

}



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

  .blog-clssic-wrap .blog-item.style-two.blog-quote .content:after {

    position: absolute;

    bottom: 40%;

    right: 25px;

    z-index: -1;

    opacity: 0.25;

  }

}



.blog-clssic-wrap .blog-item.style-two.blog-quote .blog-meta {

  border: none;

  padding-bottom: 50px;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

}



.blog-clssic-wrap .blog-item.style-two.blog-quote .blog-meta li:not(:last-child) {

  margin-right: 20px;

}



.blog-clssic-wrap .blog-item.style-two.blog-quote .blog-meta li i {

  font-size: 15px;

  margin-right: 8px;

}



/* Blog Details Page */

.blog-details-content .content .blog-meta {

  padding: 0;

  border: none;

  line-height: 1;

  margin-bottom: 5px;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

}



.blog-details-content .content .blog-meta li {

  margin-bottom: 15px;

}



.blog-details-content .content .blog-meta li:not(:last-child) {

  margin-right: 11px;

  padding-right: 11px;

  border-right: 1px solid rgba(0, 0, 0, 0.2);

}



.blog-details-content .content .blog-meta li i {

  font-size: 15px;

  margin-right: 5px;

}



.blog-details-content .content>p {

  margin-bottom: 30px;

}



.blog-details-content blockquote {

  padding: 40px;

  display: -ms-grid;

  display: grid;

  font-size: 20px;

  text-align: center;

  background: #FAFAFA;

  margin-bottom: 30px;

}



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

  .blog-details-content blockquote {

    padding-left: 25px;

    padding-right: 25px;

  }

}



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

  .blog-details-content blockquote {

    font-size: 18px;

    padding-left: 15px;

    padding-right: 15px;

  }

}



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

  .blog-details-content blockquote br {

    display: none;

  }

}



.blog-details-content blockquote:before {

  line-height: 1;

  font-size: 35px;

  content: '\e902';

  margin-bottom: 10px;

  font-family: 'icomoon';

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



/* Admin Comment */

.admin-comment {

  padding: 40px 35px;

}



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

  .admin-comment {

    padding-left: 25px;

    padding-right: 25px;

  }

}



.admin-comment .author {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-bottom: 20px;

}



.admin-comment .author .image {

  -webkit-box-flex: 0;

  -ms-flex: none;

  flex: none;

  max-width: 75px;

  margin-right: 20px;

}



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

  .admin-comment .author .image {

    max-width: 65px;

    margin-right: 15px;

  }

}



.admin-comment .author .image img {

  border-radius: 50%;

  border: 4px solid #FB683E;

}



.admin-comment .author .description h5 {

  margin-bottom: 3px;

}



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

  .admin-comment .author .description h5 {

    font-size: 22px;

  }

}



/* Post Comments */

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

  .comment-list li {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

}



.comment-list li:not(:last-child) {

  margin-bottom: 40px;

  padding-bottom: 20px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}



.comment-list li .author-image {

  -webkit-box-flex: 0;

  -ms-flex: none;

  flex: none;

  max-width: 70px;

  margin-right: 20px;

  margin-bottom: 20px;

}



.comment-list li .author-description {

  margin-bottom: 15px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.comment-list li .author-description .left-part {

  margin-right: 10px;

}



.comment-list li .author-description .left-part h5 {

  margin-bottom: 5px;

}



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

/******************  20. All Widgets *******************/

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

.main-sidebar .widget {

  background: #FAFAFA;

  padding: 55px 30px 60px;

}



.main-sidebar .widget:not(:last-child) {

  margin-bottom: 60px;

}



.main-sidebar .widget-title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 25px;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.main-sidebar .widget-title:before {

  -webkit-box-flex: 0;

  -ms-flex: none;

  flex: none;

  content: '';

  width: 5px;

  height: 13px;

  margin-right: 12px;

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

}



.main-sidebar .widget_search {

  padding: 0;

}



.main-sidebar .widget_search form {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.main-sidebar .widget_search form input {

  border: none;

  font-size: 16px;

  background: transparent;

  padding: 15px 0 15px 30px;

}



.main-sidebar .widget_search form input::-webkit-input-placeholder {

  font-weight: 400;

  font-family: "Roboto", sans-serif;

}



.main-sidebar .widget_search form input:-ms-input-placeholder {

  font-weight: 400;

  font-family: "Roboto", sans-serif;

}



.main-sidebar .widget_search form input::-ms-input-placeholder {

  font-weight: 400;

  font-family: "Roboto", sans-serif;

}



.main-sidebar .widget_search form input::placeholder {

  font-weight: 400;

  font-family: "Roboto", sans-serif;

}



.main-sidebar .widget_search form button {

  color: white;

  height: 60px;

  width: 65px;

  -webkit-box-flex: 0;

  -ms-flex: none;

  flex: none;

  font-size: 25px;

  line-height: 60px;

  text-align: center;

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

}



.main-sidebar .widget_catagory li:not(:last-child) {

  margin-bottom: 10px;

}



.main-sidebar .widget_catagory li a {

  z-index: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: relative;

  padding: 10px 17px;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

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

}



.main-sidebar .widget_catagory li a:before {

  content: '\f14a';

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  margin-right: 12px;

  color: #FB683E;

  font-family: "Font Awesome 5 Pro";

}



.main-sidebar .widget_catagory li a:after {

  content: '';

  width: 100%;

  height: 100%;

  z-index: -1;

  opacity: 0;

  left: 0;

  top: 0;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  position: absolute;

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

}



.main-sidebar .widget_catagory li a:hover {

  color: white;

}



.main-sidebar .widget_catagory li a:hover:before {

  color: white;

}



.main-sidebar .widget_catagory li a:hover:after {

  opacity: 1;

}



.main-sidebar .widget_download li:not(:last-child) {

  margin-bottom: 15px;

}



.main-sidebar .widget_download li a {

  z-index: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: 17px;

  position: relative;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

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

}



.main-sidebar .widget_download li a img {

  -webkit-box-flex: 0;

  -ms-flex: none;

  flex: none;

  width: 35px;

  margin-right: 15px;

}



.main-sidebar .widget_download li a:after {

  content: '\e930';

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  font-size: 20px;

  margin-left: auto;

  color: #FB683E;

  font-family: 'icomoon';

}



.main-sidebar .widget_contact {

  padding: 50px 40px;

  text-align: center;

  background: url(../images/widgets/contact-widget.png) no-repeat center/cover;

  z-index: 1;

  position: relative;

}



.main-sidebar .widget_contact::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  z-index: -1;

  top: 0;

  left: 0;

  opacity: 1;

  background: -webkit-linear-gradient(329.79deg, rgba(251, 93, 74, 0.82) 0%, #5d1a75 101.06%);

  background: -o-linear-gradient(329.79deg, rgba(251, 93, 74, 0.82) 0%, #5d1a75 101.06%);

  background: linear-gradient(120.21deg, rgba(251, 93, 74, 0.82) 0%, #5d1a75 101.06%);

}



.main-sidebar .widget_contact:after {

  position: absolute;

  content: '';

  left: 10px;

  top: 10px;

  z-index: -1;

  border: 1px solid white;

  width: calc(100% - 20px);

  height: calc(100% - 20px);

}



.main-sidebar .widget_contact .icon {

  color: white;

  font-size: 50px;

  margin-bottom: 15px;

}



.main-sidebar .widget_contact h5 {

  color: white;

  font-size: 18px;

  font-weight: 700;

  line-height: 24px;

  font-family: "Roboto", sans-serif;

}



.main-sidebar .widget_contact .number {

  color: white;

  font-size: 28px;

  font-weight: 700;

}



.main-sidebar .widget_project li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.main-sidebar .widget_project li:not(:last-child) {

  margin-bottom: 20px;

  padding-bottom: 20px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}



.main-sidebar .widget_project li .image {

  -webkit-box-flex: 0;

  -ms-flex: none;

  flex: none;

  max-width: 68px;

  margin-right: 15px;

}



.main-sidebar .widget_project li h5 {

  font-size: 18px;

  margin-bottom: 5px;

  text-transform: capitalize;

}



.main-sidebar .widget_project li .date {

  font-size: 14px;

}



.main-sidebar .widget_recent_post>ul {

  max-width: 300px;

}



.main-sidebar .widget_recent_post>ul>li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



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

  .main-sidebar .widget_recent_post>ul>li {

    display: block;

  }

}



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

  .main-sidebar .widget_recent_post>ul>li {

    display: block;

  }

}



.main-sidebar .widget_recent_post>ul>li:not(:last-child) {

  margin-bottom: 20px;

  padding-bottom: 20px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}



.main-sidebar .widget_recent_post>ul>li .image {

  -webkit-box-flex: 0;

  -ms-flex: none;

  flex: none;

  max-width: 70px;

  margin-right: 15px;

}



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

  .main-sidebar .widget_recent_post>ul>li .image {

    margin-bottom: 10px;

  }

}



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

  .main-sidebar .widget_recent_post>ul>li .image {

    margin-bottom: 10px;

  }

}



.main-sidebar .widget_recent_post>ul>li h6 {

  margin-bottom: 5px;

  text-transform: capitalize;

}



.main-sidebar .widget_recent_post>ul>li .blog-meta {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.main-sidebar .widget_recent_post>ul>li .blog-meta li {

  font-size: 14px;

}



.main-sidebar .widget_recent_post>ul>li .blog-meta li:not(:last-child) {

  margin-right: 10px;

}



.main-sidebar .widget_recent_post>ul>li .blog-meta li i {

  margin-right: 4px;

  color: #FB683E;

}



.main-sidebar .tags {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin: 0 -10px -10px 0;

}



.main-sidebar .tags a {

  padding: 4px 20px;

  border-radius: 3px;

  margin: 0 10px 10px 0;

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

  z-index: 1;

  position: relative;

}



.main-sidebar .tags a::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  z-index: -1;

  top: 0;

  left: 0;

  opacity: 0;

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

}



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

  .main-sidebar .tags a {

    letter-spacing: 1px;

  }

}



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

  .main-sidebar .tags a {

    letter-spacing: 1px;

  }

}



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

  .main-sidebar .tags a {

    padding-left: 17px;

    padding-right: 17px;

  }

}



.main-sidebar .tags a:before {

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

}



.main-sidebar .tags a:hover {

  color: white;

  border-color: #FB683E;

}



.main-sidebar .tags a:hover:before {

  opacity: 1;

}



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

/*******************  21. CTA Area *********************/

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

.contact-info-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.contact-info-item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: relative;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-bottom: 30px;

  margin-right: 30px;

  padding-right: 30px;

}



.contact-info-item:after {

  content: '';

  width: 2px;

  height: 30px;

  position: absolute;

  background: white;

  right: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}



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

  .contact-info-item:last-child {

    margin-right: 0;

    padding-right: 0;

  }



  .contact-info-item:last-child:after {

    display: none;

  }

}



.contact-info-item .icon {

  font-size: 20px;

  margin-right: 17px;

  width: 42px;

  height: 42px;

  background: white;

  line-height: 42px;

  border-radius: 50%;

  text-align: center;

}



.contact-info-item .icon i {

  color: #FB683E;

}



.contact-info-item .content span {

  display: block;

  font-size: 15px;

}



.contact-info-item .content b {

  font-size: 18px;

  font-weight: 500;

}



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

/***************  22. Work Process Area ****************/

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

.work-single-step {

  text-align: center;

  margin-bottom: 90px;

}



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

  .work-single-step {

    max-width: 333px;

    margin-left: auto;

    margin-right: auto;

  }

}



.work-single-step .icon {

  color: white;

  font-size: 35px;

  position: relative;

  margin-bottom: 30px;

  display: inline-block;

  width: 88px;

  height: 88px;

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

  line-height: 88px;

  border-radius: 50%;

  text-align: center;

}



.work-single-step .icon .number {

  top: -8px;

  right: -8px;

  width: 34px;

  height: 34px;

  font-size: 18px;

  line-height: 28px;

  position: absolute;

  border-radius: 50%;

  border: 3px solid white;

  font-family: "DM Serif Display", serif;

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

}



.work-single-step h5 {

  font-size: 22px;

  margin-bottom: 20px;

}



.work-single-step:hover .icon .number {

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  -webkit-transform: rotate(720deg);

  -ms-transform: rotate(720deg);

  transform: rotate(720deg);

}



.work-process-border {

  position: relative;

  z-index: 1;

}



.work-process-border:before {

  position: absolute;

  width: 70%;

  height: 0;

  content: '';

  left: 15%;

  top: 44px;

  z-index: -1;

  opacity: 0.1;

  border-top: 2px dashed black;

}



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

  .work-process-border:before {

    left: 50%;

    width: 0;

    height: 70%;

    border-top: none;

    border-right: 2px dashed black;

  }

}



.before-after-circle {

  position: relative;

}



.before-after-circle:after,

.before-after-circle:before {

  content: '';

  top: 36px;

  width: 18px;

  height: 18px;

  z-index: -1;

  position: absolute;

  border-radius: 50%;

  border: 5px solid #FFD4BF;

  -webkit-animation: zoomInOut 2s infinite cubic-bezier(0.66, 0, 0, 1);

  animation: zoomInOut 2s infinite cubic-bezier(0.66, 0, 0, 1);

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

}



.before-after-circle:before {

  left: -24px;

}



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

  .before-after-circle:before {

    top: -50px;

    left: calc(50% - 9px);

  }

}



.before-after-circle:after {

  right: -24px;

  -webkit-animation-delay: 1s;

  animation-delay: 1s;

}



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

  .before-after-circle:after {

    top: auto;

    bottom: -50px;

    left: calc(50% - 9px);

  }

}



.work-process-area-two {

  position: relative;

  overflow: hidden;

  z-index: 1;

}



.work-process-area-two .section-title p {

  opacity: 0.8;

}



.work-process-area-two:after,

.work-process-area-two:before {

  position: absolute;

  width: 280px;

  height: 150%;

  content: '';

  top: -25%;

  z-index: -1;

  -webkit-transform: matrix(0.88, 0.49, -0.47, 0.88, 0, 0);

  -ms-transform: matrix(0.88, 0.49, -0.47, 0.88, 0, 0);

  transform: matrix(0.88, 0.49, -0.47, 0.88, 0, 0);

  background: -webkit-linear-gradient(269.21deg, rgba(33, 33, 40, 0.18) 30.09%, #1B1B22 89.87%);

  background: -o-linear-gradient(269.21deg, rgba(33, 33, 40, 0.18) 30.09%, #1B1B22 89.87%);

  background: linear-gradient(180.79deg, rgba(33, 33, 40, 0.18) 30.09%, #1B1B22 89.87%);

}



.work-process-area-two:before {

  left: 10%;

}



.work-process-area-two:after {

  left: 40%;

}



.work-process-area-two .container:before {

  position: absolute;

  width: 280px;

  height: 150%;

  content: '';

  top: -25%;

  left: 70%;

  z-index: -1;

  -webkit-transform: matrix(0.88, 0.49, -0.47, 0.88, 0, 0);

  -ms-transform: matrix(0.88, 0.49, -0.47, 0.88, 0, 0);

  transform: matrix(0.88, 0.49, -0.47, 0.88, 0, 0);

  background: -webkit-linear-gradient(269.21deg, rgba(33, 33, 40, 0.18) 30.09%, #1B1B22 89.87%);

  background: -o-linear-gradient(269.21deg, rgba(33, 33, 40, 0.18) 30.09%, #1B1B22 89.87%);

  background: linear-gradient(180.79deg, rgba(33, 33, 40, 0.18) 30.09%, #1B1B22 89.87%);

}



.text-white .work-process-border:before {

  border-color: white;

}



.text-white .before-after-circle:after,

.text-white .before-after-circle:before {

  border-color: #35353C;

}



.text-white .work-single-step .icon .number {

  border-color: #1F1F27;

}



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

/******************  23. Skills Area *******************/

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

.skill-content {

  padding: 50px 40px 0 75px;

}



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

  .skill-content {

    padding-left: 50px;

    padding-right: 20px;

  }

}



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

  .skill-content {

    padding-right: 50px;

  }

}



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

  .skill-content {

    padding-left: 25px;

    padding-right: 25px;

  }

}



.skillbar {

  height: 10px;

  margin-top: 70px;

  position: relative;

  border-radius: 4px;

  background: #F4F2FF;

}



.skillbar .skillbar-title,

.skillbar .skill-bar-percent {

  top: -40px;

  font-size: 18px;

  position: absolute;

  font-family: "Roboto", sans-serif;

}



.skillbar .skill-bar-percent {

  right: 0;

}



.skillbar .skillbar-bar {

  width: 0;

  height: 10px;

  border-radius: 4px 0 0 4px;

  background-color: #FB683E;

}



.skill-image img {

  width: 100%;

}



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

/******************  24. Pricing Area ******************/

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

.pricing-plan-item {

  margin-top: 45px;

  text-align: center;

  margin-bottom: 30px;

  background: #FAFAFA;

  padding: 0 25px 25px;

  border: 1px solid rgba(0, 0, 0, 0.08);

}



.pricing-plan-item .icon {

  width: 105px;

  height: 105px;

  color: white;

  font-size: 40px;

  line-height: 95px;

  border-radius: 50%;

  margin-bottom: -25px;

  display: inline-block;

  border: 6px solid white;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

}



.pricing-plan-item h3 {

  margin-bottom: 20px;

}



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

  .pricing-plan-item h3 {

    font-size: 25px;

  }

}



.pricing-plan-item .price {

  font-size: 40px;

  font-weight: 700;

  margin-bottom: 15px;

  display: inline-block;

  color: #031031;

}



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

  .pricing-plan-item .price {

    font-size: 30px;

  }

}



.pricing-plan-item .price:before {

  content: '$';

}



.pricing-plan-item .price:after {

  font-size: 14px;

  font-weight: 400;

  content: '/Month';

}



.pricing-plan-item .theme-btn {

  margin-top: 20px;

  border-radius: 3px;

  padding: 10px 25px;

  margin-bottom: 55px;

}



.pricing-plan-item ul {

  font-size: 15px;

  text-align: left;

  padding-top: 35px;

  padding-right: 15%;

  width: -webkit-max-content;

  width: -moz-max-content;

  width: max-content;

  margin-left: auto;

  margin-right: auto;

  padding-bottom: 20px;

  border-top: 1px solid rgba(0, 0, 0, 0.08);

}



.pricing-plan-item ul li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 22px;

}



.pricing-plan-item ul li i {

  font-size: 18px;

  margin-right: 20px;

  color: #FB683E;

}



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

/******************  25. Contact Area ******************/

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

.contact-information {

  padding: 50px 40px;

  background: #FAFAFA;

}



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

  .contact-information {

    max-width: 400px;

  }

}



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

  .contact-information {

    padding-left: 25px;

    padding-right: 25px;

  }

}



.contact-information .contact-info-item {

  line-height: 1;

  padding-bottom: 30px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.05);

}



.contact-information .contact-info-item:last-child {

  margin-bottom: 0;

  padding-bottom: 0;

  border-bottom: none;

}



.contact-information .contact-info-item:after {

  display: none;

}



.contact-information .contact-info-item .icon {

  -webkit-box-flex: 0;

  -ms-flex: none;

  flex: none;

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

}



.contact-information .contact-info-item .icon i {

  color: white;

}



.contact-information .contact-info-item .content span {

  margin-bottom: 8px;

}



.contact-information .contact-info-item .content b {

  color: #031031;

}



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

  .contact-information .contact-info-item .content b {

    font-size: 16px;

    line-height: 1.3;

  }

}



.contact-information .contact-info-item .content b a:not(:hover) {

  color: #031031;

}



.contact-page-map iframe {

  width: 100%;

  height: 770px;

  margin-bottom: -10px;

}



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

  .contact-page-map iframe {

    height: 550px;

  }

}



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

  .contact-page-map iframe {

    height: 450px;

  }

}



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

/******************  26. Main Footer *******************/

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

.footer-area .widget-title {

  font-size: 22px;

  position: relative;

  padding-bottom: 15px;

  margin-bottom: 25px;

}



.footer-area .widget-title:before {

  position: absolute;

  content: '';

  height: 2px;

  width: 30px;

  bottom: 0;

  left: 0;

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

}



.footer-area .widget {

  margin-bottom: 50px;

}



.footer-area .widget .title {

  font-size: 22px;

}



.footer-area.text-white a,

.footer-area.text-white p {

  opacity: 0.8;

  font-size: 15px;

}



.footer-area.text-white a:hover {

  opacity: 1;

}



.footer-area .more-info .number {

  font-size: 20px;

  font-weight: 500;

  margin-top: -5px;

  display: inline-block;

}



.footer-area .more-info .number:not(:hover) {

  color: #FB683E;

}



.footer-area .footer-logo a {

  opacity: 1;

}



.footer-area .widget_nav_menu li:not(:last-child) {

  margin-bottom: 8px;

}



.footer-area .widget_nav_menu li a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.footer-area .widget_nav_menu li a:before {

  content: '';

  width: 7px;

  height: 7px;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  margin-bottom: 2px;

  margin-right: 13px;

  border-radius: 50%;

  background: #3C3C42;

}



.footer-area .widget_nav_menu li a:hover:before {

  background: #FB683E;

}



.footer-area .widget_contact_info li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  line-height: 1.5;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.footer-area .widget_contact_info li:not(:last-child) {

  margin-bottom: 22px;

}



.footer-area .widget_contact_info li .icon {

  -webkit-box-flex: 0;

  -ms-flex: none;

  flex: none;

  font-size: 20px;

  padding-top: 2px;

  margin-right: 15px;

  width: 42px;

  height: 42px;

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

  line-height: 42px;

  border-radius: 50%;

  text-align: center;

}



.footer-area .widget_contact_info li .icon i {

  color: #FB683E;

}



.footer-area .widget_contact_info li .content span {

  font-size: 15px;

  display: block;

  opacity: 0.5;

}



.footer-area .widget_contact_info li .content b,

.footer-area .widget_contact_info li .content b a {

  opacity: 1;

  font-size: 18px;

  font-weight: 500;

}



.footer-area .widget_news li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  line-height: 1.3;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.footer-area .widget_news li:not(:last-child) {

  margin-bottom: 20px;

}



.footer-area .widget_news li .image {

  -webkit-box-flex: 0;

  -ms-flex: none;

  flex: none;

  max-width: 70px;

  margin-right: 28px;

}



.footer-area .widget_news li .date {

  color: #757575;

  display: block;

  font-size: 14px;

  margin-bottom: 6px;

}



.footer-area .newslatter-form {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 10px 25px 10px 15px;

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

}



.footer-area .newslatter-form input {

  padding: 0;

  border: none;

  line-height: 1;

  font-size: 16px;

  border-radius: 0;

  margin-right: 22px;

  background: transparent;

  border-right: 1px solid #C4C4C4;

}



.footer-area .newslatter-form input::-webkit-input-placeholder {

  color: white;

  font-weight: 400;

  font-family: "Roboto", sans-serif;

}



.footer-area .newslatter-form input:-ms-input-placeholder {

  color: white;

  font-weight: 400;

  font-family: "Roboto", sans-serif;

}



.footer-area .newslatter-form input::-ms-input-placeholder {

  color: white;

  font-weight: 400;

  font-family: "Roboto", sans-serif;

}



.footer-area .newslatter-form input::placeholder {

  color: white;

  font-weight: 400;

  font-family: "Roboto", sans-serif;

}



.footer-area .newslatter-form button {

  background: transparent;

}



.footer-area .widget_gallery ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin: 0 -2.2px;

}



.footer-area .widget_gallery ul li {

  max-width: 96px;

  margin: 4.4px 2.2px 0;

}



.footer-area.footer-two .widget-title:before {

  width: 20px;

}



.footer-area.footer-two .widget-title:after {

  position: absolute;

  width: 40px;

  height: 2px;

  content: '';

  bottom: 0;

  left: 20px;

  background: #545457;

}



.footer-top {

  background: #1B1B22;

  -webkit-transform: translateY(-80px);

  -ms-transform: translateY(-80px);

  transform: translateY(-80px);

}



.footer-client-logo {

  padding: 40px;

}



.footer-client-logo .footer-cl-item {

  margin: 20px;

}



.footer-client-logo .footer-cl-item img {

  margin: auto;

}



.footer-hotline {

  padding: 33px;

  text-align: center;

  background: -webkit-gradient(linear, right top, left top, from(#d70b5d), color-stop(117.45%, #5d1a75));

  background: -webkit-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: -o-linear-gradient(right, #d70b5d 0%, #5d1a75 117.45%);

  background: linear-gradient(270deg, #d70b5d 0%, #5d1a75 117.45%);

}



.footer-hotline h3 {

  font-weight: 500;

  margin-bottom: 5px;

  font-family: "Roboto", sans-serif;

  text-transform: uppercase;

}



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

  .footer-hotline h3 {

    font-size: 25px;

  }

}



.footer-hotline a.number {

  opacity: 1;

  font-size: 30px;

  font-weight: 500;

}



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

  .footer-hotline a.number {

    font-size: 25px;

  }

}



.footer-bottom {

  background: #1B1B22;

}



.footer-bottom-logo .footer-cl-item {

  margin-bottom: 15px;

  display: inline-block;

}



.footer-bottom-logo .footer-cl-item:not(:last-child) {

  margin-right: 40px;

}



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

  .footer-bottom-logo .footer-cl-item:not(:last-child) {

    margin-right: 20px;

  }

}



.footer-bottom-logo .footer-cl-item img {

  max-height: 24px;

}