@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap");

/*

  Theme Name: Convi

  Version: 1.0

*/

/*

  CSS Index

  ═════════

  1. Basic

  2. Typography

  3. Spacing

  4. Color

  5. Buttons

  6. Card

  7. Formdark

  7. Hero area

*/

:root {

  --theme-color:#f16022;

  --heading-color:#050506;

  --body-color:#798191;

  --color-dark:#1C1E2A;

  --color-light:#1c1c1c;

  --ff-heading:"Rajdhani", sans-serif;

  --ff-body:"Rajdhani", sans-serif;

}



html{

  overflow-x: hidden;

}



body {

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

  font-size: 18px;

  line-height: 32px;

  color: #798191;

  background: #f8f8f8;

  overflow-x: hidden;

}

.darkmode-layer{
  display: none;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

  border: 0;

  margin: 0;

  outline: 0;

  padding: 0;

  vertical-align: baseline;

}



* {

  outline: none !important;

}



img {

  vertical-align: middle;

  max-width: 100%;

}



a,

i {

  border: none;

}



button {

  padding: 0;

}



a {

  color: var(--theme-color);

  text-decoration: none;

}



a:hover{

  text-decoration: none;

}



button, a {

  -webkit-transition: all 0.25s;

  -o-transition: all 0.25s;

  transition: all 0.25s;

}



ul{

  list-style-type: none;

}



.reset-ul, .social-icons {

  padding: 0;

  margin: 0;

  list-style: none;

}



.main-root {

  overflow: hidden;

}



/* ----- social icons ---- */



.social-icons li {

  display: inline-block;

  margin-right: 18px;

}

.social-icons li:last-child {

  margin-right: 0;

}

.social-icons li a {

  color: #373738;

  transition: 0.3s;

}

.social-icons li a:hover {

  color: #f16022;

}





/* ----- social icons has border ---- */



.social-icons.has-border li a,

.social-icons.has-white-border li a,

.social-icons.has-bg li a{

  width: 40px;

  height: 40px;

  border: 1px solid var(--theme-color);

  border-radius: 50%;

  color: var(--theme-color);

  display: flex;

  align-items: center;

  justify-content: center;

}



.social-icons.has-border li a:hover{

  background-color: var(--theme-color);

  color: #fff;

}



.social-icons.has-white-border li a{

  border: 1px solid #fff;

  color: #fff;

}

.social-icons.has-white-border li a:hover{

  background-color: #fff;

  color: var(--theme-color);

}



/* ----- social icons has bg ---- */



.social-icons.has-bg li a{

  background-color: var(--theme-color);

  color: #fff;

}



.social-icons.has-bg li a:hover{

  background-color: #1b2958;

  border-color: #1b2958;

}



.social-icons.block-icon-title {

  margin-bottom: 95px;

}

.social-icons.block-icon-title li {

  display: block;

  margin-right: 0;

}

.social-icons.block-icon-title li a {

  position: relative;

  height: 57px;

  width: 57px;

  border-radius: 50%;

  border: 1px solid transparent;

  background-color: transparent;

  color: #a7a7a7;

  text-decoration: none;

  transition: all ease-out 0.4s;

}

.social-icons.block-icon-title li a::before {

  content: attr(data-title);

  position: absolute;

  right: calc(100% + 23px);

  top: 0;

  width: 100px;

  opacity: 0;

  -webkit-transform: translateX(10px);

  -moz-transform: translateX(10px);

  -ms-transform: translateX(10px);

  -o-transform: translateX(10px);

  transform: translateX(10px);

  transition: all ease-out 0.25s;

  font-size: 18px;

  line-height: 24px;

  font-weight: 700;

  text-align: right;

  color: #050506;

}

.social-icons.block-icon-title li a:hover::before {

  opacity: 1;

  -webkit-transform: translateX(0);

  -moz-transform: translateX(0);

  -ms-transform: translateX(0);

  -o-transform: translateX(0);

  transform: translateX(0);

}

.social-icons.block-icon-title li:hover a {

  border: 1px solid #e0e0e0;

  color: #f16022;

}



.icons-color-gray li a {

  color: #777777;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  color: var(--heading-color);

  font-weight: bold;

  font-family: var(--ff-heading);

}



h1 {

  font-size: 72px;

  line-height: 80px;

}



h2 {

  font-size: 60px;

  line-height: 75px;

}



h3 {

  font-size: 32px;

  line-height: 42px;

}



h4 {

  font-size: 24px;

  line-height: 28px;

}



h5 {

  font-size: 20px;

  line-height: 1.6em;

}



h6 {

  font-size: 18px;

  line-height: 30px;

}



.xl-title {

  font-size: 72px;

  line-height: 85px;

}



.lg-title {

  font-size: 60px;

  line-height: 70px;

}



.md-title {

  font-size: 32px;

  line-height: 48px;

}

#goog-gt-tt {display:none !important;}

.goog-te-banner-frame {display:none !important;}

.goog-te-menu-value:hover {text-decoration:none !important;}

body {top:0 !important;}

#google_translate_element2 {display:none!important;}



.VIpgJd-ZVi9od-ORHb{

  display: none!important;

}

.skiptranslate{

  display: none!important;

}

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

  .dilmobil{

    display: none!important;

  }

}

.sm-title {

  font-size: 14px;

  line-height: 24px;

}



.font-w400 {

  font-weight: 400;

}



.font-w500 {

  font-weight: 500;

}



.font-w600 {

  font-weight: 600;

}



.font-w700 {

  font-weight: 700;

}



.font-w800 {

  font-weight: 800;

}



.font-w800 {

  font-weight: 900;

}



.fw-bold {

  font-weight: bold;

}



.bg-cover{

  background-size: cover;

}



.bg-center{

  background-position: center;

}



.section-title {

  margin-bottom: 45px;

}

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

  .section-title {

    margin-bottom: 30px;

  }

}

.section-title span {

  font-size: 16px;

  line-height: 32px;

  font-weight: 700;

  margin-bottom: 7px;

  text-transform: uppercase;

  display: inline-block;

}

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

  .section-title span {

    margin-bottom: 7px;

  }

}

.section-title .title {

  font-size: 50px;

  font-weight: 700;

  text-transform: uppercase;

  line-height: 61px;

  margin-bottom: 6px;

}

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

  .section-title .title {

    font-size: 40px;

    line-height: 52px;

  }

}

@media (max-width: 575.98px) {

  .section-title .title {

    font-size: 35px;

    line-height: 40px;

  }

}

.section-title .title-lg {

  font-size: 60px;

  font-weight: 700;

  text-transform: uppercase;

  line-height: 70px;

  margin-bottom: 6px;

}

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

  .section-title .title-lg {

    font-size: 50px;

    line-height: 55px;

  }

}

@media (max-width: 575.98px) {

  .section-title .title-lg {

    font-size: 35px;

    line-height: 40px;

  }

}

.section-title .title-md {

  font-size: 24px;

  line-height: 32px;

  margin-bottom: 10px;

}



.title-24 {

  font-size: 24px;

  line-height: 32px;

  margin-bottom: 10px;

}



.text-18 {

  font-size: 18px;

  line-height: 36px;

}



.title-32 {

  font-size: 32px;

  line-height: 45px;

}



.contact-title-lg {

  font-size: 92px;

  line-height: 102px;

  color: #fff;

  font-weight: 700;

  position: relative;

  display: inline-block;

  transition: all 0.25s;

}

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

  .contact-title-lg {

    font-size: 82px;

    line-height: 90px;

  }

}

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

  .contact-title-lg {

    font-size: 60px;

    line-height: 70px;

  }

}

.contact-title-lg span {

  font-size: 92px;

  line-height: 102px;

  color: transparent;

  -webkit-text-stroke-color: #fff;

  -webkit-text-stroke-width: 2px;

  transition: all 0.25s;

}

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

  .contact-title-lg span {

    font-size: 82px;

    line-height: 90px;

  }

}

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

  .contact-title-lg span {

    font-size: 60px;

    line-height: 70px;

    -webkit-text-stroke-width: 1px;

  }

}

.contact-title-lg:before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 11px;

  width: 100%;

  height: 2px;

  background: #fff;

  transition: all 0.25s;

}

.contact-title-lg:hover {

  text-decoration: none;

  color: var(--theme-color);

}

.contact-title-lg:hover span {

  -webkit-text-stroke-color: var(--theme-color);

}

.contact-title-lg:hover:before {

  width: 0;

  background: var(--theme-color);

}



.container-fluid {

  padding-left: 50px;

  padding-right: 50px;

}

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

  .container-fluid {

    padding-left: 20px;

    padding-right: 20px;

  }

}



.sec-pt-90 {

  padding-top: 90px;

}

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

  .sec-pt-90 {

    padding-top: 70px;

  }

}

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

  .sec-pt-90 {

    padding-top: 50px;

  }

}



.sec-pt-100 {

  padding-top: 100px;

}

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

  .sec-pt-100 {

    padding-top: 80px;

  }

}

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

  .sec-pt-100 {

    padding-top: 60px;

  }

}



.sec-pt-110 {

  padding-top: 110px;

}

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

  .sec-pt-110 {

    padding-top: 90px;

  }

}

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

  .sec-pt-110 {

    padding-top: 70px;

  }

}



.sec-pt-120 {

  padding-top: 120px;

}

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

  .sec-pt-120 {

    padding-top: 100px;

  }

}

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

  .sec-pt-120 {

    padding-top: 80px;

  }

}



.sec-pt-130 {

  padding-top: 130px;

}

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

  .sec-pt-130 {

    padding-top: 110px;

  }

}

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

  .sec-pt-130 {

    padding-top: 90px;

  }

}



.sec-pt-140 {

  padding-top: 140px;

}

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

  .sec-pt-140 {

    padding-top: 120px;

  }

}

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

  .sec-pt-140 {

    padding-top: 100px;

  }

}



.sec-pt-150 {

  padding-top: 150px;

}

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

  .sec-pt-150 {

    padding-top: 130px;

  }

}

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

  .sec-pt-150 {

    padding-top: 110px;

  }

}



.sec-pt-160 {

  padding-top: 160px;

}

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

  .sec-pt-160 {

    padding-top: 140px;

  }

}

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

  .sec-pt-160 {

    padding-top: 120px;

  }

}



.sec-pb-90 {

  padding-bottom: 90px;

}

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

  .sec-pb-90 {

    padding-bottom: 70px;

  }

}

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

  .sec-pb-90 {

    padding-bottom: 50px;

  }

}



.sec-pb-100 {

  padding-bottom: 100px;

}

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

  .sec-pb-100 {

    padding-bottom: 80px;

  }

}

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

  .sec-pb-100 {

    padding-bottom: 60px;

  }

}



.sec-pb-110 {

  padding-bottom: 110px;

}

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

  .sec-pb-110 {

    padding-bottom: 90px;

  }

}

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

  .sec-pb-110 {

    padding-bottom: 70px;

  }

}



.sec-pb-120 {

  padding-bottom: 120px;

}

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

  .sec-pb-120 {

    padding-bottom: 100px;

  }

}

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

  .sec-pb-120 {

    padding-bottom: 80px;

  }

}



.sec-pb-130 {

  padding-bottom: 130px;

}

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

  .sec-pb-130 {

    padding-bottom: 110px;

  }

}

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

  .sec-pb-130 {

    padding-bottom: 90px;

  }

}



.sec-pb-140 {

  padding-bottom: 140px;

}

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

  .sec-pb-140 {

    padding-bottom: 120px;

  }

}

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

  .sec-pb-140 {

    padding-bottom: 100px;

  }

}



.sec-pb-150 {

  padding-bottom: 150px;

}

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

  .sec-pb-150 {

    padding-bottom: 130px;

  }

}

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

  .sec-pb-150 {

    padding-bottom: 110px;

  }

}



.sec-pb-160 {

  padding-bottom: 160px;

}

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

  .sec-pb-160 {

    padding-bottom: 140px;

  }

}

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

  .sec-pb-160 {

    padding-bottom: 120px;

  }

}



.sec-pt-170 {

  padding-top: 170px;

}

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

  .sec-pt-170 {

    padding-top: 110px;

  }

}

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

  .sec-pt-170 {

    padding-top: 80px;

  }

}



.sec-pb-180 {

  padding-bottom: 180px;

}

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

  .sec-pb-180 {

    padding-bottom: 115px;

  }

}

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

  .sec-pb-180 {

    padding-bottom: 80px;

  }

}



.mb-minus-30 {

  margin-bottom: -30px;

}



.mb-minus-50 {

  margin-bottom: -50px;

}



.res-mt-minus-170 {

  margin-top: -175px;

}



.mb-minus-170 {

  margin-top: -170px;

}

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

  .mb-minus-170 {

    margin-top: 0;

  }

}



.mb-20 {

  margin-bottom: 20px;

}



.mb-30 {

  margin-bottom: 30px;

}



.mb-40 {

  margin-bottom: 40px;

}



.mb-50 {

  margin-bottom: 50px;

}



.mb-60 {

  margin-bottom: 60px;

}



.bg-black {

  background: #1b2958;

}



.bg-primary {

  background: #f16022;

}



.bg-gray {

  background: #f1f3f8;

}



.bg-dark {

  background-color: #070a11 !important;

}



.text-primary {

  color: #f16022;

}



.text-white {

  color: #fff;

}



.text-gray {

  color: #b4b4b4;

}



.text-secondary {

  color: #798191;

}



.text-theme {

  color: var(--theme-color);

}



.text-dark {

  color: #050506 !important;

}



.reset-bg {

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

}



.btn {

  font-size: 16px;

  font-weight: 700;

  background: #1b2958;

  color: #fff;

  padding: 16px 27px;

  text-transform: uppercase;

  text-align: center;

  position: relative;

  border-radius: 4px;

  overflow: hidden;

  z-index: 2;

}

.btn i {

  font-size: 12px;

  margin-left: 4px;

}

.btn:before {

  content: "";

  position: absolute;

  background: white;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 1px;

  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.24s;

  z-index: -1;

}

.btn:hover {

  color: #fff;

}



.btn-lg {

  padding: 21px 45px;

}

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

  .btn-lg {

    padding: 16px 35px;

  }

}



.btn-primary {

  background: #f16022;

}

.btn-primary:before {

  background: #fff;

}



.close-btn {

  right: 32px;

  top: 32px;

  width: 32px;

  height: 32px;

  position: relative;

  background-color: transparent;

  border-color: transparent;

}



.close-btn:before,

.close-btn:after {

  position: absolute;

  left: 15px;

  top: 0;

  content: " ";

  height: 33px;

  width: 2px;

  background-color: #333;

}



.close-btn:before {

  transform: rotate(45deg);

}



.close-btn:after {

  transform: rotate(-45deg);

}



.text-btn {

  font-size: 16px;

  text-transform: uppercase;

  font-weight: bold;

  color: var(--theme-color);

}

.text-btn i {

  font-size: 13px;

  margin-left: 3px;

}



.play-button {

  width: 100px;

  height: 100px;

  background: #fff;

  border-radius: 50%;

  font-size: 18px;

  font-weight: 700;

  letter-spacing: 2px;

  color: #050506;

  display: flex;

  align-items: center;

  justify-content: center;

  text-decoration: none;

  text-transform: uppercase;

  border: 2px solid #fff;

}

.play-button:hover {

  background-color: #f16022;

  color: #fff;

  border-color: transparent;

  text-decoration: none;

}



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

  .play-button{

    width: 80px;

    height: 80px;

  }

}



.center-absolute{

  position: absolute;

  left: 50%;

  top: 50%;

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

}



.card-style-2 .title {

  font-size: 50px;

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

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

  transition: all ease-in 0.25s;

}

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

  .card-style-2 .title {

    font-size: 30px;

  }

}

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

  .card-style-2 .title {

    font-size: 2px;

  }

}

.card-style-2 .text-content a .sama {

  color: #fff;

  text-align: center;

}



/* ----- Swiper Controls ----- */



.swiper-button-prev,

.swiper-button-next{

  left: 20px;

  top: 50%;

  transform: translateY(-50%);

  width: 50px;

  height: 50px;

  background-color: #fff;

  border-radius: 50%;

  color: #1b2958;

  font-size: 18px;

  transition: 0.3s;

}



.swiper-button-next{

  left: auto;

  right: 20px;

}



.swiper-button-prev:hover,

.swiper-button-next:hover{

  background-color: var(--theme-color);

  color: #fff;

}



.swiper-button-prev:after,

.swiper-button-next:after{

  font-size: 20px;

}



.swiper-pagination{

  display: flex;

  align-items: center;

  justify-content: center;

}



.swiper-container-horizontal>.swiper-pagination-bullets{

  bottom: 30px;

}



.swiper-pagination-bullet{

  width: 12px;

  height: 12px;

  transition: 0.3s;

}



.swiper-pagination-bullet-active{

  width: 14px;

  height: 14px;

}



/*--- Testimonial -----*/



.testimonial-card {

  background-color: #fff;

  padding: 101px 64px;

}

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

  .testimonial-card {

    padding: 68px 42px;

  }

}

.testimonial-card .author-content .thumb {

  border-radius: 50%;

}

.testimonial-card .author-content .quote-thumb {

  margin-bottom: 20px;

}

.testimonial-card .author-content .title {

  color: #050506;

  font-size: 24px;

  margin-bottom: 10px;

}

.testimonial-card .author-content p {

  font-size: 16px;

  font-weight: 600;

  line-height: 21px;

}

.testimonial-card .text-content {

  font-size: 32px;

  line-height: 55px;

  color: #050506;

  font-weight: 400;

}

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

  .testimonial-card .text-content {

    font-size: 26px;

    line-height: 47px;

  }

}



/* style 2 */



.testimonial-card-2 {

  padding: 0;

  margin-bottom: 30px;

}

.testimonial-card-2 .row {

  margin: 0;

}

@media (min-width: 575.98px) {

  .testimonial-card-2 .author-wrapper {

    padding-left: 15px;

    position: relative;

    padding-bottom: 75px;

    padding-top: 75px;

  }

}

@media (max-width: 575.98px) {

  .testimonial-card-2 .author-wrapper {

    padding-top: 60px;

  }

}

@media (min-width: 575.98px) {

  .testimonial-card-2 .author-wrapper .social-icons {

    position: absolute;

    left: 14px;

    bottom: 43px;

  }

}

@media (max-width: 575.98px) {

  .testimonial-card-2 .author-wrapper .social-icons {

    justify-content: center;

    margin-top: 10px;

  }

}

.testimonial-card-2 .author-wrapper .social-icons li {

  margin-right: 18px;

}

.testimonial-card-2 .author-wrapper .social-icons li:last-child {

  margin-right: 0;

}

.testimonial-card-2 .author-wrapper .social-icons li a {

  color: #b7b7b7;

}

.testimonial-card-2 .author-wrapper .social-icons li a:hover {

  color: #f16022;

}

@media (min-width: 575.98px) {

  .testimonial-card-2 .author-col {

    border-right: 1px solid #f1f5ff;

  }

}

.testimonial-card-2 .text-content {

  padding: 40px 10px;

}

@media (max-width: 575.98px) {

  .testimonial-card-2 .text-content {

    border-top: 1px solid #f1f5ff;

    padding: 17px 10px 40px 10px;

  }

}

.testimonial-card-2 .text-content p,

.testimonial-card-3 .text-content p {

  font-size: 23px;

  line-height: 41px;

  font-weight: 500;

  color: #798191;

}

.testimonial-card-2 .author-content .title {

  font-size: 18px;

  line-height: 24px;

}



/* style 3 */



.testimonial-card-3{

  padding: 30px;

}



.testimonial-card-3 .author-content{

  display: flex;

  align-items: center;

  margin-top: 40px;

}

.testimonial-card-3 .author-content .quote-thumb{

 margin-bottom: 0;

 margin-right: 20px;

}





.quote-thumb {

  display: inline-block;

  position: relative;

  z-index: 3;

}

.quote-thumb .quote-icon {

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  top: -20px;

  z-index: -2;

}



/*--- Inputs ----*/



.form-group label {

  font-size: 16px;

  line-height: 25px;

  font-weight: 600;

  color: #050506;

  display: block;

  margin-bottom: 8px;

}



.form-control {

  border: 1px solid #f4f4f4;

  width: 100%;

  border-radius: 0;

  height: 55px;

  padding: 8px 30px;

}

.form-control:focus {

  box-shadow: none;

  border-color: #f16022;

}



textarea.form-control {

  height: auto;

  padding: 26px 30px;

}



.input-group .form-control {

  flex: 1 auto;

  width: 1%;

}



.input-group-prepend,

.input-group-append {

  margin: 0;

}



.input-group-prepend .btn,

.input-group-append .btn{

  line-height: 1.2;

}

.input-group .form-control,

.input-group .form-control{

  height: 52px;

}



.input-group-append button i{

  margin: 0;

}



.input-group-prepend button{

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  box-shadow: none;

}



.input-group-append button{

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

  box-shadow: none;

}



label.error{

  color: #ff1b29580;

  display: block;

  font-size: 13px;

  font-weight: normal;

  text-align: left;

}



.map-wrapper {

  height: 700px;

  width: 100%;

}

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

  .map-wrapper {

    height: 450px;

  }

}

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

  .map-wrapper {

    height: 350px;

  }

}

@media (max-width: 575.98px) {

  .map-wrapper {

    height: 250px;

  }

}



/* ----- Preloader ----- */



.preloader {

    background-color: #f16022;

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    z-index: 9999;

    display: flex;

    align-items: center;

    justify-content: center;

}



.preloader.hidden{

  opacity: 0;

  visibility: hidden;

}



.preloader .preloader-inner{

    position: absolute;

    top: calc(50% - 20px);

    left: calc(50% - 20px);

}



.preloader .box {

  width: 50px;

  height: 50px;

  background: #fff;

  animation: animate .5s linear infinite;

  position: absolute;

  top: 0;

  left: 0;

  border-radius: 3px;

}



.preloader .shadow { 

  width: 50px;

  height: 5px;

  background: #1b2958;

  opacity: 0.1;

  position: absolute;

  top: 59px;

  left: 0;

  border-radius: 50%;

  animation: shadow .5s linear infinite;

}





.sigma_loader {

  position: fixed;

  width: 100%;

  height: 100%;

  display: none;

  z-index: 11b2958;

}

.sigma_loader-element {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  transform: scaleX(0);

  transform-origin: center right;

  background: #fff;

  z-index: 11b2958;

}

.sigma_loader-element:first-of-type {

  background: #1c1e2a;

}



/*=======  ANIMATION  =======*/



@keyframes animate {

  17% { border-bottom-right-radius: 3px; }

  25% { transform: translateY(9px) rotate(22.5deg); }

  50% {

    transform: translateY(18px) scale(1,.9) rotate(45deg) ;

    border-bottom-right-radius: 40px;

}

75% { transform: translateY(9px) rotate(67.5deg); }

100% { transform: translateY(0) rotate(90deg); }

}



@keyframes shadow {

  50% {

    transform: scale(1.2,1);

  }

}





.slide-wrapper {

  padding-top: 180px;

  padding-bottom: 100px;

  min-height: 100vh;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  position: relative;

  z-index: 2;

}

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

  .slide-wrapper {

    padding-top: 120px;

    padding-bottom: 120px;

  }

}

.slide-wrapper .sub-title {

  margin-bottom: 10px;

  display: block;

  font-size: 24px;

  line-height: 28px;

}

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

  .slide-wrapper .sub-title {

    margin-bottom: 5px;

  }

}

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

  .slide-wrapper .sub-title {

    font-size: 18px;

    line-height: 25px;

  }

}

.slide-wrapper .xl-title {

  margin-bottom: 12px;

  font-size: 92px;

  line-height: 105px;

  position: relative;

  z-index: 2;

}

.slide-wrapper .xl-title .bg-brash {

  display: inline-block;

  position: relative;

  z-index: -1;

}

.slide-wrapper .xl-title .bg-brash img {

  position: absolute;

  right: -25px;

  top: -45px;

  z-index: -2;

}

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

  .slide-wrapper .xl-title .bg-brash img {

    width: 150px;

  }

}

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

  .slide-wrapper .xl-title .bg-brash img {

    top: -9px;

  }

}

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

  .slide-wrapper .xl-title {

    font-size: 60px;

    line-height: 70px;

  }

}

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

  .slide-wrapper .xl-title {

    font-size: 46px;

    line-height: 55px;

    margin-bottom: 20px;

  }

}

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

  .slide-wrapper .signature {

    max-width: 250px;

  }

}

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

  .slide-wrapper .signature {

    max-width: 200px;

  }

}

.slide-wrapper p {

  margin-bottom: 47px;

  font-size: 24px;

  line-height: 36px;

}

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

  .slide-wrapper p {

    margin-bottom: 40px;

  }

}

.slide-wrapper .sub-title, .slide-wrapper .xl-title, .slide-wrapper p, .slide-wrapper .btn-area {

  transform: translateY(30px);

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  opacity: 0;

}

.slide-wrapper .hero-right-shapes {

  right: 150px;

  top: 300px;

  position: absolute;

  width: 30%;

  z-index: -2;

}

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

  .slide-wrapper .hero-right-shapes {

    width: 50%;

    top: 179px;

    right: -40px;

  }

  .slide-wrapper .hero-right-shapes .shape-3 {

    opacity: 0;

  }

}

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

  .slide-wrapper .hero-right-shapes {

    width: 40%;

    top: 236px;

    right: -40px;

  }

}

.slide-wrapper .hero-right-shapes span {

  display: block;

}

.slide-wrapper .hero-right-shapes span img {

  width: 100%;

}

.slide-wrapper .hero-right-shapes .shape-1 {

  width: 33%;

  top: -50px;

  animation: rotated 20s infinite linear;

}

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

  .slide-wrapper .hero-right-shapes .shape-1 {

    width: 50%;

    top: -45px;

  }

}

.slide-wrapper .hero-right-shapes .shape-2 {

  top: 35%;

  left: 25%;

  width: 44px;

  animation: bounce 8s infinite linear;

}

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

  .slide-wrapper .hero-right-shapes .shape-2 {

    top: 29px;

    left: -35px;

    width: 29px;

  }

}

.slide-wrapper .hero-right-shapes .shape-1, .slide-wrapper .hero-right-shapes .shape-2 {

  position: absolute;

}



.hero-slide-container .swiper-slide {

  overflow: hidden;

}

.hero-slide-container .swiper-slide-active .slide-wrapper .sub-title {

  transition-delay: 0.3s;

}

.hero-slide-container .swiper-slide-active .slide-wrapper .xl-title {

  transition-delay: 0.4s;

}

.hero-slide-container .swiper-slide-active .slide-wrapper p {

  transition-delay: 0.5s;

}

.hero-slide-container .swiper-slide-active .slide-wrapper .btn-area {

  transition-delay: 0.6s;

}

.hero-slide-container .swiper-slide-active .slide-wrapper .sub-title, .hero-slide-container .swiper-slide-active .slide-wrapper .xl-title, .hero-slide-container .swiper-slide-active .slide-wrapper p, .hero-slide-container .swiper-slide-active .slide-wrapper .btn-area {

  transform: translateY(0);

  opacity: 1;

}



.hero-area {

  position: relative;

}

.hero-area video{

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  z-index: -2;

}

.hero-area .hero-pagination {

  position: absolute;

  right: 50px;

  top: calc(50% + 53px);

  transform: translateY(-50%);

  z-index: 15;

  background-color: rgba(255, 255, 255, 0.07);

  padding: 30px 28px;

  -webkit-backdrop-filter: blur(1rem);

  -ms-backdrop-filter: blur(1rem);

  -o-backdrop-filter: blur(1rem);

  backdrop-filter: blur(1rem);

  border-radius: 4px;

}

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

  .hero-area .hero-pagination {

    padding: 20px 20px;

    top: auto;

    bottom: 10px;

    right: 50%;

    transform: translateY(0) translateX(50%);

    display: -ms-flexbox;

    display: flex;

  }

}

.hero-area .hero-pagination .swiper-pagination-bullet {

  height: auto;

  width: auto;

  background-color: transparent;

  display: block;

  color: #fff;

  font-family: var(--ff-heading);

  font-size: 18px;

  color: transparent;

  position: relative;

  overflow: hidden;

  border-radius: 0;

  margin-bottom: 5px;

  font-weight: bold;

  transition: all 0.25s;

}

.hero-area .hero-pagination .swiper-pagination-bullet:last-child {

  margin-bottom: 0;

}

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

  .hero-area .hero-pagination .swiper-pagination-bullet {

    margin-bottom: 0;

    margin: 0 8px;

  }

}

.hero-area .hero-pagination .swiper-pagination-bullet::before, .hero-area .hero-pagination .swiper-pagination-bullet::after {

  color: #fff;

  content: attr(data-index);

  position: absolute;

  left: 0;

  top: 0;

  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);

}

.hero-area .hero-pagination .swiper-pagination-bullet::before {

  transition-delay: 0.1s;

}

.hero-area .hero-pagination .swiper-pagination-bullet::after {

  transform: translateX(-100%);

}

.hero-area .hero-pagination .swiper-pagination-bullet-active {

  transform: scale(1.5);

}

.hero-area .hero-pagination .swiper-pagination-bullet-active::after {

  transform: translateX(0);

  transition-delay: 0.1s;

}

.hero-area .hero-pagination .swiper-pagination-bullet-active::before {

  transform: translateY(-100%);

  transition-delay: 0s;

}

.hero-area .hero-pagination .swiper-pagination-bullet-active::before, .hero-area .hero-pagination .swiper-pagination-bullet-active::after {

  color: #f16022;

}

.hero-area .grid-lines {

  position: absolute;

  height: 100%;

  width: 100%;

  z-index: 2;

  padding-left: 6vw;

  padding-right: 6vw;

  pointer-events: none;

}

.hero-area .grid-lines span {

  display: block;

  width: 1px;

  height: 100%;

  background-color: rgba(255, 255, 255, 0.05);

}



.hero-area.hero-area-2{

  border-bottom-left-radius: 8%;

  overflow: hidden;

}



.hero-area.hero-area-2 svg{

  position: absolute;

  bottom: 0;

  width: 90%;

  height: 5vw;

  right: 0;

  z-index: 2;

}



.hero-slide-2 .slide-wrapper {

  padding-top: 150px;

  padding-bottom: 150px;

}



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

  .hero-slide-2 .slide-wrapper {

    padding-top: 110px;

  }

}



.hero-area-2 .hero-pagination {

  top: 50%;

}

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

  .hero-area-2 .hero-pagination {

    padding: 20px 20px;

    top: auto;

    bottom: 10px;

    right: 50%;

    transform: translateY(0) translateX(50%);

    display: -ms-flexbox;

    display: flex;

  }

}



/* --- hero style 3--- */



.hero-area.hero-area-3 svg{

  position: absolute;

  bottom: 0;

  width: 100%;

}

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

  .hero-area.hero-area-3 .slide-wrapper {

      padding-bottom: 150px;

  }

  .hero-area.hero-area-3 .hero-pagination{

    bottom: 48px;

  }

}



/* --- hero style 4--- */



.hero-area.hero-area-4{

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

}



/* --- hero style 5--- */



.hero-area.hero-area-5{

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

}



.hero-area.hero-area-5 .slide-wrapper{

  padding-bottom: 220px;

}



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

  .hero-area.hero-area-5 .slide-wrapper{

    padding-bottom: 220px;

  }

  .hero-area.hero-area-5 .hero-pagination{

    bottom: 100px;

  }

}



/* --- hero style 6--- */



.hero-area.hero-area-6 svg,

.hero-area.hero-area-8 svg{

  position: absolute;

  bottom: 0;

  width: 100%;

  z-index: 1;

}



.hero-area.hero-area-6 .slide-wrapper{

  padding-bottom: 230px;

  padding-top: 255px;

}



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

  .hero-area.hero-area-6 .slide-wrapper{

    padding-bottom: 180px;

    padding-top: 180px;

  }

  .hero-area.hero-area-6 .hero-pagination{

    bottom: 70px;

  }

}

/* --- hero style 7--- */



.hero-area.hero-area-7{

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

}



.hero-area.hero-area-7 .slide-wrapper{

  padding-bottom: 300px;

}



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

  .hero-area.hero-area-7 .hero-pagination{

    bottom: 200px;

  }

}



/* --- hero style 8--- */



.hero-area.hero-area-8 svg{

  height: 10vw;

}

.hero-area.hero-area-8 .slide-wrapper{

  padding-bottom: 200px;

  padding-top: 150px;

}

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

  .hero-area.hero-area-8 .hero-pagination,

  .hero-area.hero-area-9 .hero-pagination{

    bottom: 70px;

  }

  .hero-area.hero-area-8 .slide-wrapper{

    padding-top: 110px;

  }

}



/* --- hero style 9--- */



.hero-area.hero-area-9 .hero-svg-wrapper{

  width: 100%;

  height: 15%;

  position: absolute;

  left: 0;

  bottom: 0;

}



.hero-area.hero-area-9 svg{

  position: absolute;

  left: 0;

  bottom: -1px;

  width: 100%;

  height: 100%;

  z-index: 2;

}

.hero-area.hero-area-9 .slide-wrapper{

  padding-bottom: 170px;

  padding-top: 150px;

}



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

  .hero-area.hero-area-9 .slide-wrapper{

    padding-top: 110px;

  }

}



.hv-as-header {

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

}

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

  .hv-as-header {

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

  }

}



.header-area {

  z-index: 999;

  position: relative;

}



.header-main {

  z-index: 999;

  position: relative;

  background: #283958;

}

.header-main .separator-2 {

  height: 80px;

  width: 1px;

  background-color: #ddd;

}

.header-main .navbar {

  padding: 0;

  position: relative;

}

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

  .header-main .navbar {

    padding: 20px 0;

  }

}

.header-main .navbar-nav {

  flex-direction: row;

  font-family: var(--ff-heading);

}

.header-main .navbar-nav li {

  position: relative;

}

.header-main .navbar-nav li a {

  font-size: 16px;

  line-height: 24px;

  text-transform: uppercase;

  font-weight: bold;

  color: var(--color-dark);

  padding: 40px 15px;

  display: block;

  text-decoration: none !important;

  border-top: 2px solid transparent;

  border-bottom: 2px solid transparent;

}

.header-main .navbar-nav li a:hover {

  color: var(--theme-color);

}

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

  

}



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

  .header-main .navbar-nav li .dropdown-link {

    position: relative;

    padding-right: 16px;

  }

  .header-main .navbar-nav li .dropdown-link::before {

    content: "\f107";

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 0;

  }



  .header-main .navbar-nav li ul li .dropdown-link::before{

    content: "\f105";

    right: 16px;

    font-size: 20px;

  }

}

.header-main .navbar-nav li a.active {

  color: var(--theme-color);

}

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

  .header-main .navbar-nav li a.active {

    border-top: 2px solid var(--theme-color);

  }

}

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

  .header-main .navbar-nav li a {

    padding: 14px 5px;

    border-bottom: 1px solid #eee;

  }

  .header-main .navbar-nav li:last-child > a {

    border-bottom: none;

  }

}

.header-main .navbar-nav li ul {

  display: block;

  border: none;

  border-radius: 0;

  border-top: 2px solid #f16022;

  position: absolute;

  top: calc(100% + 10px);

  left: 0;

  z-index: 2;

  min-width: 220px;

  height: auto;

  margin-top: 0;

  box-shadow: 0 6px 20px 3px rgba(0, 0, 0, 0.04);

  padding: 0.5rem 0;

  margin: 0;

  list-style: none;

  -webkit-transition: all 0.2s;

  -o-transition: all 0.2s;

  transition: all 0.2s;

  transform-origin: top;

  opacity: 0;

  visibility: hidden;

  background-color: #fff;

}



.header-main .navbar-nav li ul li a {

  border-bottom: 1px solid #eee;

}

.header-main .navbar-nav li ul li:last-child > a {

  border-bottom: none;

}

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

  .header-main .navbar-nav li ul {

    position: relative;

    opacity: 1;

    visibility: visible;

    top: 0;

    padding-top: 0;

    padding-bottom: 0;

    padding-left: 20px;

    box-shadow: none;

    border-bottom: 1px solid #eee;

    border-top: none;

    display: none;

    transition: all 0s;

  }

}

.header-main .navbar-nav li ul ul {

  left: 100%;

  top: 10px;

}



/* Changes done by Irfan Tariq */

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

  .header-main .navbar-nav li ul ul {

    left: -100%;

    top: 10px;

  }

}



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

  .header-main .navbar-nav li ul ul {

    top: 0;

    left: 0;

  }

}

.header-main .navbar-nav li ul li a {

  padding: 10px 20px;

}

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

  .header-main .navbar-nav li ul li a {

    padding: 14px 5px;

  }

}

.header-main .navbar-nav li ul li a:hover {

  background-color: #eee;

}

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

  .header-main .navbar-nav li ul li a:hover {

    background-color: transparent;

  }

}

.header-main .navbar-nav li ul .dropdown-btn {

  top: 15px;

}

.header-main .navbar-nav li:hover > ul {

  top: 100%;

  opacity: 1;

  visibility: visible;

}

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

  .header-main .navbar-nav li:hover > ul {

    top: 0;

  }

}

.header-main .navbar-nav li ul li:hover > ul {

  top: 0;

}

.header-main .navbar-nav li .dropdown-btn {

  position: absolute;

  right: 0;

  top: 21px;

  text-align: center;

  cursor: pointer;

  background-color: transparent;

  border-color: transparent;

  display: none;

  color: var(--color-dark);

  padding: 0;

  width: 16px;

  height: 16px;

}

.header-main .navbar-nav li .dropdown-btn::before, .header-main .navbar-nav li .dropdown-btn::after {

  content: "";

  position: absolute;

  left: 0;

  top: 4px;

  height: 2px;

  width: 100%;

  background-color: var(--color-dark);

  transition: all 0.25s;

}

.header-main .navbar-nav li .dropdown-btn::before {

  transform: rotate(90deg);

}

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

  .header-main .navbar-nav li .dropdown-btn {

    display: block;

  }

}

.header-main .navbar-nav li .dropdown-btn.active-dropdown::before {

  transform: rotate(0);

}

.header-main .navbar-nav .nav-item {

  margin-right: 10px;

}

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

  .header-main .navbar-nav .nav-item {

    margin-right: 0;

  }

}

.header-main .navbar-nav .nav-item:last-child {

  margin-right: 0;

}

.header-main .navbar-nav .dropdown-toggle::after {

  display: none;

}

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

  .header-main .navbar-nav-wrapper {

    background-color: #fff;

  }

}

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

  .header-main .navbar-nav-wrapper {

    position: absolute;

    top: 100%;

    left: 0;

    width: 100%;

    display: none;

  }

  .header-main .navbar-nav-wrapper .navbar-nav {

    flex-direction: column;

    padding: 0 25px;

    border-top: 2px solid var(--theme-color);

  }

}

.header-main .right-toggle-btn {

  margin-left: 230px;

}



.header-text-info p {

  font-size: 16px;

  line-height: 24px;

  color: var(--heading-color);

}

.header-text-info p span {

  color: #f16022;

}

.header-text-info a {

  font-size: 24px;

  color: var(--heading-color);

  font-weight: bold;

}



.header-style-2 .header-text-info p,

.header-style-2 .header-text-info a{

  color: #fff;

}



.header-text-info a:hover {

  text-decoration: none;

}

.header-text-info .text-info {

  margin-left: 20px;

}



/* --- has-megamenu --- */

.header-area .navbar-nav .nav-item.has-megamenu{

  position: static;

}



.header-area .navbar-nav .nav-item.has-megamenu ul.mega-menu-list{

  min-width: auto;

  width: 100%;

  display: flex;

}



.header-area.header-style-2.style-4 .navbar-nav .nav-item.has-megamenu ul.mega-menu-list{

  min-width: 530px;

}



.header-area .navbar-nav .nav-item.has-megamenu ul li.mega-menu-item{

  width: 24%;

  margin: 0 10px;

}



.header-area .navbar-nav .nav-item.has-megamenu ul li.mega-menu-item ul{

  position: static;

  top: 0;

  left: 0;

  border-top: 0;

  opacity: 1;

  visibility: visible;

  min-width: auto;

  width: 100%;

}



.header-main .navbar-nav li.nav-item.has-megamenu .mega-menu-list + .dropdown-btn::before,

.header-main .navbar-nav li.nav-item.has-megamenu .mega-menu-list + .dropdown-btn::after{

  content: none;

}



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

  .header-area .navbar-nav .nav-item.has-megamenu{

    position: relative;

  }

}



.searh-icon-wrapper {

  background-color: transparent;

  border: transparent;

  color: #fff;

  text-align: left;

}

.searh-icon-wrapper svg {

  width: 25px;

}

.searh-icon-wrapper svg path {

  stroke: #fff;

}

.searh-icon-wrapper span {

  font-size: 16px;

  line-height: 24px;

  display: block;

  margin-left: 15px;

  font-weight: 600;

}



.search-and-text-info .separator {

  display: block;

  width: 1px;

  height: 50px;

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

  margin: 0 30px;

}



.right-toggle-btn {

  color: #fff;

  font-size: 18px;

  font-weight: bold;

}



.nav-toggle-btn {

  width: 28px;

  height: 20px;

  position: relative;

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);

  -webkit-transition: 0.5s ease-in-out;

  -moz-transition: 0.5s ease-in-out;

  -o-transition: 0.5s ease-in-out;

  transition: 0.5s ease-in-out;

  cursor: pointer;

  background-color: transparent;

  border: transparent;

  outline: none !important;

}

.nav-toggle-btn span {

  display: block;

  position: absolute;

  height: 2px;

  width: 100%;

  background: var(--color-dark);

  border-radius: 9px;

  opacity: 1;

  left: 0;

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);

  -webkit-transition: 0.25s ease-in-out;

  -moz-transition: 0.25s ease-in-out;

  -o-transition: 0.25s ease-in-out;

  transition: 0.25s ease-in-out;

}

.nav-toggle-btn span:nth-child(1) {

  top: 0px;

}

.nav-toggle-btn span:nth-child(2), .nav-toggle-btn span:nth-child(3) {

  top: 9px;

}

.nav-toggle-btn span:nth-child(4) {

  top: 18px;

}



.nav-toggle-btn.open span:nth-child(1) {

  top: 9px;

  width: 0%;

  left: 50%;

}

.nav-toggle-btn.open span:nth-child(2) {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}

.nav-toggle-btn.open span:nth-child(3) {

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

  -moz-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

.nav-toggle-btn.open span:nth-child(4) {

  top: 9px;

  width: 0%;

  left: 50%;

}



.header-style-2 {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

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

}

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

  .header-style-2 .header-main .navbar-nav li a {

    color: #fff;

  }

}

.header-style-2 .header-main .navbar-nav li a:hover {

  color: #f16022;

}

.header-style-2 .header-main .navbar-nav li a.active {

  color: #f16022;

  border-top:2px solid #f16022;

}

.header-style-2 .header-main .navbar-nav li ul li a {

  color: var(--color-dark);

}

.header-style-2 .header-main .navbar-nav li a.active {

  color: #f16022;

}

.header-style-2 .nav-toggle-btn span {

  background-color: #fff;

}



.header-light {

  background-color: #fff;

}

.header-light .searh-icon-wrapper {

  color: #777777;

}

.header-light .searh-icon-wrapper svg path {

  stroke: #262627;

}



.header-area .header-top-area {

  background-color: var(--color-gray);

}

.header-area .header-top-area .btn-ht {

  background-color: #f16022;

  display: inline-block;

  color: #ffff;

  margin-bottom: 10px;

  font-size: 14px;

  padding: 4px 33px;

  border-radius: 0 0 4px 4px;

}

.header-area .header-top-area .btn-ht i {

  font-size: 18px;

  margin-right: 15px;

}

.header-area .header-top-area .btn-ht:hover {

  text-decoration: none;

}

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

  .header-area .header-top-area {

    padding-top: 20px;

  }

}

.header-area .header-top-area .social-icons {

  background-color: var(--color-white);

  padding-left: 0;

}

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

  .header-area .header-top-area .social-icons {

    padding-left: 17px;

  }

}

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

  .header-area .header-top-area .social-icons {

    background-color: transparent;

    padding-left: 0;

    padding-top: 0;

    padding-bottom: 0;

  }

}

.header-area .header-top-area .header-top-content {

  position: relative;

  z-index: 2;

}

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

  .header-area .header-top-area .header-top-content {

    padding: 25px 30px;

    background-color: var(--color-white);

    display: none;

  }

}

.header-area .header-top-area .header-top-content::before {

  content: "";

  height: 100%;

  width: 100%;

  left: 100%;

  top: 0;

  z-index: -2;

  background-color: var(--color-white);

  position: absolute;

}

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

  .header-area .header-top-area .header-top-content::before {

    display: none;

  }

}

.header-area .header-top-area .content-item {

  margin-right: 20px;

}

.header-area .header-top-area .content-item:last-child {

  margin-right: 0;

}

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

  .header-area .header-top-area .content-item {

    margin-bottom: 15px;

  }

  .header-area .header-top-area .content-item:last-child {

    margin-bottom: 0;

  }

}



/* ---- header has borders ----- */



.header-style-2.has-borders .navbar-nav-wrapper{

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

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

  padding: 0 30px;

}



.header-style-2.has-borders .search-and-text-info .separator{

  height: 108px;

}



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

  .header-style-2.has-borders .navbar-nav li .dropdown-link::before{

    content: "\f067";

    font-size: 10px;

  }

  .header-style-2.has-borders .navbar-nav li a.active{

    border-top: 0;

  }

}



/* ---- header style 3 ----- */



.header-area.style-3 .header-top-area .btn-ht{

  margin: 0;

  border-radius: 0;

  padding-top: 6px;

  padding-bottom: 6px;

  background-color: transparent;

  position: relative;

  z-index: 1;

}



.header-area.style-3 .header-top-area .btn-ht:before{

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: var(--theme-color);

  transform: skewX(-8deg);

  z-index: -1;

}



.header-area.style-3 .header-top-area .social-icons li{

  margin-right: 0;

}



.header-area.style-3 .header-top-area .social-icons li{

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

  padding-left: 15px;

  margin-left: 15px;

  display: flex;

  align-items: center;

}

.header-area.style-3 .header-top-area .social-icons li:first-child{

  margin-left: 0;

}



.header-area.style-3 .header-top-area .social-icons li:last-child{

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

  padding-right: 15px;

}



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

  .header-area.style-3 .navbar-nav li .dropdown-link::before{

    content: "\f063";

    font-size: 12px;

  }

  .header-area.style-3 .navbar-nav li ul li .dropdown-link::before{

    content: "\f061";

  }

}



/* ---- header style 4 ----- */



.header-area.style-4 .header-top-area{

  padding: 10px 0;

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

}

.header-area.style-4 .header-top-area .social-icons li a{

  color: #fff;

}

.header-area.style-4 .header-top-area .social-icons li a:hover{

  color: var(--theme-color);

}



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

  .header-area.style-4 .navbar .navbar-brand{

    margin: 0 45px;

  }

}



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

  .header-area.style-4 .navbar .navbar-brand{

    margin: 0 100px;

  }

}



/* ---- header style 5 ----- */



.header-area.header-style-2.style-5{

  border-bottom: 0;

}

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

  .header-area.style-5 .navbar-nav li a.active{

    border-top: 0;

  }

}

.header-area.style-5 .navbar .social-icons li,

.header-area.style-7 .navbar .social-icons li{

  margin-right: 4px;

}



.header-area.style-5 .navbar .social-icons.has-white-border li a,

.header-area.style-7 .navbar .social-icons.has-border li a{

  width: 32px;

  height: 32px;

  font-size: 14px;

}



.header-area.style-5 .search-and-text-info .separator,

.header-area.style-7 .separator-2{

  height: 32px;

  margin: 0 12px;

}





/* ---- header style 6 ----- */

.header-area.style-6 .header-main .separator-2{

  height: 40px;

}

.header-area.style-6 .header-top-area .btn-ht{

  margin: 10px 0 0;

  border-radius: 0;

  position: relative;

  z-index: 1;

}



.header-area.style-6 .header-top-area .btn-ht:before,

.header-area.style-6 .header-top-area .btn-ht:after{

  content: "";

  position: absolute;

  left: -40px;

  top: 0;

  border-right: 20px solid var(--theme-color);

  border-top: 40px solid transparent;

  border-bottom: 0;

  border-left: 20px solid transparent;

  z-index: -1;

}



.header-area.style-6 .header-top-area .btn-ht:after{

  left: auto;

  right: -40px;

  border-left: 20px solid var(--theme-color);

  border-top: 40px solid transparent;

  border-bottom: 0;

  border-right: 20px solid transparent;

}



.header-area.style-6 .navbar .navbar-brand,

.header-area.style-7 .navbar .navbar-brand{

  padding: 30px 50px;

  position: relative;

  margin-bottom: -20px;

  margin-right: 0;

  min-height: 128px;

  background-color: var(--theme-color);

  z-index: 1;

}



.header-area.style-6 .navbar .navbar-brand:after{

  content: "";

  position: absolute;

  bottom: -60px;

  left: 0;

  border-left: 82px solid transparent;

  border-right: 82px solid transparent;

  border-top: 60px solid var(--theme-color);

  z-index: -1;

}



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

  .header-area.style-6 .navbar{

    padding: 0;

  }

  .header-area.style-6 .navbar .navbar-brand{

    min-height: auto;

    margin-bottom: 0;

    padding-top: 20px;

    padding-bottom: 20px;

  }

  .header-area.style-6 .navbar .navbar-brand:after{

    content: none;

  }

}



/* ---- header style 7 ----- */



.header-area.style-7 .navbar .navbar-brand{

  background-color: #fff;

  box-shadow: 0 2px 16px rgb(0 0 0 / 16%);

  margin-bottom: -32px;

  min-height: 140px;

  display: block;

}



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

  .header-area.style-7 .navbar .navbar-brand{

    padding: 0;

    margin: 0;

    box-shadow: none;

    min-height: auto;

  }

}







.search-box-wrap {

  position: fixed;

  left: 0;

  top: 0;

  height: 300px;

  width: 100%;

  background-color: #fff;

  z-index: 999;

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

  display: none;

}

.search-box-wrap .close-btn {

  position: absolute;

  right: 50px;

  top: 50px;

}



.search-lg-input-wrapper {

  position: relative;

  width: 70%;

}

.search-lg-input-wrapper .search-form {

  width: 100%;

  border-color: transparent;

  background-color: transparent;

  border-bottom: 1px solid #ddd;

  padding: 20px 0;

  font-size: 24px;

}

.search-lg-input-wrapper .search-btn {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: 0;

  background-color: transparent;

  border-color: transparent;

}

.search-lg-input-wrapper .search-btn svg {

  width: 30px;

}

.search-lg-input-wrapper .search-btn svg path {

  stroke: #1f1f1f;

}



.about-content .sub-title {

  font-weight: 600;

  padding-top: 30px;

  padding-bottom: 15px;

}

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

  .about-content .sub-title {

    padding-top: 20px;

  }

}

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

  .about-content .sub-title {

    padding-top: 15px;

  }

}

.about-area-2 .section-title {

  margin-bottom: 30px;

}



.round-check-list {

  margin-bottom: 42px;

}

.round-check-list .check-item {

  position: relative;

  padding-left: 30px;

  margin-bottom: 2px;

  color: #050506;

}

.round-check-list .check-item:before {

  content: "\f058";

  font-family: "Font Awesome 5 Free";

  font-weight: 400;

  position: absolute;

  left: 0;

  top: 0;

  color: #f16022;

}



.about-btn .btn {

  padding: 16px 37px;

}



svg.radial-progress {

  height: auto;

  transform: rotate(-90deg);

  width: 100%;

}



svg.radial-progress circle {

  fill: rgba(0, 0, 0, 0);

  stroke-dashoffset: 219.9114857513;

  stroke-width: 1px;

}



svg.radial-progress circle.incomplete {

  stroke: #dfdfdf;

}



svg.radial-progress circle.complete {

  stroke-dasharray: 219.9114857513;

  stroke: #f16022;

}



svg.radial-progress text {

  fill: #050506;

  text-anchor: middle;

}



.circle-progress {

  position: relative;

  min-width: 120px;

  width: 120px;

}



.circle-progress.extra-width{

  width: 220px;

}



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

  .circle-progress {

    min-width: 95px;

    width: 95px;

  }

}

.circle-progress .percentage {

  position: absolute;

  left: calc(50% + 3px);

  top: calc(50% + 3px);

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

  color: #050506;

  font-size: 32px;

  font-weight: 600;

}

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

  .circle-progress .percentage {

    font-size: 25px;

  }

}

.circle-progress .percentage small {

  font-size: 18px;

  font-weight: bold;

  color: #798191;

}

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

  .circle-progress .percentage small {

    font-size: 15px;

  }

}



.progress-item .progress-content {

  margin-left: 25px;

}

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

  .progress-item .progress-content {

    margin-left: 15px;

  }

}

.progress-item .progress-content p {

  font-size: 18px;

  color: #798191;

  line-height: 24px;

  margin-bottom: 7px;

}

.progress-item .progress-content h4 {

  font-size: 24px;

  line-height: 28px;

  color: #050506;

}

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

  .progress-item .progress-content h4 {

    font-size: 21px;

    line-height: 27px;

  }

}



.progress-wrapper .progress-item {

  border-bottom: 1px solid #e7e7e7;

  margin-bottom: 24px;

  padding-bottom: 24px;

}

.progress-wrapper .progress-item:last-child {

  border-bottom: none;

  padding-bottom: 0;

  margin-bottom: 0;

}



.service-item {

  background-color: #fff;

}

.service-item .thumb img {

  width: 100%;

}

.service-item .service-content {

  padding: 25px 40px;

  font-weight: 500;

}

.service-item .service-content .service-header {

  margin-bottom: 32px;

}

.service-item .service-content .service-header .service-icon {

  position: relative;

  margin-right: 31px;

}

.service-item .service-content .service-header .service-icon .hover-icon {

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

  transition: all 0.3s;

}

.service-item .service-content .service-header .service-title h4 {

  font-size: 24px;

  line-height: 35px;

  font-weight: 600;

}

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

  .service-item .service-content .service-header .service-title h4 br {

    display: none;

  }

}

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

  .service-item .service-content .service-header .service-title h4 br {

    display: none;

  }

}

.service-item .service-content .service-btn {

  padding-top: 25px;

}

.service-item .service-content .service-btn .btn {

  padding: 12px 17px;

  background: #f5f5f5;

  color: #798191;

  transition: all 0.4s;

}

.service-item .service-content .service-btn .btn:before {

  content: "";

  position: absolute;

  background: #dddddd;

  transition: all 0.3s;

}

.service-item:hover .hover-icon {

  opacity: 1 !important;

}

.service-item:hover .btn {

  background: #f16022 !important;

  color: #fff !important;

}

.service-item:hover .btn:before {

  background: #f16022;

}



/* ---- style 2 ---- */



.service-area-3 .mb-minus-30{

  margin-bottom: -62px;

}



.service-item.style-2{

  background-color: transparent;

}



.service-item.style-2 .service-content{

  padding: 0;

}



.service-item.style-2 .service-header{

  display: flex;

}



.service-item.style-2 .service-header .service-title{

  flex: 1;

}



.service-item.style-2 .service-header .service-title h4 a{

  color: #fff;

}



.service-item.style-2 .service-header .service-title h4 a:hover{

  color: #f16022;

}

.portfolio-details .service-item .service-header a:hover{

  background-color: #f16022;

}

.portfolio-details .service-item .service-header:hover a:after{

  background-color: #f16022;

}



.service-area-2 .service-icon {

  margin-bottom: 22px;

  margin-right: 0;

}



.portfolio-area {

  position: relative;

  z-index: 3;

}

.portfolio-area::before {

  min-height: 600px;

  content: "";

  height: 40%;

  width: 100%;

  left: 0;

  top: 0;

  z-index: -2;

  background-color: #1b2958;

  position: absolute;

  background-size: 10px 10px;

  background-position: 0 0, 0 0;

}



.portfolio-wrapper {

  position: relative;

  overflow: hidden;

  border-radius: 4px;

}

.portfolio-wrapper .portfolio-content {

  width: 100%;

  position: absolute;

  left: 0;

  bottom: 0;

  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, black 100%);

  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, black 100%);

  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, black 100%);

  padding: 54px 40px;

  opacity: 0;

  transition: all ease-out 0.25s;

}

.portfolio-wrapper .portfolio-content h4, .portfolio-wrapper .portfolio-content .custom-badge {

  transform: translateY(20px);

  opacity: 0;

  transition: all ease-out 0.25s;

}

.portfolio-wrapper .portfolio-content h4 {

  color: #fff;

  font-size: 32px;

  line-height: 45px;

  font-weight: bold;

  margin-top: 18px;

}

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

  .portfolio-wrapper .portfolio-content h4 {

    font-size: 27px;

    line-height: 36px;

  }

}

.portfolio-wrapper .portfolio-img img {

  width: 100%;

  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s;

}

.portfolio-wrapper:hover .portfolio-content {

  opacity: 1;

}

.portfolio-wrapper:hover .portfolio-content h4, .portfolio-wrapper:hover .portfolio-content .custom-badge {

  transform: translateY(0);

  opacity: 1;

  transition: all ease-out 0.35s;

}

.portfolio-wrapper .portfolio-content .custom-badge:hover  {

  background-color:#f16022;

}

.portfolio-content:hover .custom-badge:after{

  border-top-color: #f16022;

}

.portfolio-wrapper:hover .portfolio-content h4 {

  transition-delay: 0.1s;

}

.portfolio-wrapper:hover .portfolio-img img {

  transform: scale(1.1);

}



.portfolio-wrapper.active-text .portfolio-content {

  opacity: 1;

}

.portfolio-wrapper.active-text .portfolio-content h4, .portfolio-wrapper.active-text .portfolio-content .custom-badge {

  transform: translateY(0);

  opacity: 1;

}



.portfolio-area.bg-dark:before{

  content: none;

}



.portfolio-menu button, .portfolio-menu a {

  background-color: transparent;

  border-color: transparent;

  color: #fff;

  padding: 4px 15px;

  display: block;

  margin: 5px;

}

.portfolio-menu button:hover, .portfolio-menu a:hover {

  text-decoration: none;

}

.portfolio-menu button.active, .portfolio-menu a.active {

  background-color: rgba(255, 255, 255, 0.12);

}



.menu-dark.portfolio-menu button, .menu-dark.portfolio-menu a {

  color: #798191;

  font-weight: 600;

}

.menu-dark.portfolio-menu button.active, .menu-dark.portfolio-menu a.active {

  background-color: #f16022;

  color: #fff;

}



.custom-tab-wrapper {

  position: relative;

}

.custom-tab-wrapper .tab-item {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  visibility: hidden;

  opacity: 0;

  transition: all 0.25s;

}

.custom-tab-wrapper .active.tab-item {

  position: relative;

  width: auto;

  height: auto;

  visibility: visible;

  opacity: 1;

}



.business-area {

  width: 100%;

  height: 766px;

}

.business-area .business-item {

  padding-top: 170px;

}

.business-area .business-item .business-content h1 {

  font-size: 60px;

  line-height: 68px;

  font-weight: 700;

  color: #fff;

  margin-bottom: 45px;

}



.testimonial-area {

  position: relative;

  z-index: 5;

}

.testimonial-area .parallax-bg {

  position: absolute;

  left: 0;

  top: 0;

  height: 80%;

  width: 100%;

  z-index: -3;

}

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

  .testimonial-area .parallax-bg {

    height: 70%;

  }

}



.blog-card {

  position: relative;

  background-color: #fff;

}

.blog-card .thumb {

  position: relative;

}

.blog-card .thumb img {

  width: 100%;

}

.blog-card .thumb .custom-badge {

  position: absolute;

  left: 40px;

  bottom: -20px;

}

.blog-card .blog-content .blog-meta span {

  font-size: 16px;

  font-weight: 500;

}

.blog-card .blog-content .blog-meta .date {

  margin-right: 22px;

}

.blog-card .blog-content .blog-meta .comments {

  color: #f16022;

}

.blog-card .blog-content h4 {

  font-size: 24px;

  line-height: 36px;

}

.blog-card .blog-content .title-32 {

  font-size: 32px;

  line-height: 45px;

}

.blog-card .blog-content .blog-btn .btn {

  background: transparent;

  padding: 0;

  color: #798191;

}

.blog-card .blog-content .blog-btn .btn:before {

  background: transparent;

}

.blog-card .blog-content .text-content {

  padding-left: 40px;

  padding-right: 40px;

  padding-bottom: 43px;

  padding-top: 60px;

}

@media (max-width: 576px){

  .blog-card .blog-content .text-content {

    padding-left: 20px;

    padding-right: 20px;

  }

}

.blog-card .blog-content .blog-btn {

  padding: 20px 40px;

  border-top: 1px solid #f1f5ff;

}

.blog-card:hover .blog-btn .btn {

  color: #f16022;

}

.blog-card:hover .custom-badge {

  background: #f16022;

}

.blog-card .custom-badge:before {

  border-top-color: #1b2958;

}

.blog-card:hover .custom-badge:before {

  border-top-color: #f16022;

}



.sigma_post-nav {

    padding: 30px 0;

    margin-top: 30px;

    border-top: 1px solid #ededed;

    border-bottom: 1px solid #ededed;

    position: relative;

}



.sigma_post-nav .prev-post span,

.sigma_post-nav .next-post span {

    font-weight: 600;

    display: block;

    color: var(--theme-color);

}



.sigma_post-nav .prev-post a,

.sigma_post-nav .next-post a {

    color: var(--heading-color);

    font-size: 28px;

    font-weight: 700;

    letter-spacing: -1px;

}



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



    .sigma_post-nav .prev-post a,

    .sigma_post-nav .next-post a {

        font-size: 22px;

    }

}



@media (max-width: 767px) {



    .sigma_post-nav .prev-post a,

    .sigma_post-nav .next-post a {

        font-size: 20px;

    }

}



.sigma_post-nav .prev-post {

    text-align: left;

}



@media (max-width: 767px) {

    .sigma_post-nav .prev-post {

        margin-bottom: 30px;

    }

}



.comment-lits {

  padding: 0;

  list-style: none;

  margin: 0;

}

.comment-lits .comment-item + .comment-item {

  margin: 0;

  list-style: none;

  margin-left: 100px;

}

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

  .comment-lits .comment-item + .comment-item {

    margin-left: 50px;

  }

}

@media (max-width: 575.98px) {

  .comment-lits .comment-item + .comment-item {

    margin-left: 25px;

  }

}

.comment-lits .comment-item {

  position: relative;

  margin-bottom: 50px;

  border: 1px solid #e7e7e7;

  padding: 28px 60px;

}

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

  .comment-lits .comment-item {

    padding: 20px 35px;

    margin-bottom: 35px;

  }

}

.comment-lits .comment-item:last-child {

  margin-bottom: 0;

}

.comment-lits .comment-item .avatar .thumb {

  height: 40px;

  width: 40px;

  overflow: hidden;

  margin-top: 5px;

  border-radius: 50%;

}

.comment-lits .comment-item .avatar img {

  height: 100%;

  width: 100%;

  object-fit: cover;

}

.comment-lits .comment-item .avatar .avatar-info {

  margin-left: 30px;

}

.comment-lits .comment-item .avatar .avatar-info .name {

  margin-bottom: 0;

  font-size: 18px;

  line-height: 25px;

  text-transform: uppercase;

}

.comment-lits .comment-item .avatar .avatar-info .time {

  color: var(--theme-color);

}

.comment-lits .comment-item .avatar .avatar-info .time i {

  margin-right: 5px;

}

.comment-lits .comment-item .comment-des {

  margin-bottom: 15px;

}



/* ----- blog list ------ */



.blog-card.sigma_blog-list{

  margin-bottom: 30px;

}



.blog-card.sigma_blog-list .blog-content h4{

  font-size: 32px;

  margin-bottom: 14px; 

}



.blog-card.sigma_blog-list .blog-meta{

  margin-bottom: 10px;

}



.blog-card.sigma_blog-list .blog-meta span + span{

  margin-left: 22px;

}



.blog-card.sigma_blog-list .blog-content .blog-btn{

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.sigma_post-author,

.sigma_post-author .sigma_post-author-content{

  display: flex;

  align-items: center;

}



.blog-content .sigma_post-author img{

  width: 40px;

  height: 40px;

  border-radius: 50%;

  margin: 0 12px 0 0;

}



.sigma_post-author p{

  font-weight: 600;

  color: var(--heading-color);

  padding-left: 5px;

}



@media (max-width: 575.98px) {

  .blog-card.sigma_blog-list .blog-meta span{

    display: block;

  }

  .blog-card.sigma_blog-list .blog-meta span + span{

    margin-left: 0;

    margin-top: 6px;

  }

}





/*----- Post Formats ----- */



/*  post format Audio */



.embed-responsive {

    position: relative;

    display: block;

    width: 100%;

    padding: 0;

    overflow: hidden;

}

.sigma_post.post-format-audio .embed-responsive{

  height: 110px;

}

.sigma_post.post-format-audio .embed-responsive.embed-responsive-1by1{

  height: 260px;

}

.embed-responsive iframe{

  width: 100%;

  height: 100%;

}



/*  post format Link */

.sigma_post.post-format-link {

  box-shadow: none;

}



.sigma_post.post-format-link .sigma_post-body {

  background-color: var(--theme-color);

  padding: 50px;

  position: relative;

}



.sigma_post.post-format-link .sigma_post-content {

  padding: 0;

}



.sigma_post.post-format-link .sigma_post-content p {

  color: #fff;

  font-size: 20px;

  font-weight: 600;

  margin-bottom: 20px;

}



.sigma_post.post-format-link .sigma_post-meta {

  margin-bottom: 0;

  padding-bottom: 0;

  border: 0;

}



.sigma_post.post-format-link .sigma_post-meta a {

  display: flex;

  align-items: center;

  color: #fff;

  font-size: 16px;

  margin-top: 20px;

}



.sigma_post.post-format-link .sigma_post-meta a i {

  margin-right: 10px;

  font-size: 20px;

}



.sigma_post.post-format-link .sigma_post-meta a:hover {

  color: #1b2958;

}



.sigma_post.post-format-link h5 {

  color: #fff;

  font-size: 24px;

}



@media (max-width: 575.98px) {

  .sigma_post.post-format-link .sigma_post-body{

    padding: 30px;

  }

}





/*--------- Sidebar Widgets -------- */



.sidebar .widget {

  padding: 30px;

  border-radius: 0;

  box-shadow: 0 2px 24px rgba(0, 0, 0, 0.04);

  background-color: #1b2958;

}



.sidebar .widget + .widget {

  margin-top: 50px;

}



.sidebar .widget .widget-title {

  position: relative;

  margin-bottom: 30px;

  font-size: 22px;

  color:white;

}



.sidebar .widget .widget-title::before {

  content: '';

  background-color: #f16022;

  width: 3px;

  height: 100%;

  display: block;

  position: absolute;

  top: 0;

  left: -30px;

}





/*== category Widget start ==*/



.widget.widget-categories ul li + li,

.widget.widget-sigma-recent-posts.comments .sigma_recent-post+.sigma_recent-post{

  padding-top: 15px;

  margin-top: 15px;

  border-top: 1px solid #e7e7e7;

}



.widget.widget-categories ul li a {

  display: flex;

  align-items: center;

  justify-content: space-between;

  color: var(--body-color);

  font-weight: 600;

  position: relative;

  padding-left: 18px;

  transition: 0.3s;

}



.widget.widget-categories ul li a:hover {

  padding-left: 24px;

}



.widget.widget-categories ul li a:before {

  content: "\f0da";

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  font-family: "Font Awesome 5 Free";

}



.widget.widget-categories ul li a:hover {

  color: #f16022;

}



.widget.widget-categories ul li a span {

  color: #fff;

  background-color: #f16022;

  font-size: 14px;

  width: 30px;

  height: 30px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 16px;

  font-weight: 600;

  transition: 0.3s;

}



.widget.widget-categories ul li a span:hover {

  background-color: #1b2958;

}



/*== Recent Post Widget start ==*/

.widget.widget-sigma-recent-posts .sigma_recent-post {

  display: flex;

  align-items: center;

}



.widget.widget-sigma-recent-posts .sigma_recent-post + .sigma_recent-post {

  margin-top: 30px;

}



.widget.widget-sigma-recent-posts .sigma_recent-post .recent-post-image {

  position: relative;

  margin-right: 15px;

  display: block;

  border-radius: 0;

  overflow: hidden;

  transition: 0.3s;

}



.widget.widget-sigma-recent-posts .sigma_recent-post .recent-post-image span {

  position: absolute;

  top: 0;

  right: 0;

  width: 30px;

  height: 30px;

  border-bottom-left-radius: 14px;

  color: #fff;

  font-size: 14px;

  background-color: #f16022;

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: 600;

  transition: .3s;

}



.widget.widget-sigma-recent-posts .sigma_recent-post .recent-post-image:hover span {

  width: 100%;

  height: 100%;

  opacity: 0;

}



.widget.widget-sigma-recent-posts .sigma_recent-post .recent-post-descr {

  flex: 1;

}



.widget.widget-sigma-recent-posts .sigma_recent-post .recent-post-descr h6 {

  font-size: 16px;

  margin-bottom: 0;

  line-height: 1.4;

}



.widget.widget-sigma-recent-posts .sigma_recent-post .recent-post-descr h6 a {

  color: var(--heading-color);

}



.widget.widget-sigma-recent-posts .sigma_recent-post .recent-post-descr h6 a:hover,

.widget.widget-sigma-recent-posts .sigma_recent-post .recent-post-descr .date:hover,

.widget.widget-sigma-recent-posts.comments .recent-post-image:hover,

.widget.widget-sigma-recent-posts.comments .recent-post-descr h6 a:hover span{

  color: #f16022;

}



.widget.widget-sigma-recent-posts .sigma_recent-post .recent-post-descr .date {

  color: var(--body-color);

  font-size: 15px;

  font-weight: 500;

  display: inline-block;

}





/*== Recent Comments Widget start ==*/



.widget.widget-sigma-recent-posts.comments .recent-post-image {

  font-size: 18px;

  color: var(--body-color);

}



.widget.widget-sigma-recent-posts.comments .recent-post-descr span {

  color: var(--body-color);

  transition: 0.3s;

  font-weight: 500;

}



/*== Insta Widget start ==*/

.widget.widget-instagram .insta-images {

  margin: 4px 2px 0 2px;

  display: flex;

  flex-wrap: wrap;

}



.widget.widget-instagram .insta-images a {

  position: relative;

  margin: 0 2px 4px;

  display: block;

  flex: 25%;

  overflow: hidden;

}



.widget.widget-instagram .insta-images a i {

  display: flex;

  align-items: center;

  justify-content: center;

  font-style: normal;

  font-variant: normal;

  text-rendering: auto;

  line-height: 1;

  position: absolute;

  top: 53%;

  left: 50%;

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

  width: 40px;

  height: 40px;

  background-color: #fff;

  color: #1b2958;

  box-shadow: 0 0 40px 5px rgba(0, 0, 0, .03);

  transition: .3s;

  opacity: 0;

  z-index: 2;

  visibility: hidden;

  border-radius: 50%;

}



.widget.widget-instagram .insta-images a:hover i{

  top: 50%;

  opacity: 1;

  visibility: visible;

}



.widget.widget-instagram .insta-images a img {

  transition: 0.3s;

  width: 100%;

}



.widget.widget-instagram .insta-images a:hover img {

  transform: scale(1.1);

}



/*== Tags Widget start ==*/

.tagcloud a {

  display: inline-block;

  font-size: 14px;

  padding: 6px 15px;

  color: #fff;

  font-weight: 600;

  line-height: 1.6;

  transition: 0.3s;

  background-color: #1b2958;

  margin: 6px 6px 0px 0px;

  border-radius: 0;

}



.tagcloud a:hover {

  background-color: #f16022;

}



/*== About Author Widget start ==*/



.widget-about-author-descr{

  text-align: center;

}



.widget-about-author-descr img{

  border-radius: 50%;

  width: 150px;

  margin-bottom: 20px;

}



.widget-about-author-descr p{

  margin-bottom: 15px;

}



.entry-meta {

  padding: 0;

  margin: 0;

  list-style: none;

  font-size: 13px;

  line-height: 18px;

  font-weight: 600;

  color: #644950;

}

.entry-meta li {

  margin-right: 20px;

}

@media (max-width: 575.98px) {

  .entry-meta li {

    margin-right: 12px;

  }

}

.entry-meta li:last-child {

  margin-right: 0;

}

.entry-meta i {

  margin-right: 10px;

}

@media (max-width: 575.98px) {

  .entry-meta i {

    margin-right: 8px;

  }

}

.entry-meta a {

  color: #644950;

  text-decoration: none;

}

.entry-meta a:hover {

  color: var(--theme-color);

}



/* --- team ---- */



/* style 1 */



.team-area .team-item {

  position: relative;

  overflow: hidden;

}



.team-area .team-item .thumb{

  position: relative;

}

.team-area .team-item .thumb img {

  width: 100%;

}

.team-area .team-item .team-content {

  background: #fff;

  position: absolute;

  left: 0;

  bottom: 0;

  padding: 23px 84px 23px 20px;

}

.team-area .team-item .team-content p {

  padding-top: 5px;

  font-size: 16px;

  line-height: 26px;

}

.team-area .team-item .custom-badge {

  position: absolute;

  right: 0px;

  bottom: 105px;

  transform: rotate(-90deg);

  transform-origin: right bottom;

}



.team-area .team-item .custom-badge:before {

  left: 93px;

  bottom: 100%;

  border-bottom: 12px solid #1b2958;

  border-left: 12px solid transparent;

  top: auto;

  border-top: transparent;

  border-right: transparent;

}

.team-area .team-item:hover .custom-badge {

  background: #f16022;

}

.team-area .team-item:hover .custom-badge:before {

  border-bottom-color: #f16022;

}

.team-area .team-item .custom-badge:before {

  border-bottom-color: #1b2958;

}



.team-item .social-icons{

  display: flex;

  background-color: var(--theme-color);

  padding: 10px;

  position: absolute;

  bottom: 30px;

  left: 50%;

  transform: translateX(-50%);

  opacity: 0;

  visibility: hidden;

  transition: 0.3s;

}



.team-item .social-icons li{

  margin-right: 0;

}



.team-item .social-icons li + li{

  margin-left: 5px;

}



.team-item .social-icons li a{

  width: 35px;

  height: 35px;

  font-size: 14px;

}



.team-item:hover .social-icons{

  bottom: 60px;

  opacity: 1;

  visibility: visible;

}





/* style 2 */



.team-item.style-2{

  overflow: visible;

  margin-bottom: 50px;

}



.team-item.style-2 .team-content{

  left: 50%;

  transform: translateX(-50%);

  min-width: 300px;

  bottom: -50px;

  padding: 25px;

  text-align: center;

  box-shadow: 0 2px 16px rgb(0 0 0 / 16%);

}



/* ---- team details ---- */



.sigma_details-image img{

  width: 100%;

}



.sigma_team-details .title h3{

  font-size: 38px;

}



.sigma_team-details .title span{

  color: var(--theme-color);

  font-size: 20px;

  font-weight: 600;

}



.sigma_team-details .social-icons li{

  margin-right: 6px;

}



.sigma_team-details .social-icons li a{

  font-size: 16px;

}



.sigma_team-details .sigma_info-list{

  padding-top: 30px;

  margin-top: 30px;

  border-top: 1px solid #e7e7e7;

}



.sigma_team-details .sigma_info-list li{

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  font-size: 20px;

  font-weight: 500;

}



.sigma_team-details .sigma_info-list li + li{

  margin-top: 25px;

  color: var(--body-color);

}



.sigma_team-details .sigma_info-list li i{

  color: var(--theme-color);

  margin-right: 18px;

}



.sigma_team-details .sigma_info-list li .title{

  color: var(--heading-color);

  font-weight: 700;

  padding-right: 5px;

}



.sigma_team-details .sigma_info-list li a{

  color: var(--body-color);

}



.sigma_team-details .sigma_info-list li a:hover{

  color: var(--theme-color);

}



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

  .sigma_team-details .sigma_info-list li{

    font-size: 18px;

  }

}



.technology-area .section-title-pr p {

  margin-left: 45px;

}

.technology-area .technology-service {

  border-bottom: 1px solid #e7e7e7;

  padding-bottom: 18px;

  margin-bottom: 18px;

}

.technology-area .technology-service:last-child {

  margin-bottom: 0;

  padding-bottom: 0;

  border-bottom: 1px solid transparent;

}

.technology-area .technology-service .technology-icon {

  margin-right: 22px;

}

.technology-area .technology-service .technology-icon img {

  width: 100%;

}

.technology-area .technology-service .content p {

  margin-bottom: 6px;

}



.accordion-wrapper .accordion-item {

  margin-bottom: 16px;

  border: 1px solid #eeeeef;

  border-radius: 5px;

  background-color: #ffffff;

}

.accordion-wrapper .accordion-item .accordion-title {

  color: #050506;

  font-size: 18px;

  font-weight: 600;

  padding: 10px 30px;

}

.accordion-wrapper .accordion-item .accordion-title.active {

  color: #f16022;

  background-color: #f5f8ff;

}

.accordion-wrapper .accordion-item .accordion-body {

  padding: 0px 30px;

}

.accordion-wrapper .accordion-item .accordion-body p {

  font-size: 16px;

  line-height: 32px;

  padding-bottom: 9px;

  padding-top: 9px;

}

.accordion-wrapper .accordion-title {

  width: 100%;

  text-align: left;

  position: relative;

  background: transparent;

  border: transparent;

}

.accordion-wrapper .accordion-title:before {

  width: 8px;

  height: 8px;

  border-right: 1px solid #151517;

  border-bottom: 1px solid #151517;

  position: absolute;

  right: 26px;

  content: " ";

  top: 23px;

  transform: rotate(45deg);

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

}



.technology-area-2 .text-content {

  padding-right: 23px;

}



.custom-badge {

  background: #1b2958;

  color: #fff;

  text-decoration: none;

  padding: 7px 22px;

  position: relative;

  font-size: 16px;

  line-height: 26px;

  font-weight: 500;

  transition: all 0.4s;

  display: inline-block;

}

.custom-badge:before {

  content: "";

  position: absolute;

  left: 93px;

  width: 0;

  height: 0;

  border-top: 12px solid #1b2958;

  border-right: 12px solid transparent;

  transition: all 0.4s;

  left: 0;

  top: 100%;

  border-left: none;

  border-bottom: none;

}

.custom-badge:hover {

  text-decoration: none;

  background: #f16022;

  color: #fff;

}

.custom-badge:hover:before {

  border-top-color: #f16022;

}



.visitor-area {

  padding-top: 144px;

  padding-bottom: 144px;

  position: relative;

  z-index: 1;

  overflow: hidden;

}

.visitor-area .line-shape {

  left: 30px;

  bottom: 0;

}

.visitor-area .visitor-wrapper .visitor-content h1 {

  font-size: 152px;

  line-height: 132px;

  font-weight: 700;

  color: #fff;

  margin-bottom: 6px;

}

.visitor-area .visitor-wrapper .visitor-content h1 span {

  color: #1b2958;

}

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

  .visitor-area .visitor-wrapper .visitor-content h1 {

    font-size: 89px;

    line-height: 90px;

  }

}

.visitor-area .visitor-wrapper .visitor-content h4 {

  font-size: 24px;

  line-height: 26px;

  text-transform: uppercase;

  color: #fff;

  margin-bottom: 18px;

}

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

  .visitor-area .visitor-wrapper .visitor-content h4 {

    font-size: 21px;

  }

}

.visitor-area .visitor-wrapper .visitor-content h6 span {

  color: #fff;

}

.visitor-area .visitor-wrapper .stroke-text {

  font-size: 350px;

  line-height: 350px;

  font-weight: 700;

  color: transparent;

  -webkit-text-stroke: 2px #fff;

  text-shadow: none;

  position: absolute;

  top: 0;

  left: 50%;

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

  z-index: -1;

  opacity: 0.05;

}



.visitor-area.bg-primary {

  padding-bottom: 100px;

}

.visitor-area.extra-padding.bg-primary {

  padding-bottom: 200px;

}



.visitor-area-2:before {

  content: "";

  position: absolute;

  background: url(..assets/img/technology/2.jpg);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  left: 40%;

  bottom: 0;

}



ul.brand-lists {

  margin-left: -50px;

  margin-right: -50px;

}



ul.brand-lists li {

  margin-left: 50px;

  margin-right: 50px;

}



.accordion-wrapper .accordion-body {

  display: none;

}



.tec-lists .tec-item {

  border-bottom: 1px solid #e7e7e7;

  margin-bottom: 22px;

  padding-bottom: 22px;

}

.tec-lists .tec-item:last-child {

  border-bottom: none;

  padding-bottom: 0;

  margin-bottom: 0;

}

.tec-lists .tec-item .icon {

  text-align: center;

  display: block;

  min-width: 55px;

  width: 55px;

}

.tec-lists .tec-item .text-content {

  padding-left: 23px;

}

.tec-lists .tec-item .text-content p {

  font-weight: 500;

  font-size: 18px;

  line-height: 28px;

  margin-bottom: 5px;

}

.tec-lists .tec-item .text-content h4 {

  font-size: 22px;

  font-weight: 700;

}



.text-list li {

  font-size: 18px;

  line-height: 32px;

  color: #798191;

}

.text-list li span {

  margin-left: 20px;

}



.has-border-top {

  border-top: 1px solid #ededed;

}



.parallax-bg-area .title-big-lg {

  font-size: 92px;

  line-height: 102px;

  color: #fff;

  font-weight: 700;

  position: relative;

}

.parallax-bg-area .title-big-lg .stroke-text {

  color: transparent;

  -webkit-text-stroke: 2px #fff;

  text-shadow: none;

  font-size: 92px;

  line-height: 102px;

}

.parallax-bg-area .title-big-lg:before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 11px;

  width: 65%;

  height: 2px;

  background: #fff;

}



.community-area {

  position: relative;

}



.community-thumb {

  position: relative;

}

.community-thumb .play-button {

  position: absolute;

  top: 7%;

  right: 4%;

}



.community-content .section-title {

  margin-bottom: 40px;

}

.community-content .circle-progress {

  position: relative;

  min-width: 113px;

  width: 113px;

}



.page-top-wrapper {

  padding-top: 236px;

  padding-bottom: 96px;

  background-color: var(--color-dark);

}

.page-top-wrapper .line-shape {

  right: 60px;

  bottom: 0;

}

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

  .page-top-wrapper {

    padding-top: 194px;

    padding-bottom: 123px;

  }

}

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

  .page-top-wrapper {

    padding-top: 145px;

    padding-bottom: 83px;

  }

}

.page-top-wrapper .xl-title {

  text-transform: uppercase;

  color: #fff;

}



.breadcrumb {

  background-color: #ffffff;

  border-radius: 0;

  padding: 0;

}

.breadcrumb li {

  position: relative;

  padding-right: 15px;

  margin-right: 10px;

}

.breadcrumb li::before {

  position: absolute;

  right: 0;

  top: 0;

  content: "-";

  color: #798191;

  font-size: 24px;

  line-height: 36px;

  font-weight: 500;

}

.breadcrumb li:last-child {

  padding-right: 0;

  margin-right: 0;

}

.breadcrumb li:last-child::before {

  display: none;

}

.breadcrumb li a {

  color: #798191;

  text-decoration: none;

  font-size: 24px;

  line-height: 36px;

  font-weight: 500;

}



 blockquote {

  background-color: #fff8f8;

  font-family: var(--ff-heading);

  border-left: 10px solid #f16022;

  border-radius: 5px;

  padding-left: 35px;

  padding-top: 25px;

  padding-bottom: 25px;

  padding-right: 35px;

  font-size: 28px;

  line-height: 36px;

  color: #644950;

  font-weight: bold;

  margin-top: 40px;

  margin-bottom: 36px;

}



blockquote cite{

  font-size: 16px;

  text-transform: uppercase;

  font-style: normal;

  position: relative;

  display: flex;

  align-items: center;

  margin: 15px 0 0;

  color: var(--theme-color);

}



blockquote cite:before{

  content: '';

  width: 50px;

  height: 2px;

  background-color: #f16022;

  margin-right: 10px;

  display: block;

}



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

  blockquote{

    font-size: 18px;

  }

}



.blog-content img {

  margin-top: 40px;

  margin-bottom: 36px;

  display: block;

}



.blog-bottom-info {

  border-top: 1px solid #e5e6e9;

  padding-top: 25px;

  margin-top: 40px;

}



.pahe-h-630 {

  min-height: 630px;

  padding-top: 224px;

}



.pagination a + a{

  margin-left: 5px;

}



.pagination .page-item a {

  width: 70px;

  height: 70px;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 1px solid transparent;

  border-radius: 50%;

  font-size: 16px;

  font-weight: 700;

  letter-spacing: 1px;

  color: #050506;

  transition: 0.2s;

  text-transform: uppercase;

}

.pagination .page-item:hover a {

  border: 1px solid #eaeaea;

}



.contact-padding {

  padding: 110px 100px;

  background-color: #1b2958;

}

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

  .contact-padding {

    padding: 60px 44px;

  }

}



.contact-wrapper .section-title h4 {

  font-size: 18px;

  line-height: 28px;

  color: white;

  margin-bottom: 12px;

}

.contact-wrapper .section-title h2 {

  font-size: 32px;

  line-height: 42px;

  text-transform: uppercase;

  margin-bottom: 2px;

}

.contact-wrapper .section-title h2 span {

  font-size: 32px;

  line-height: 42px;

}



.contact-info {

  color: #777777;

}

.contact-info span {

  color: #f16022;

}



.smiler-content .text-sm {

  margin-bottom: 30px;

}

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

  .smiler-content .text-sm {

    margin-bottom: 16px;

  }

}



.service-details-wrap {

  background-color: #1b2958;

  position: relative;

  z-index: 10;

  padding-bottom: 15px;

}

.service-details-wrap .thumb {

  margin-bottom: 15px;

  padding: 50px;

  padding-bottom: 0;

}

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

  .service-details-wrap .thumb {

    padding: 30px;

  }

}



/* --- Video ---- */



.sigma_video{

  position: relative;

  height: 700px;

}



.sigma_video:before{

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(5, 5, 6, 0.4);

}



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

  .sigma_video{

    height: 500px;

  }

}



.video-area.style-2{

  position: relative;

  margin-top: -190px;

}



/* --- Pricing ---- */



.sigma_pricing{

  margin: 60px 0 30px;

  position: relative;

  text-align: center;

  padding: 80px 40px 40px;

}

.sigma_pricing-plan{

  font-weight: 500;

  text-transform: uppercase;

}

.sigma_pricing-icon{

  position: absolute;

  top: -65px;

  left: 50%;

  width: 130px;

  height: 130px;

  transform: translateX(-50%);

  border: 1px dashed #f16022;

  display: flex;

  align-items: center;

  border-radius: 50%;

  justify-content: center;

}



.sigma_pricing-icon-inner{

  background-color: #fff;

  box-shadow: 0 0 51px rgba(0,0,0,.03);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 105px;

  height: 105px;

}

.sigma_pricing-price-wrap{

  display: flex;

  justify-content: center;

  align-items: flex-start;

  line-height: 1;

}

.sigma_pricing-currency{

  font-size: 20px;

  margin-top: 10px;

}

.sigma_pricing-price{

  font-size: 80px;

  line-height: 1;

  font-weight: 700;

}

.sigma_pricing-content{

  color: #fff;

}

.sigma_pricing-content > p{

  margin: 30px 0;

}



/*Style 2 */

.sigma_pricing.style-2{

  padding: 50px;

  background-color: var(--heading-color);

  text-align: left;

  background-size: cover;

  margin: 0 0 30px;

  z-index: 1;

}

.sigma_pricing.style-2:before{

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(5, 5, 6, 0.7);

  z-index: -1;

}

.sigma_pricing.style-2 .sigma_pricing-price-wrap{

  justify-content: flex-start;

}

.sigma_pricing.style-2 .sigma_pricing-price-wrap span{

  font-family: var(--ff-heading);

  font-size: 150px;

}

.sigma_pricing.style-2 .sigma_pricing-price-wrap .sigma_pricing-currency{

  color: var(--theme-color);

  font-size: 80px;

}

.sigma_pricing.style-2 .sigma_pricing-plan{

  font-weight: 600;

}

.sigma_pricing.style-2 ul{

  margin: 30px 0;

}

.sigma_pricing.style-2 ul li{

  position: relative;

}

.sigma_pricing.style-2 ul li + li{

  margin: 10px 0 0;

}

.sigma_pricing.style-2 ul li::before{

  content: "\f00c";

  font-family: "Font Awesome 5 Free";

  font-weight: 600;

  display: inline-block;

  width: 30px;

  color: #f16022;

}





/* --- To Top ---- */



.sigma_top {

  position: fixed;

  bottom: 40px;

  right: 30px;

  background-color: #fff;

  width: 60px;

  height: 60px;

  display: flex;

  align-items: center;

  justify-content: center;

  box-shadow: 0 0 40px 5px rgba(0, 0, 0, .03);

  border-radius: 50%;

  cursor: pointer;

  z-index: 999;

  transition: .3s;

  opacity: 0;

  visibility: hidden;

}



.sigma_top i {

  transition: .3s;

}



.sigma_top:hover {

  background-color: var(--theme-color);

  color: #fff;

}



.sigma_top:hover i {

  transform: translateY(-3px);

}



.sigma_top.active {

  bottom: 30px;

  opacity: 1;

  visibility: visible;

}



/* Style 2 */

.sigma_top.style-2 {

  box-shadow: none;

  border: 2px dashed #f16022;

  color: #f16022;

  background-color: transparent;

}



/* Style 3 */

.sigma_top.style-3 {

  background-color: var(--thm-base);

  color: #fff;

}



.sigma_top.style-3:hover {

  box-shadow: 0 0 40px 5px rgba(var(--thm-base-rgb), .3);

}





/*----- Dark Mode CSS -----*/



.darkmode-toggle{

  display: none!important;

}



.darkmode--activated h1,

.darkmode--activated h2,

.darkmode--activated h3,

.darkmode--activated h4,

.darkmode--activated h5,

.darkmode--activated h6 {

    --heading-color: #fff;

    mix-blend-mode: difference;

}



.darkmode-background{

  background-color: #f8f8f8 !important;

}



.darkmode--activated .circle-progress .percentage,

.darkmode--activated .accordion-wrapper .accordion-item .accordion-title,

.darkmode--activated .progress-item .progress-content h4,

.darkmode--activated .testimonial-card .author-content .title,

.darkmode--activated .contact-wrapper .section-title h4,

.darkmode--activated .form-group label{

  color: #fff;

}



.darkmode--activated .form-group label{

  isolation: isolate;

}



.darkmode--activated .accordion-wrapper .accordion-title:before{

  border-color: #fff;

}



.darkmode--activated .accordion-wrapper .accordion-item .accordion-title.active,

.darkmode--activated .blog-card,

.darkmode--activated .service-item,

.darkmode--activated .team-area .team-item .team-content,

.darkmode--activated .header-main .navbar-nav li ul,

.darkmode--activated .play-button,

.darkmode--activated .testimonial-card,

.darkmode--activated .service-details-wrap,

.darkmode--activated .form-control,

.darkmode--activated blockquote,

.darkmode--activated .contact-padding,

.darkmode--activated .header-area.style-7 .navbar .navbar-brand{

  background-color: var(--color-light); 

}



.darkmode--activated .service-area-3.bg-dark{

  background-color: var(--color-light) !important;

  isolation: isolate; 

}



.darkmode--activated .portfolio-area.bg-dark{

  background-color: var(--color-light) !important;

}



.darkmode--activated .service-area-3 .service-item{

  mix-blend-mode: lighten;

}



.darkmode--activated .header-main .navbar-nav li ul li a:hover,

.darkmode--activated .contact-padding form .form-control,

.darkmode--activated .header-light,

.darkmode--activated .search-box-wrap,

.darkmode--activated .footer-area-2:before{

  background-color: #070707;

}



.darkmode--activated .service-item,

.darkmode--activated .hero-area video{

  mix-blend-mode: difference;

}

.darkmode--activated .brand-area .brand-logo img,

.darkmode--activated .about-content .about-signature img{

  isolation: auto;

}



.darkmode--activated .visitor-area .visitor-wrapper,

.portfolio-area.has-bg .section-title,

.darkmode--activated .section-title span.text-primary,

.darkmode--activated .sigma_team-details .social-icons,

.darkmode--activated .sigma_team-details .sigma_info-list li i,

.darkmode--activated .sigma_team-details .title span,

.darkmode--activated .menu-dark.portfolio-menu button.active, 

.darkmode--activated .menu-dark.portfolio-menu a.active{

  isolation: isolate;

}

.darkmode--activated .service-item .service-content .service-header .service-icon .hover-icon{

  opacity: 1;

}



.darkmode--activated .header-area.header-light .navbar-nav li a,

.darkmode--activated .header-style-2 .header-main .navbar-nav li ul li a{

  color: var(--body-color);

}



.header-area.header-light .dark-logo,

.header-area.style-7 .navbar .navbar-brand.light-logo{

  display: none;

}



.darkmode--activated .header-area.header-light .main-logo,

.darkmode--activated .header-area.style-7 .navbar .navbar-brand.dark-logo{

  display: none;

}

.darkmode--activated .header-area.header-light .dark-logo,

.darkmode--activated .header-area.style-7 .navbar .navbar-brand.light-logo{

  display: block;

}



.darkmode--activated .play-button{

  border-color: var(--color-light);

  color: #fff;

}

.darkmode--activated .service-details-wrap .service-item,

.darkmode--activated .sigma_post.post-format-link h5{

  mix-blend-mode: lighten;

}

.darkmode--activated .round-check-list .check-item,

.darkmode--activated .header-area.style-3 .header-text-info a,

.darkmode--activated .header-area.style-3 .header-text-info p{

  color: #fff;

}

.darkmode--activated .shape-white.footer-area-2::before{

  background-color: #1b2958;

}

.darkmode--activated .sidebar .widget{

  background-color: var(--color-light);

  mix-blend-mode: difference;

}

.darkmode--activated .form-control{

  border-color: #070707;

  isolation: isolate;

  color: #fff;

}



.darkmode--activated .hero-area svg polygon,

.darkmode--activated .hero-area svg path,

.darkmode--activated .hero-area svg circle{

  fill: #070707;

}



.darkmode--activated .hero-area.hero-area-9 svg path{

  fill: rgba(7, 7, 7, 1)

}



.darkmode--activated .hero-area.hero-area-9 svg path.large.left,

.darkmode--activated .hero-area.hero-area-9 svg path.large.right{

  fill: rgba(7, 7, 7, 0.1)

}

.darkmode--activated .hero-area.hero-area-9 svg path.medium.left,

.darkmode--activated .hero-area.hero-area-9 svg path.medium.right{

  fill: rgba(7, 7, 7, 0.3)

}

.darkmode--activated .hero-area.hero-area-9 svg path.small.left,

.darkmode--activated .hero-area.hero-area-9 svg path.small.right{

  fill: rgba(7, 7, 7, 0.5)

}





/*404 & Coming Soon*/



.sigma_404-sec{

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  min-height: 100%;

  overflow: hidden;

  position: relative;

  z-index: 1;

}



.sigma_404-sec.dark-overlay::before{

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, .7);

  z-index: -1;

}



.sigma_404{

  text-align: center;

  max-width: 600px;

  margin: 0 auto;

}



.sigma_404 .title{

  font-size: 200px;

  line-height: 1;

}



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

  .sigma_404 .title{

    font-size: 120px;

  }

}



.sigma_404-image.has-animation{

  animation: float-y 2s linear infinite;

  position: relative;

  overflow: hidden;

}



.sigma_404-image.has-animation:before{

  content: "";

  position: absolute;

  left: -100%;

  top: 0;

  width: 50%;

  height: 100%;

  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .7)), to(rgba(255, 255, 255, .3)));

  transform: skewX(25deg);

  z-index: 2;

  transition: 1s;

}



.sigma_404-image.has-animation:hover:before{

  left: 130%;

}



.sigma_404-video video{

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  z-index: -2;

}



/* Style 2 */



.sigma_404.style-2{

  max-width: 100%;

  min-height: 100vh;

  padding: 30px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}



.sigma_404-image.style-2{

  width: 100%;

  height: 100%;

}



/* Style 3 */



.sigma_404-overlay.style-3{

  position: absolute;

  left: -50%;

  top: 0;

  transform: skew(-25deg, 0deg);

  width: 100%;

  height: 100%;

  background-color: rgba(5, 5, 6, 0.8);

  z-index: -1;

}



.sigma_404.style-3{

  text-align: left;

  margin: 0;

  padding: 20px 20px 20px 60px;

}



.sigma_404.style-3 h1{

  font-size: 80px;

}



.sigma_404.style-3 .sigma_logo-wrapper{

  margin-bottom: 30px;

}



.sigma_404.style-3 .social-icons{

  position: absolute;

  left: 70px;

  bottom: 10px;

}



/* Style 4 */



.sigma_404-sec.style-4::after{

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  min-height: 100%;

  z-index: -1;

  background-image: url("../img/error/01.jpg");

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  background-color: rgba(255, 255, 255, 0.7);

  filter: blur(12px);

  -webkit-filter: blur(12px);

  background-blend-mode: overlay;

}



.sigma_404-sec.style-4 h1{

  background-image: url("../img/error/02.jpg");

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  -webkit-background-clip: text;

  -webkit-text-fill-color: rgba(5, 5, 6, 0.6);

  font-weight: 700;

}



/* Style 5 */



.sigma_404-sec.style-5{

  height: 100vh;

}



.sigma_404-sec.style-5 .title{

  font-size: 100px;

}



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

  .sigma_404-sec.style-5 .title{

    font-size: 60px;

  }

}





/*footer*/

.footer-area {

  position: relative;

  background-color:#0f1329;

}

.footer-area:before {

  content: "";

  position: absolute;

  width: 100%;

  height: 50px;

  background-color:#1b2958;

  left: 0;

  top: -1px;

  clip-path: polygon(49% 0, 100% 0, 100% 6%, 50% 100%, 0 5%, 0 0);

}



.footer-top .footer-wrapper .footer-logo {

  margin-bottom: 50px;

}

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

  .footer-top .footer-wrapper .footer-logo {

    margin-bottom: 20px;

  }

}

.footer-top .footer-wrapper .footer-text {

  margin-right: 62px;

}

.footer-top .footer-wrapper .footer-text p {

  font-size: 16px;

  line-height: 32px;

  margin-bottom: 22px;

}

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

  .footer-top .footer-wrapper .footer-text p {

    margin-bottom: 5px;

  }

}

.footer-top .footer-wrapper .footer-text h5 {

  color: white;

  font-size: 20px;

  line-height: 40px;

  font-weight: 500;

}

.footer-top .footer-wrapper .footer-title {

  font-size: 20px;

  line-height: 32px;

  font-weight: 500;

  color: #fff;

  margin-bottom: 24px;

  text-transform: uppercase;

}

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

  .footer-top .footer-wrapper .footer-title {

    margin-bottom: 10px;

  }

}

.footer-top .footer-wrapper .footer-post {

  margin-bottom: 42px;

}

.footer-top .footer-wrapper .footer-link ul li {

  margin-bottom: 7px;

}

.footer-top .footer-wrapper .footer-link ul li a {

  text-decoration: none;

  position: relative;

  color: #798191;

  font-size: 16px;

  line-height: 48px;

  font-weight: 500;

}

.footer-top .footer-wrapper .footer-link ul li a:before {

  content: "";

  position: absolute;

  left: 0;

  width: 0%;

  height: 1px;

  bottom: 0;

  background: #fff;

  transition: all 0.4s;

}

.footer-top .footer-wrapper .footer-link ul li a:hover {

  color: #fff;

}

.footer-top .footer-wrapper .footer-link ul li a:hover:before {

  width: 100%;

}

.footer-top .footer-wrapper .footer-thum {

  min-width: 70px;

  margin-right: 30px;

}

.footer-top .footer-wrapper .footer-thum img {

  border-radius: 8px;

  width: 70px;

}

.footer-top .footer-wrapper .footer-content h5 a {

  color: #fff;

  font-size: 20px;

  line-height: 28px;

  font-weight: 500;

  margin-bottom: 4px;

  text-decoration: none;

}

.footer-top .footer-wrapper .footer-content .footer-meta span {

  font-size: 16px;

  font-weight: 500;

}

.footer-top .footer-wrapper .footer-content .footer-meta .date {

  margin-right: 22px;

}

.footer-top .footer-wrapper .footer-content .footer-meta .comments {

  color: white;

}



.footer-bottom {

  padding: 35px 0;

  background-color: #090c1b;

}

.footer-bottom .footer-bottom-link ul li {

  display: inline-block;

  margin-right: 45px;

}

.footer-bottom .footer-bottom-link ul li a {

  font-size: 18px;

  line-height: 32px;

  color: #798191;

  text-decoration: none;

  text-transform: uppercase;

}

.footer-bottom .footer-bottom-link ul li a i {

  font-size: 11px;

  margin-left: 5px;

}

.footer-bottom .footer-bottom-link ul li a:hover {

  color: #fff;

}

.footer-bottom .footer-bottom-link ul li:last-child {

  margin-right: 0;

}

.footer-bottom .copyright p {

  font-size: 18px;

  line-height: 32px;

  font-weight: 500;

  color: #fff;

}

.footer-bottom .copyright p a {

  text-decoration: none;

  color: #69717f;

}



.footer-area-2 {

  padding-top: 170px;

}

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

  .footer-area-2 {

    padding-top: 145px;

  }

}

.footer-area-2:before {

  background: #f8f8f8;

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

}

.footer-area-2 .center-logo {

  position: absolute;

  z-index: 10;

  background-color: #f8f8f8;

  height: 150px;

  width: 150px;

  line-height: 180px;

  text-align: center;

  border-radius: 50%;

  display: block;

  left: 50%;

  transform: translateX(-50%);

  top: -52px;

}



.shape-white.footer-area-2::before, .shape-white.footer-area-2 .center-logo {

  background-color: #fff;

}



/* ---footer area style 2--- */



.footer-area.style-2 svg{

  position: absolute;

  bottom: 100%;

  width: 100%;

  z-index: 1;

}



.footer-area.style-2:before,

.footer-area.style-4:before{

  content: none;

}



/* ---footer area style 3--- */



.footer-area.style-3:before{

  height: 20px;

  clip-path: none;

  background: linear-gradient(

    -45deg

    ,transparent 33.33%, #0d6efd 33.33%, #0d6efd 66.66%, transparent 66.66%), linear-gradient(

    -45deg

    ,transparent 33.33%, #0d6efd 33.33%, #0d6efd 66.66%, transparent 66.66%);

    background-size: 20px 50px;

    transform: rotateX(180deg);

}



.footer-area.style-4 svg{

  position: absolute;

  bottom: 100%;

  width: 100%;

  height: 10vw;

  z-index: 1;

}



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