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



* {

  outline: 0px !important;

}

body {

  font-size: 14px;

  font-family: Poppins, sans-serif;

  color: #112043;

}

.nopad {

  padding: 0;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  color: #000000;

  font-family: "BaseNeueWideBold";

}

.relative-no {

  position: inherit;

}

img {

  max-width: 100%;

}

.popup-content span.off-50 {

  width: 90px;

  right: 80px;

  top: 20px;

}



a {

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

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

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

  -ms-transition: all 0.2s ease-in;

  transition: all 0.2s ease-in;

  text-decoration: none !important;

}



* {

  outline: 0 !important;

}

a#loadMore {

  background: linear-gradient(to right, #f6cd03 0%, #f46606 100%);

  display: inline-block;

  padding: 13px 53px;

  text-transform: capitalize;

  color: #000000;

  font-size: 16px;

  font-weight: 600;

  border-radius: 50px;

  text-align: center;

  margin-right: 15px;

}



header {

  position: absolute;

  width: 100%;

  left: 0;

  top: 0;

  padding: 29px 0;

  z-index: 9;

}



section.banner {

  background: url(../images/banner-bg.jpg) no-repeat left top;

  background-size: cover;

  padding: 190px 0 90px;

}



header a.tp-hd-talk {

  color: #db3340;

  font-size: 16px;

  display: inline-block;

  margin-top: 8px;

  position: relative;

}



ul.tp-social li {

  display: inline-block;

  margin: 0 11px;

}



ul.tp-social li a {

  color: #c4c5c9;

  font-size: 20px;

}



ul.tp-social {

  text-align: right;

  margin: 9px 0 0;

}



header a.tp-hd-talk:before {

  position: absolute;

  border: #abacb2 1px solid;

  width: 62%;

  height: 100%;

  content: "";

  padding: 24px 22px;

  top: -12px;

  left: -23px;

  z-index: 0;

}



header a.tp-hd-talk:after {

  background: #ffffff;

  position: absolute;

  width: 1px;

  height: 98%;

  content: "";

  top: 1px;

  z-index: 0;

  right: 90px;

}



header a.tp-hd-talk i {

  margin-left: 15px;

}



header .col-md-4:nth-child(2) {

  text-align: center;

}



section.banner h1 {

  font-weight: 600;

  background: linear-gradient(to right, #1c1b82 0%, #db3340 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-size: 75px;

  margin-top: 62px;

  line-height: 64px;

  margin-bottom: 35px;

}



section.banner p {

  font-size: 19px;

  padding-right: 12px;

}



section.product-design-logos {

  padding: 26px 0;

  border-top: #e6e6e6 1px solid;

  border-bottom: #e6e6e6 1px solid;

}



section.product-design-logos span {

  display: block;

  color: #abacb2;

  font-size: 18px;

  line-height: 27px;

  font-weight: bold;

}



section.product-design-logos img {

  margin-top: 7px;

}



section.hm-sec1 {

  position: relative;

  overflow: hidden;

  padding: 70px 0 30px;

  font-size: 16px;

  color: #797979;

}



section.hm-sec1:before {

  background: #ffffff;

  position: absolute;

  z-index: 0;

  left: 0;

  top: 0;

  height: 52%;

  width: 100%;

  content: "";

}



section.hm-sec1 .container {

  z-index: 1;

  position: relative;

}



section.hm-sec1 h6 {

  text-align: right;

  color: #db3340;

  font-size: 17px;

  padding-right: 21px;

  margin-bottom: 24px;

  position: relative;

}



section.hm-sec1 img {

  /* width: 90%; */

}



section.hm-sec1 h6:before {

  background: #ccc;

  height: 2px;

  width: 50px;

  content: "";

  display: inline-block;

  margin-right: 12px;

  position: relative;

  top: -3px;

}



section.hm-sec1 h2 {

  color: #000000;

  font-weight: 600;

  font-size: 30px;

  line-height: 40px;

  margin-top: 35px;

  margin-bottom: 11px;

}



section.hm-sec1 .col-md-5 {

  /* padding-right: 50px; */

  /* padding-left: 2px; */

}



section.portfolio-col .container {

  width: 1170px !important;

  max-width: 1170px !important;

  padding: 0;

}



section.portfolio-col {

  position: relative;

  text-align: center;

  padding: 50px 0 60px;

}



section.portfolio-col .card {

  /* float: left; */

  /* width: 100%; */

  /* margin-bottom: 47px; */

  /* position: relative; */

  /* text-align: left; */

  /* z-index: 1; */

  /* display: inline-block; */

}



section.portfolio-col .card img {

  /* width: initial !important; */

  /* max-width: initial !important; */

  /* height: auto; */

}



.h6-line > span {

  position: relative;

  display: inline-block;

  color: #f46606;

}



.h6-line > span:before {

  position: absolute;

  content: "";

  left: -66px;

  top: 9px;

  width: 40px;

  height: 1px;

  background: #abacb2;

}



.h6-line {

  margin-bottom: 0;

  font-size: 19px;

}



section.portfolio-col h2 {

  color: #000000;

  font-size: 42px;

  font-weight: bold;

}



h2 {

  font-family: "BaseNeueWideBold";

}



section.portfolio-col h2 + p {

  color: #000000;

  font-size: 14px;

  padding: 0 200px;

  margin-bottom: 52px;

}



section.portfolio-col .card img {

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

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

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

  -ms-transition: all 0.2s ease-in;

}



section.portfolio-col .col-md-6 li:hover img {

  transform: scale(1.05);

  transition: all 0.4s ease-in;

}



section.portfolio-col a.seemore-pf {

  color: #d5d5d9;

  font-family: "BaseNeueWideBold";

  font-size: 32px;

  top: -50px;

}



section.portfolio-col:after {

  position: absolute;

  left: 0;

  bottom: 273px;

  background: url(../images/portfolio-after.webp) no-repeat left top;

  content: "";

  width: 100%;

  height: 385px;

}



section.portfolio-col .container {

  z-index: 1;

  position: relative;

}



section.best-firms {

  text-align: center;

  position: relative;

  padding: 49px 0;

}



section.best-firms h2 {

  font-size: 36px;

}



section.best-firms h2 + p {

  color: black;

  font-size: 15px;

  margin-bottom: 33px;

}



section.best-firms h2 + p span {

  color: #f46606;

}



section.best-firms:after {

  background: url(../images/red-vctr-cr.png) no-repeat left top;

  width: 351px;

  height: 737px;

  content: "";

  position: absolute;

  left: 0;

  top: -180px;

  z-index: -1;

  background-size: 70%;

  left: -30px;

  opacity: 0.5;

}



section.best-firms a.chat {

  text-transform: uppercase;

  font-size: 19px !important;

  display: inline-block;

  color: #ffffff;

  position: relative;

  font-weight: bold;

  margin-top: 43px;

  animation: pulseRed 1.3s ease-in-out infinite;

}
@keyframes pulseRed {
  0% {
    box-shadow: 0 6px 14px rgba(219, 51, 64, 0.35),
                0 0 0 0 rgba(219, 51, 64, 0.25);
  }

  50% {
    box-shadow: 0 10px 24px rgba(219, 51, 64, 0.55),
                0 0 0 10px rgba(219, 51, 64, 0.15);
  }

  100% {
    box-shadow: 0 6px 14px rgba(219, 51, 64, 0.35),
                0 0 0 18px rgba(219, 51, 64, 0);
  }
}


i.line-cr-left {

  position: absolute;

  content: "";

  background: #ccc;

  width: 23px;

  height: 1px;

  left: -29px;

  top: 14px;

}



i.line-cr-left:before {

  position: absolute;

  border: #ccc 2px solid;

  width: 4px;

  height: 4px;

  padding: 3px;

  border-radius: 50px;

  left: -10px;

  top: -4px;

  content: "";

}



section.mission-col {

  padding: 130px 0;

  color: #6d6d6d;

  font-size: 15px;

  position: relative;

  z-index: 2;

  overflow: hidden;

}



.relative {

  position: relative;

}



a.chat,

a.get-quote {

  color: #dc3d48;

  font-weight: bold;

  font-family: "BaseNeueWideBold";

  text-transform: uppercase;

  font-size: 19px;

}



section.mission-col h2 {

  font-size: 52px;

  font-weight: bold;

  line-height: 52px;

  margin: 0 0 30px;

}



section.mission-col h6.h6-line {

  margin-top: 82px;

}



section.mission-col h2 + p {

  padding-right: 43px;

  line-height: 26px;

}



section.happy-clients {

    position: relative;

    color: #000000;

    font-size: 15px;

    padding: 80px 0 80px;

    overflow: hidden;

}



section.happy-clients:after {

  background: url(../images/purple-vctr-cr.webp) no-repeat left top;

  width: 180px;

  height: 384px;

  content: "";

  position: absolute;

  right: -10px;

  top: 0;

  background-size: cover;

  z-index: -2;

  transform: rotate(181deg);

  overflow: auto;

}

section.happy-clients h2 {

  font-size: 50px;

  font-weight: 600;

}



section.mission-col img {

  width: 100%;

}



section.happy-clients p {

  margin-bottom: 42px;

}



section.services {

  background: url(../images/services-bg.jpg) no-repeat center center;

  background-size: cover;

  background-attachment: fixed;

  color: #fff;

  padding: 90px 0;

  position: relative;

}

section.services img {

    width: 50px;

}

section.services h2 {

  color: #ffffff;

  font-size: 33px;

  padding-left: 180px;

  margin-bottom: 82px;

}



section.services h6.h6-line {

  position: relative;

  top: 50px;

}



section.services h6.h6-line span {

  color: #ffffff;

  font-weight: bold;

  text-transform: uppercase;

  font-size: 18px;

}



section.services h4 {

  font-size: 21px;

  color: #fff;

  margin: 12px 0 30px;

}



section.services ul li {

  font-size: 15px;

  padding: 0 0 13px;

  position: relative;

  padding-left: 24px;

}



section.services ul li:last-child {

  padding-bottom: 0;

}



section.services ul li:before {

  content: "";

  width: 10px;

  height: 1px;

  background: #F6CD03;

  position: absolute;

  left: 0;

  top: 11px;

}



i.red-cube-vctr {

  background: url(../images/red-cube.png) no-repeat left top;

  width: 81px;

  height: 81px;

  position: absolute;

  bottom: -50px;

  left: 17%;

}



section.cutomer-feedback {

  padding: 200px 0 30px;

  font-size: 16px;

  position: relative;

}



section.cutomer-feedback:before {

  background: url(../images/purple-vctr-cr2.webp) no-repeat left top;

  width: 271px;

  height: 538px;

  content: "";

  position: absolute;

  left: 0;

  top: 160px;

  z-index: -1;

}



section.cutomer-feedback h2 {

  font-size: 40px;

}



section.cutomer-feedback p {

  line-height: 29px;

  color: #5f5f5f;

  padding-right: 25px;

}



section.cutomer-feedback .col-md-5 {

  margin-top: -137px;

}



section.cutomer-feedback .item {

  padding-top: 145px;

  padding-bottom: 40px;

}



section.cutomer-feedback .author-name {

  font-size: 19px;

  color: #000000;

  margin-top: 53px;

}



section.cutomer-feedback .author-name span {

  color: #f46606;

  display: inline-block;

  font-size: 15px;

  margin-left: 22px;

}



section.cutomer-feedback .testimonials-slider {

  margin-top: -17px;

}

section.cutomer-feedback .col-md-7:after {

  background: url(../images/quote.jpg) no-repeat left top;

  width: 59px;

  height: 46px;

  position: absolute;

  right: 60px;

  content: "";

  bottom: 10px;

}



h1 *,

h2 *,

h3 *,

h4 *,

h5 *,

h6 * {

  vertical-align: middle;

}

section.banner h3 span {

  font-weight: 700;

}

section.cutomer-feedback .container {

  border-bottom: #e0e0e0 1px solid;

  padding-bottom: 0;

  position: relative;

}



section.footer-form:before {

  content: "";

  position: absolute;

  left: 0;

  top: 130px;

  width: 43.4%;

  z-index: 0;

  height: 298px;

  background: url(../images/services-bg.jpg) no-repeat right bottom #015575;

  background-size: cover;

}



section.footer-form {

  position: relative;

  padding: 60px 0 60px;

}



section.footer-form h2 {

  background: #fff;

  padding: 18px 53px;

  box-shadow: #5d5d5d6e 0 0 21px;

  display: inline-block;

  margin-top: 0;

  font-weight: bold;

  width: 80%;

  font-size: 38px;

  line-height: 42px;

}



section.footer-form h2 span {

  display: block;

  color: #f46606;

  text-decoration: underline;

  font-size: 32px;

  letter-spacing: 2px;

}



section.footer-form .col-md-5 {

  color: #fff;

  font-size: 17px;

}



section.footer-form .col-md-5 p {

  padding-right: 82px;

  font-size: 22px;

  line-height: 23px;

  margin-top: 39px;

}



section.footer-form .col-md-5 ul li {

  display: inline-block;

  margin: 0 16px;

  font-size: 20px;

}



section.footer-form .col-md-5 ul {

    margin-bottom: 23px;

    margin-top: 30px;

}



section.footer-form .col-md-5 a.chat {

  color: #fff;

}



section.footer-form h3 {

  font-size: 39px;

  font-weight: bold;

}



section.footer-form h3 + p {

  font-size: 16px;

  color: #656363;

  margin: 0;

}



section.footer-form form input,

section.footer-form form textarea {

  width: 100%;

  border: 0px none;

  border-bottom: #dbdbdb 1px solid;

  background: transparent;

  color: #545353;

  padding: 20px 0;

}



section.footer-form form textarea {

  height: 77px;

}



section.footer-form form input[type="submit"] {

  float: right;

  width: auto;

  padding: 9px 53px;

  border-radius: 50px;

  color: #000000;

  margin: 14px 0 0;

  font-size: 19px;

  background: linear-gradient(to right, #f6cd03 0%, #f46606 100%);

  font-weight: 500 !important;

}



section.footer-form form li {

  width: 100%;

}



section.footer-form .col-md-7 {

  background: url(../images/form-bg.jpg) repeat left top;

  padding: 0 20px 13px;

}



footer {

  padding: 60px 0 0;

  border-top: #ccc 1px solid;

}



footer ul li {

  font-size: 14px;

  margin-bottom: 6px;

  color: #696969;

}



footer h6 {

  margin: 0 0 27px;

  font-weight: bold;

  text-transform: uppercase;

  font-size: 19px;

  color: #000;

}



footer ul li a {

  color: #696969;

}



.works-next-stop {

  background: url(../images/work-next.jpg) no-repeat left top;

  background-size: cover;

  margin-top: 53px;

  text-align: center;

}



.works-next-stop .h6-line span {

  color: #fff;

  letter-spacing: 2px;

}



.works-next-stop h2 {

  font-size: 62px;

  margin-top: 13px;

  color: #1f1f23;

  text-transform: uppercase;

  letter-spacing: 2px;

  font-weight: bold;

  text-shadow: #fff 0 0 3px;

}



.copyright {

  text-align: center;

  padding: 30px 0;

}



footer ul li:hover a {

  color: #da3340;

  padding-left: 4px;

}



ul.ftr-social li {

  padding-bottom: 9px;

}



section.portfolio-col [class^="col-"] {

  position: initial;

  padding: 0 10px;

}



section.portfolio-col .card.cp2:after {

  /*     position: absolute;

    content: "";

    background: #1d1c84;

    width: 107px;

    height: 100px;

    right: -12px;

    z-index: -1;

    bottom: 20px; */

}



.portfolio-overlay {

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

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

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

  color: #fff;

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

  transition: all 0.3s ease-in;

  background: #020215db;

  width: 100%;

  left: 0;

  border: 0;

  height: 100%;

  font-size: 19px;

  position: absolute;

  z-index: 1;

  opacity: 0;

  bottom: 0;

  padding: 19px;

  display: -webkit-flex;

  display: inline-flex;

  -webkit-flex-direction: column;

  flex-direction: column;

  -webkit-align-items: center;

  align-items: center;

  -webkit-justify-content: center;

  justify-content: center;

}



.portfolio-overlay h6 {

  color: #fff;

  margin: 0;

  text-transform: uppercase;

  letter-spacing: 2px;

}



section.portfolio-col .col-md-6 li:hover .portfolio-overlay {

  opacity: 1;

}



section.portfolio-col .col-md-6 li:hover a:before {

}



section.inner-banner {

  padding: 89px 0 0 47px;

  border-left: #db3340 30px solid;

  overflow: hidden;

  border-bottom: #e8e8e8 1px solid;

  background: #fff;

  position: relative;

  z-index: 3;

}



section.inner-banner .col-md-5 {

  padding-left: 9%;

  padding-top: 72px;

}



section.inner-banner .col-md-5 h1 {

  font-size: 69px;

  color: #1d1c84;

  line-height: 67px;

  font-weight: bold;

  margin-bottom: 32px;

  margin-top: 14px;

}



section.inner-banner .container-fluid {

  padding-right: 0;

}



section.inner-banner .col-md-5 h1 + p {

  font-size: 20px;

  color: #112043;

}



section.inner-banner .col-md-5 i.line-blank-dot {

  background: #000000;

  height: 46px;

  width: 2px;

  display: block;

  margin-top: 22px;

  position: relative;

}



section.inner-banner .col-md-5 i.line-blank-dot:after {

  background: #ffffff;

  content: "";

  width: 2px;

  height: 6px;

  bottom: 10px;

  left: 0;

  position: absolute;

}



section.about-sec-1 {

  padding: 100px 0;

}



section.about-sec-1 h2 {

  color: #000000;

  font-size: 44px;

  margin-bottom: 33px;

}



i.dotted-lines-vctr {

  height: 100%;

  background: url(../images/dotted-lines.jpg) repeat-y right top;

  width: 100%;

  display: block;

}



section.about-sec2 {

  padding: 50px 0 190px;

  position: relative;

  color: #797979;

  overflow: hidden;

}



section.about-sec2:before {

  background: #fbfbfb;

  position: absolute;

  content: "";

  left: 0;

  top: 0;

  width: 72%;

  z-index: -1;

  height: 100%;

}



section.about-sec2 h2 {

  font-size: 72px;

  color: #000000;

  font-weight: 600;

  margin-bottom: 53px;

}



section.about-sec2 .few-count {

  display: block;

  background: #db3340;

  width: 87px;

  text-align: center;

  font-size: 55px;

  color: #fff;

  margin-bottom: 36px;

}



section.about-sec2 .item h4 {

  color: #1d1c84;

  font-size: 47px;

  line-height: 48px;

  margin-bottom: 33px;

}



section.about-sec2 .item p {

  padding-right: 92px;

}



section.about-sec2 .item {

  padding-left: 83px;

  padding-top: 53px;

  font-size: 16px;

}



.few-things-slider .owl-dots {

  counter-reset: dots;

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

}

.few-things-slider .owl-dot:before {

  counter-increment: dots;

  content: counter(dots);

}



.few-things-slider .owl-dots button.owl-dot {

  display: block;

  color: #abacb2;

  padding: 5px 0 !important;

  border-radius: 50px;

  border: #abacb2 1px solid;

  width: 30px;

  font-family: "BaseNeueWideBold";

  height: 30px;

  background: #fff;

  font-weight: bold;

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

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

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

  -ms-transition: all 0.2s ease-in;

  transition: all 0.2s ease-in;

  font-size: 12px;

  margin: 39px 0;

  cursor: pointer;

  position: relative;

  z-index: 9;

}



.few-things-slider .owl-dots button.owl-dot:hover {

  background: #da3340;

  color: #fff;

  border-color: #da3340;

}



.few-things-slider .owl-dots button.owl-dot span {

  display: block;

}



.few-things-slider .owl-dots:before {

  width: 1px;

  height: 100%;

  background: #b1b2b7;

  content: "";

  position: absolute;

  left: 15px;

  top: 0;

  z-index: 0;

}



.few-things-slider .owl-dots button.owl-dot:first-child {

  margin-top: 0;

}



.few-things-slider .owl-dots:after {

  width: 10px;

  height: 10px;

  background: #da3340;

  content: "";

  position: absolute;

  left: 10px;

  bottom: 0;

  z-index: 0;

  border-radius: 50px;

}



section.creative-path {

  text-align: center;

  padding: 60px 0;

  position: relative;

}



section.creative-path h2 {

  font-size: 50px;

  color: #000000;

  font-weight: 600;

}



section.creative-path h2 + p {

  padding: 0 171px;

  color: #777575;

  margin-bottom: 73px;

}



section.creative-path [class^="col-"] {

  text-align: left;

}



section.creative-path [class^="col-"] i {

  display: block;

  margin-bottom: 23px;

}



section.creative-path [class^="col-"] h6 {

  color: #1d1c84;

  padding-bottom: 17px;

  border-bottom: #cacaca 1px solid;

  margin-bottom: 25px;

  font-size: 20px;

}



section.creative-path [class^="col-"] ul li {

  margin-bottom: 9px;

  color: #676767;

}



section.creative-path:after {

  background: url(../images/purple-vctr-cr.webp) no-repeat left top;

  width: 340px;

  height: 644px;

  content: "";

  position: absolute;

  right: 0;

  top: -310px;

  z-index: 0;

}



section.meet-technologies {

  background: #fbfbfb;

  padding: 90px 0;

  color: #1d1c84;

  position: relative;

  border-right: #fff 120px solid;

}



section.meet-technologies h4 {

  font-size: 30px;

  margin: 70px 0 20px;

}



section.meet-technologies img {

  margin-left: -230px;

  max-width: initial;

  margin-top: -17px;

}



i.gray-circle-dots-vctr {

  background: url(../images/gray-dotted-vctr.png) no-repeat left top;

  background-size: cover;

  width: 394px;

  height: 172px;

  position: absolute;

  top: -73px;

  right: 40px;

}



section.meet-technologies h4 + p {

  font-size: 21px;

}



body.hp-firm-none-vctr section.happy-clients:after,

body.hp-firm-none-vctr section.best-firms:after {

  display: none;

}



section.services-sec {

  overflow: hidden;

  padding: 80px 0;

  color: #797979;

}



section.services-sec .col-md-5 {

  padding: 0;

}



section.services-sec .col-md-7 {

}



section.services-sec .col-md-7 h2 {

  font-size: 46px;

  line-height: 49px;

  margin-bottom: 24px;

  margin-top: 10px;

  font-weight: bold;

}



section.services-sec .col-md-7 {

  padding: 0 7em;

  font-size: 15px;

}



section.services-sec .col-md-7 .h6-line {

  margin-top: 73px;

  font-family: Poppins, sans-serif;

}



section.services-sec .col-md-7 p {

  font-size: 17px;

  margin-bottom: 38px;

  line-height: 26px;

  width: 710px;

}



section.services-sec .col-md-7 ul li {

  display: inline-block;

  width: 49%;

  margin-bottom: 11px;

  color: #383737;

  font-size: 17px;

}



section.services-sec .row {

  padding: 4em 0;

}



i.services_vctr-1 {

  position: absolute;

  background: url(../images/services_vctr-1.jpg) no-repeat left top;

  width: 150px;

  height: 159px;

  z-index: -2;

  bottom: 0;

  right: 0;

}



.principle-style-bx {

  text-align: left;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: left top;

  display: inline-block;

  margin: 0 5px 6px 0;

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

  -moz-transition: all 0.4s ease-in;

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

  -ms-transition: all 0.4s ease-in;

  transition: all 0.4s ease-in;

  width: 265px;

}



.principle-style-bx a {

  border: 0 !important;

  border-radius: 0 !important;

  display: block;

  height: 173px;

  width: 100%;

  padding-top: 80px;

  color: #fff;

}



.p1 {

  background-image: url(../images/principles-bg-1.jpg);

}

.p2 {

  background-image: url(../images/principles-bg-2.jpg);

}

.p3 {

  background-image: url(../images/principles-bg-3.jpg);

}

.p4 {

  background-image: url(../images/principles-bg-4.jpg);

}

.p5 {

  background-image: url(../images/principles-bg-1.jpg);

}

.p6 {

  background-image: url(../images/principles-bg-6.jpg);

}



.nav-item.principle-style-bx .nav-link.active,

.nav-item.principle-style-bx .nav-link.active * {

  background-color: transparent !important;

  color: #fff !important;

}



.principle-style-bx a h6 {

  color: #ffffff59;

}



.principle-style-bx a span {

  color: #ffffff63;

  font-size: 42px;

}



.principle-style-bx:hover a * {

  color: #fff !important;

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

  -moz-transition: all 0.4s ease-in;

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

  -ms-transition: all 0.4s ease-in;

  transition: all 0.4s ease-in;

}



section.services-principles {

  padding: 110px 0;

  background: #fbfbfb;

}



section.services-sec .row:last-child {

  padding-bottom: 0;

}



section.services-principles h2 {

  font-size: 32px;

  margin-top: 1px;

  font-weight: bold;

}



section.portfolio-col a.seemore-pf span {

  padding-left: 34px;

}



section.services-principles .tab-pane span {

  font-size: 147px;

  color: #cccccc30;

  font-family: "BaseNeueWideBold";

  margin-top: -42px;

  display: block;

}



section.services-principles .tab-pane h6 {

  margin-top: -121px;

  font-size: 30px;

  color: #1d1c84;

  margin-bottom: 90px;

}



section.services-principles .col-md-6 + .col-md-6 {

  padding-left: 25px;

  padding-right: 0;

}



section.services-principles .tab-pane {

  color: #696969;

  font-size: 15px;

}



.p2 span,

.p6 span,

.p3 span {

  /* color: #00000099 !important; */

}



section.services-principles .h6-line {

  float: right;

  margin: -50px 0 0;

}



.nav-item.principle-style-bx:hover,

li.nav-item.principle-style-bx a.active {

  transform: scale(1.06);

}



#body-nav .col-md-5 ul.pf-menu-links li {

  text-align: left;

  font-size: 37px;

  position: relative;

  color: #fff;

}



#body-nav .col-md-5 ul.pf-menu-links li a:before {

  background: #5a5959;

  content: "";

  position: absolute;

  left: 0;

  top: 26px;

  width: 20px;

  height: 2px;

}



#body-nav .col-md-5 ul.pf-menu-links li:hover a:before {

  background: #ffffff;

}



#body-nav .col-md-7 ul.pf-menu li {

  display: inline-block;

  position: relative;

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

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

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

  -ms-transition: all 0.2s ease-in;

  transition: all 0.2s ease-in;

  border: #000 1px solid;

  width: 33%;

  margin: 0px -2px;

}



#body-nav .col-md-7 ul.pf-menu li img {

  width: 100%;

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

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

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

  -ms-transition: all 0.2s ease-in;

  transition: all 0.2s ease-in;

}



#body-nav .col-md-7 ul.pf-menu li .pf-menu-overlay {

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

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

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

  color: #fff;

  -ms-transition: all 0.2s ease-in;

  transition: all 0.2s ease-in;

  position: absolute;

  z-index: 1;

  background: #020215db;

  width: 100%;

  height: 100%;

  bottom: -100%;

  left: 0;

  font-size: 19px;

  display: -webkit-flex;

  display: inline-flex;

  -webkit-flex-direction: column;

  flex-direction: column;

  -webkit-align-items: center;

  align-items: center;

  -webkit-justify-content: center;

  justify-content: center;

}



#body-nav .col-md-7 ul.pf-menu li a {

  display: block;

  overflow: hidden;

  position: relative;

}



#body-nav .col-md-7 ul.pf-menu li .pf-menu-overlay span {

  font-size: 10px;

  color: #d65a00;

  display: block;

  text-transform: uppercase;

  letter-spacing: 1px;

}



#body-nav .col-md-7 ul.pf-menu li .pf-menu-overlay i {

  color: #fff;

}



#body-nav .col-md-7 ul.pf-menu li .pf-menu-overlay:before {

  width: 90%;

  height: 90%;

  content: "";

  border: #ffffff94 1px solid;

  position: absolute;

  z-index: 0;

}



#body-nav .col-md-7 ul.pf-menu li:hover .pf-menu-overlay {

  bottom: 0;

}



.show-nav #body-nav .col-md-7 {

  height: 100vh;

  overflow: scroll;

}



.site-wrap {

  overflow: hidden;

  width: 100%;

  height: 100%;

}

#body-nav {

  -webkit-box-shadow: none !important;

  -moz-box-shadow: none !important;

  box-shadow: none !important;

  z-index: 999999;

  -webkit-transition: all 300ms ease 0ms;

  -moz-transition: all 300ms ease 0ms;

  -o-transition: all 300ms ease 0ms;

  transition: all 300ms ease 0ms;

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

  -moz-transform: translate(0, 0);

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

  -o-transform: translate(0, 0);

  transform: translate(0, 0);

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

  -o-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  width: 100%;

  height: 100%;

  position: fixed;

  top: 0;

  left: 101%;

}



.show-nav #body-nav {

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

  -moz-transform: translate(-100%, 0);

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

  -o-transform: translate(-100%, 0);

  transform: translate(-100%, 0);

  -webkit-transform: translate3d(-100%, 0, 0);

  -moz-transform: translate3d(-100%, 0, 0);

  -ms-transform: translate3d(-100%, 0, 0);

  -o-transform: translate3d(-100%, 0, 0);

  transform: translate3d(-100%, 0, 0);

  left: 100%;

}

.push-wrap {

  -webkit-transition: all 300ms ease 0ms;

  -moz-transition: all 300ms ease 0ms;

  -o-transition: all 300ms ease 0ms;

  transition: all 300ms ease 0ms;



  -moz-transform: translate(0, 0);

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

  -o-transform: translate(0, 0);

  transform: translate(0, 0);



  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

  -o-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.show-nav .push-wrap {

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

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

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

  transform: translate(-50%, 0);



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

  -moz-transform: translate3d(-50%, 0, 0);

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

  -o-transform: translate3d(-50%, 0, 0);

  transform: translate3d(-50%, 0, 0);

}

header .toggle-nav {

  right: 30px;

  position: fixed;

  z-index: 99999999999999;

  left: inherit;

  background: #fff;

  padding: 0 13px;

  font-size: 21px;

  top: 21px;

}

header .toggle-nav .option {

  right: auto;

  left: 125%;

}



header .toggle-nav i {

  color: #c4c5c9;

  font-size: 36px;

}



body.show-nav header .svg-inline--fa.fa-bars {

  display: none;

}

body.show-nav header .toggle-nav {

  padding: 15px 20px;

  background: transparent;

}

body.show-nav header .svg-inline--fa.fa-times {

  display: block;

}



#body-nav .col-md-5 h6 {

  color: #db3340;

  font-size: 43px;

  line-height: 46px;

  margin-bottom: -20px;

  position: relative;

}



#body-nav .col-md-5 h6 span {

  display: block;

  color: #fff;

  font-size: 13px;

  letter-spacing: 1px;

  line-height: 17px;

}



h6 {

}



#body-nav .col-md-5 {

  padding-left: 103px;

}



#body-nav .col-md-5 ul.tp-social {

  text-align: right;

  position: absolute;

  bottom: 10px;

  margin: 0;

  right: 10px;

}



#body-nav .col-md-5 ul.tp-social li a {

  color: #bbb6b6;

  background: #0006;

  padding: 10px 0 0;

  display: block;

  width: 53px;

  height: 48px;

  font-size: 18px;

  text-align: center;

}



#body-nav .col-md-5 ul.tp-social li {

  margin: 0 9px;

}



section.portfolio-col .card.cp1:after {

  position: absolute;

  content: "";

  background: #dc3d48;

  width: 107px;

  height: 100px;

  right: 49px;

  z-index: -1;

  bottom: -10px;

}



span.hd-border {

  font-size: 390px;

  color: #fff;

  text-shadow: #00000085 0px 0px 1px;

  position: absolute;

  z-index: -1;

  top: -240px;

  right: 30px;

  opacity: 0.5;

}



section.portfolio-col .col-md-6 li:hover .portfolio-overlay i {

  font-size: 24px;

  color: #fff;

  margin-bottom: 8px;

}



section.portfolio-col a.seemore-pf i.line-cr-left {

  top: 23px;

  width: 50px;

}



section.happy-clients span.hd-border {

  font-size: 250px;

  top: -100px;

}



i.dbl-vctr-cr {

  background: url(../images/dbl-vctr-cr.png) no-repeat left top;

  width: 206px;

  height: 183px;

  position: absolute;

  top: -80px;

  right: 0;

}



section.cutomer-feedback span.hd-border {

  top: -180px;

  font-size: 252px;

  right: inherit;

  left: 30px;

}



i.sep {

  background: url(../images/sep.png) left top no-repeat;

  width: 13px;

  height: 186px;

  position: absolute;

  left: 50%;

  top: -10px;

  margin-left: -7px;

  z-index: 1;

}



section.portfolio-col span.hd-border {

  top: 0px;

  font-size: 181px;

  display: none;

}



section.portfolio-col .card.cp11,

section.portfolio-col .card.cp10 {

  text-align: right;

}



ul.tp-social li a:hover i {

  color: #dd414c;

}



.works-next-stop a {

  padding: 170px 0 150px;

  display: block;

}



section.portfolio-col .col-md-6 ul li {

  margin-bottom: 23px;

  position: relative;

  overflow: hidden;

}



section.portfolio-col .col-md-6 ul li:hover .portfolio-overlay {

}



section.portfolio-col .col-md-6 ul li img {

  width: 100%;

}



.portfolio-overlay .svg-inline--fa.fa-plus.fa-w-12 {

  font-size: 63px;

  color: #f72744;

}



section.inner-banner .h6-line {

  font-size: 27px;

}



section.inner-banner .h6-line > span:before {

  top: 18px;

  width: 58px;

}



footer .row {

    align-items: center;

}

p.ftr-about {

    line-height: 26px;

    color: #000000;

    text-align: left;

}

footer ul.ftr-social li span {

  display: inline-block;

  margin-left: 5px;

}



footer ul.ftr-social li i {

  margin-right: 5px;

  font-size: 13px;

  color: #F46606;

}



.works-next-stop .h6-line span:before {

  top: 12px;

  width: 58px;

  background: #fff;

}



.thankyou-banner h1 {

  font-size: 46px;

  font-weight: 600;

  margin-bottom: 22px;

  line-height: 58px;

  color: #fff;

}

.thankyou-banner h1 span {

  display: block;

  font-family: georgia;

  font-style: italic;

}

a.logo-thankyou {

  display: inline-block;

  margin-bottom: 62px;

}

.thankyou-banner {

  text-align: center;

  background: url(../images/home-banner.jpg);

  display: -webkit-flex;

  display: inline-flex;

  -webkit-flex-direction: column;

  flex-direction: column;

  -webkit-align-items: center;

  align-items: center;

  -webkit-justify-content: center;

  justify-content: center;

  height: 100vh;

  width: 100%;

  font-size: 22px;

  color: #fff;

  line-height: 26px;

  background-size: cover;

}

a.live-chat-thank.chat {

  background: #ee2c5e;

  display: inline-block;

  border-radius: 50px;

  padding: 14px 70px;

  color: #fff;

  text-transform: uppercase;

  letter-spacing: 1px;

  margin: 40px 0;

}

header .row {

  align-items: center;

}

section.lp-banner {

    background: url(../images/lp-banner.webp) no-repeat left top #ba9318;

    background-size: cover;

    padding: 231px 0 100px 0;

    overflow: hidden;
    min-height: 720px;

}

section.packages .container {

  position: relative;

  z-index: 1;

}

span.price-tag {

  font-weight: 800;

  background: url(../images/price-tag.png) no-repeat left top;

  background-size: contain;

  width: 135px;

  height: 167px;

  position: absolute;

  text-align: center;

  color: #000;

  left: 510px;

  font-size: 49px;

  font-weight: bold;

  padding-top: 76px;

  top: -10px;

  font-family: "BaseNeueWideBold";

}

/* span.price-tag:after {

  content: "";

  position: absolute;

  right: -50px;

  background: url(../images/money-back.png) no-repeat left top;

  top: 180px;

  width: 150px;

  height: 100px;

  bottom: 0;

  background-size: contain;

} */



section.lp-banner h1 {

  color: #fff;

  font-size: 47px;

  font-weight: bold;

  line-height: 60px;

  margin-bottom: 45px;

}



section.lp-banner h1 span {

  color: #000000;

  display: block;

}



section.lp-banner ul li {

  position: relative;

  color: #fff;

  padding-left: 18px;

  margin-bottom: 9px;

  display: inline-block;

  width: 49%;

  font-size: 17px;

}

header a.btn-red {

  font-size: 12px;

  padding: 9px 31px;

  border-radius: 50px;

  background: linear-gradient(to right, #f6cd03 0%, #f46606 100%);

  color: black;

  font-weight: 600 !important;

}

section.lp-banner ul li:before {

  content: "";

  background: #f46606;

  padding: 4px;

  width: 5px;

  height: 5px;

  position: absolute;

  left: 0;

  border-radius: 50px;

  top: 7px;

}



section.lp-banner ul {

  width: 100%;

  margin-top: 23px;

}



section.lp-banner a.chat {

  background: #db3340;

}



section.lp-banner a.various {

  background: linear-gradient(to right, #f6cd03 0%, #f46606 100%);

  color: #000;

  margin-top: 16px;

  animation: pulseShadow 1.3s ease-in-out infinite;

}



section.lp-banner a {

  padding: 12px 43px;

  display: inline-block;

  text-transform: uppercase;

  font-size: 16px;

  font-weight: inherit !important;

  color: #fff;

  border-radius: 50px;

  margin-right: 17px;

  font-family: Poppins, sans-serif;

  font-weight: 600 !important;

}



a.btn-red {

  padding: 12px 43px;

  display: inline-block;

  text-transform: uppercase;

  font-size: 18px;

  margin-top: 14px;

  font-weight: inherit !important;

  color: #fff;

  border-radius: 6px;

  margin-right: 17px;

  background: #db3340;

  box-shadow: #63616157 0 3px 4px;

  animation: pulseShadow 1.3s ease-in-out infinite;
}



a.btn-red i {

    margin-left: 7px;

    position: relative;

    top: 0px;

}



section.leading-col {

  text-align: center;

  padding: 210px 0 60px;

  position: relative;

}



section.leading-col h2 {

  margin-bottom: 33px;

  font-weight: 600;

  font-size: 44px;

}



section.leading-col span.hd-border {

  font-size: 273px;

  top: -70px;

  right: 60px;

}



section.leading-col i.sep {

  top: 40px;

}



section.leading-col .container {

  margin-top: 53px;

}



section.lp-cta {

  text-align: center;

  padding: 30px 0;

}



span.price-tag sup {

  font-size: 28px;

}



section.lp-banner .container {

  position: relative;

}



section.lp-cta img {

  width: 100%;

}



section.lp-cta a {

  display: block;

}



.frm-brdr-grd:before {

  content: "";

  position: absolute;

  display: block;

  width: 104%;

  left: -8px;

  right: 0;

  top: -8px;

  border-radius: 22px;

  height: 126px;

  background: linear-gradient(to right, #f6cd03 0%, #f46606 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d22a43', endColorstr='#f0760a', GradientType=1 );

  z-index: -1;

}



.banner-form form {

  padding: 30px 20px 40px;

  background: #ffffff;

  border-radius: 22px;

  min-height: 520px;
}



.time_circles {

  position: relative;

  width: 100%;

  height: 100%;

}

.time_circles > div {

  position: absolute;

  text-align: center;

}

.time_circles > div > h4 {

  margin: 0px;

  padding: 0px;

  text-align: center;

  text-transform: uppercase;

  font-family: "Century Gothic", Arial;

}



.time_circles > div > span {

  display: block;

  width: 100%;

  text-align: center;

  font-family: "Century Gothic", Arial;

  font-size: 300%;

  margin-top: 0.4em;

  font-weight: bold;

}



div#CountDownTimer {

  width: 300px;

  text-shadow: #000 1px 1px 2px;

  color: #fff;

  margin-top: 0;

}

section.banner h3 span {

  font-weight: 700;

}

.banner-form .border-left,

.banner-form .border-right {

  border-left: 2px solid #d22a43;

  border-right: 2px solid #f0760a;

  border-radius: 5px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  background-position:

    0 0,

    0 100%;

  background-repeat: no-repeat;

  background-size: 100% 2px;

  background-image:

    linear-gradient(to right, #d22a43 0%, #f0760a 100%),

    linear-gradient(to right, #d22a43 0%, #f0760a 100%);

  position: absolute;

  top: 0;

  display: none;

  width: 2px;

  left: -3px;

  height: 120px;

}



.banner-form .border-right {

  left: inherit;

  right: -3px;

}



.banner-form {

  width: 91%;

  color: #000;

  position: relative;

  box-shadow: #0000003b 0 11px 92px;

  float: right;

  z-index: 3;

  margin-top: -5px;

  text-align: center;

  /* padding: 30px 20px 40px; */

}



.banner-form h2 {

  padding: 0;

  margin: 0;

  color: #fff;

  font-size: 77px;

  position: relative;

  background: #1d38c6;

  width: 128%;

  margin-left: -40px;

  margin-top: -30px;

  text-align: center;

  margin-bottom: 20px;

}



.banner-form h2 sup {

  display: inline-block;

  top: -6px;

  left: 4px;

}



.banner-form h2 sub {

  display: inline-block;

  font-size: 17px;

  position: absolute;

  left: 193px;

  top: inherit;

  bottom: 44px;

}



.banner-form h2 span {

  display: inline-block;

  color: #f6cf0b;

  font-size: 17px;

  font-style: italic;

  width: 100px;

  padding-left: 54px;

  text-align: left;

  margin-top: -6px;

}



.banner-form select,

.banner-form input {

  width: 97%;

  padding: 10px 0;

  margin-bottom: 17px;

  border: 0px none;

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

  outline: none;

  background: #fff;

  font-size: 12px;

  color: #464646;

  font-weight: 500;

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

  height: 43px;

  border-radius: 0;

  box-shadow: none;

}

.banner-form textarea {

  min-height: 80px;

  width: 100%;

  padding: 10px 5px;

  margin-bottom: 10px;

  border: 0px none;

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

  outline: none;

  font-size: 13px;

  line-height: normal;

  color: #000000;

  font-weight: 500;

  border-radius: 0;

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

}

.banner-form input[type="submit"] {

  border: none;

  box-shadow: none;

  padding: 13px 28px;

  margin-top: 0px;

  border-radius: 5px;

  margin-bottom: 0;

  outline: none;

  letter-spacing: 1px;

  text-transform: uppercase;

  font-size: 17px;

  width: 100%;

  margin: 0 auto !important;

  height: auto;

  color: #000000;

  font-weight: 500;

  background: linear-gradient(to right, #f6cd03 0%, #f46606 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d22a43', endColorstr='#f0760a', GradientType=1 );

  transition: all 0.3s ease-in-out;  

  animation: pulseShadow 1.3s ease-in-out infinite;
}



section.packages {

  padding: 50px 0 100px;

  font-size: 14px;

  color: #848894;

  line-height: 23px;

  background: #f5f3f3;

}

section.packages h2 {

  text-align: center;

  font-size: 32px;

  font-weight: 500;

  margin: 0 0 20px;

  color: #282828;

}

section.packages h2 a.grad-btn {

  color: #fff;

}

section.packages a.grad-btn {

  color: #fff;

  padding: 10px 30px;

  border-radius: 5px;

  font-size: 14px;

  text-transform: uppercase;

  font-weight: 500;

  position: relative;

  margin: 0 auto;

  display: table;

  top: 20px;

  background: #dc321a;

  border-color: #7a1d10;

}

section.packages p {

  font-size: 14px;

  width: 81%;

  margin: 0 auto;

  text-align: center;

  margin-bottom: 0;

  font-weight: bold;

  line-height: 21px;

  color: #797777;

}

section.packages a.border-btn {

  font-weight: 600;

  padding: 6px 30px;

  background: linear-gradient(

    to right,

    #ef4e28 0%,

    #ec6d28 21%,

    #f7a358 74%,

    #f7c158 100%

  );

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  display: inline-block;

  border: 3px solid transparent;

  border-image: linear-gradient(

    to right,

    #ef4e28 0%,

    #ec6d28 21%,

    #f7a358 74%,

    #f7c158 100%

  );

  border-image-slice: 5;

  text-transform: uppercase;

}



section.packages .col-md-4 {

  margin: 30px 0 30px;

}

section.packages [class^="col-md-4"] > div {

  border-radius: 5px;

  padding: 20px 20px 0;

  background: #fff;

  position: relative;

  border: 2px solid #d8dfe6;

  border-radius: 14px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  text-align: center;

  width: 100%;

  margin: 0 auto;

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

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

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

  -ms-transition: all 0.2s ease-in;

  transition: all 0.2s ease-in;

}

section.packages [class^="col-md-4"] > div h2 {

  font-size: 23px;

  font-weight: 600;

  text-align: left;

  margin-bottom: 14px;

}

section.packages [class^="col-md-4"] > div i {

  position: absolute;

  right: -2px;

  top: 0;

}

section.packages [class^="col-md-4"] > div .pricebox {

  position: relative;

  text-align: left;

}

section.packages [class^="col-md-4"] > div .pricebox sup {

  font-size: 25px;

  font-weight: 600;

  position: relative;

  color: #dc0000;

}

section.packages [class^="col-md-4"] > div .pricebox h3 {

  display: inline-block;

  font-size: 63px;

  margin: 0;

  font-weight: 700;

  color: #dd342f;

  padding-right: 10px;

}

section.packages [class^="col-md-4"] > div .pricebox strike {

  font-size: 16px;

  color: #6c6c6c;

  position: relative;

  top: -10px;

  font-weight: 700;

}

section.packages [class^="col-md-4"] > div .pricebox span {

  position: absolute;

  top: 16px;

  left: 0;

  font-size: 14px;

  color: #6c6c6c;

  font-weight: 700;

}



section.packages [class^="col-md-4"] > div ul li {

  font-size: 13px;

  color: #353538;

  font-weight: 500;

  padding-left: 15px;

  position: relative;

  margin-bottom: 0px;

  padding-right: 12px;

}

section.packages [class^="col-md-4"] > div ul li:before {

  content: "";

  display: inline-block;

  top: 9px;

  position: absolute;

  left: 0;

  background: #a7a2f9;

  width: 5px;

  height: 5px;

  border-radius: 50px;

}

section.packages [class^="col-md-4"] > div ul {

  margin-bottom: 0px;

  margin-top: 5px;

  text-align: left;

}

p.addontag {

  font-size: 12px;

  color: #000000;

  display: inline-block;

  margin-bottom: 0px;

  width: 100%;

  font-weight: 700;

  text-align: v;

  margin: 7px 0;

}

p.addontag strong {

  color: #db0000;

}

section.packages [class^="col-md-4"] > div a.mr-det {

  display: block;

  text-transform: uppercase;

  color: #000;

  margin: 10px 0 0px;

  font-weight: 700;

  font-size: 11px;

  letter-spacing: 2px;

  margin-left: 5px;

}

section.packages [class^="col-md-4"] > div h2 + p {

  font-size: 11px;

  color: #727272;

  text-align: left;

  width: 89%;

  margin: 0 0 16px;

  line-height: 14px;

}

section.packages [class^="col-md-4"] > div:hover {

  border: 2px solid #d22a43 !important;

  /* border-right: 2px solid #f0760a; */

  border-radius: 14px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  background-position:

    0 0,

    0 100%;

  background-repeat: no-repeat;

  background-size: 100% 2px;

}



/*

 *  STYLE 14

 */

.style-14::-webkit-scrollbar-track {

  background-color: #e8e8e8;

}

.style-14::-webkit-scrollbar {

  width: 5px;

  background-color: #d5363f;

}

.style-14::-webkit-scrollbar-thumb {

  background-color: #d5363f;

}

.scrollbar {

  margin-left: 0px;

  float: left;

  height: 228px;

  width: 100%;

  overflow-y: scroll;

  margin-bottom: 15px;

  overflow-x: hidden;

}

.force-overflow {

  min-height: 450px;

}



.cs-wb-pkg-show .pricebox h3,

.cs-wb-pkg-show .pricebox sup {

  color: #614a8a !important;

}



section.packages * {

  vertical-align: top;

}



section.packages .pricebox *,

section.packages ul {

  vertical-align: middle;

}



.actions {

  border-top: 1px solid #eeeeee;

  padding-top: 15px;

  margin-top: 15px;

  display: block;

  float: left;

  position: relative;

  width: 100%;

  text-align: center;

  margin: 0 auto 0px;

}



.actions a {

  vertical-align: top;

  min-width: inherit;

  margin: 0px;

  position: relative;

  color: #000000;

  font-size: 9px;

  font-family: Poppins, sans-serif;

  font-weight: bold;

  text-transform: uppercase;

}



.actions a span {

  font-size: 13px;

  float: left;

  font-weight: bold;

  color: #7f7b7b;

}

.actions a span small {

  display: block;

  font-size: 12px;

  line-height: normal;

  color: #db321a;

  font-weight: bold;

}



.actions::before {

  position: absolute;

  content: "";

  height: 43px;

  background-color: #eee;

  width: 1px;

  left: 46%;

  top: 10px;

}



a.pkg-view-detail {

  margin: 4px 0 0 0;

  display: inline-block;

  color: #d6373f !important;

  font-size: 12px;

  text-transform: uppercase;

  letter-spacing: 1px;

  font-weight: 600;

  clear: both;

  border-bottom: #ccc 1px dotted;

}



section.packages .row + .row {

  margin: 0 auto -15px;

  justify-content: center;

}



.br-sol .actions a span {

  color: #ffffff;

}

span.off-50 {

  position: absolute;

  right: -70px;

  top: -51px;

}

.actions .col-md-6 {

  padding: 0 0px;

  float: left;

}

section.br-sol:before {

  content: "";

  background: #5d3c83ad;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

}

.br-sol .actions a span small {

  color: #e3e3e3;

}



section.portfolio-col [class^="col-"] .pf-bx {

  margin-bottom: 18px;

  overflow: hidden;

  position: relative;

  border-radius: 4px;

}



section.portfolio-col [class^="col-"] .pf-bx img {

    width: 100%;

    height: 100%;

}



section.portfolio-col [class^="col-"] .pf-bx a {

  display: block;

}



section.portfolio-col [class^="col-"] .pf-bx:hover .portfolio-overlay {

  opacity: 1;

}



section.portfolio-col [class^="col-"] .pf-bx:hover img {

  transform: scale(1.05);

  transition: all 0.4s ease-in;

}



section.portfolio-col

  [class^="col-"]

  .portfolio-overlay

  .svg-inline--fa.fa-plus.fa-w-12 {

  font-size: 25px;

}



.actions .col-md-6 + .col-md-6 {

  padding-left: 17px;

}



.money-back {

  text-align: right;

}



/* popup christmas*/

.christmas.popupform {

  height: 727px;

  width: 864px;

  background: url(../images/christmas-bg-2.png) no-repeat !important;

}



.christmas.popupform .popup-content {

  margin-right: 30px !important;

  width: 43%;

  padding-top: 0 !important;

}

.christmas .modal-body h2 {

  text-align: center;

  margin: 0px auto;

  color: #fff;

  padding-top: 150px !important;

  text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.59);

  font-weight: bold;

}

.christmas .modal-body h2 span.offf {

  margin-top: 0;

  padding-top: 0;

  background: #faa500;

  line-height: initial;

  padding: 10px;

  border-radius: 30px;

  top: -10px;

  position: relative;

  font-weight: bold;

}



.christmas .popup-content form.popupform_sc {

  margin-top: 18px !important;

}



.christmas .popup-content input[type="submit"] {

  margin-top: 0;

}



.christmas .popup-content textarea {

  max-height: 130px;

}



.christmas input[type="submit"] {

  border: none;

  box-shadow: none;

  padding: 13px 28px;

  margin-top: 0px;

  border-radius: 5px;

  margin-bottom: 0;

  outline: none;

  letter-spacing: 1px;

  text-transform: uppercase;

  font-size: 17px;

  width: 100%;

  margin: 0 auto !important;

  height: auto;

  color: #fff;

  font-weight: 500;

  background: rgba(210, 42, 67, 1);

  background: -moz-linear-gradient(

    left,

    rgba(210, 42, 67, 1) 0%,

    rgba(240, 118, 10, 1) 100%

  );

  background: -webkit-gradient(

    left top,

    right top,

    color-stop(0%, rgba(210, 42, 67, 1)),

    color-stop(100%, rgba(240, 118, 10, 1))

  );

  background: -webkit-linear-gradient(

    left,

    rgba(210, 42, 67, 1) 0%,

    rgba(240, 118, 10, 1) 100%

  );

  background: -o-linear-gradient(

    left,

    rgba(210, 42, 67, 1) 0%,

    rgba(240, 118, 10, 1) 100%

  );

  background: -ms-linear-gradient(

    left,

    rgba(210, 42, 67, 1) 0%,

    rgba(240, 118, 10, 1) 100%

  );

  background: linear-gradient(

    to right,

    rgba(210, 42, 67, 1) 0%,

    rgba(240, 118, 10, 1) 100%

  );

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d22a43', endColorstr='#f0760a', GradientType=1 );

}



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

  .christmas.popupform {

    height: auto;

    width: 90%;

    background: #ffffff3b !important;

    padding: 30px !important;

  }



  .christmas .modal-body h2 {

    margin-top: 0 !important;

    padding-top: 0px !important;

  }

  .christmas.popupform .popup-content {

    width: 100% !important;

    margin-right: 0 !important;

    padding-right: 0 !important;

  }

}



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

  .christmas .modal-body h2 {

    font-size: 25px !important;

  }



  .christmas .modal-body h2 span.offf {

    padding: 5px !important;

    border-radius: 10px !important;

    top: -7px !important;

  }

}



/* popup christmas*/



.indent_inn h1 b {

  vertical-align: baseline;

  color: #d22a43;

}



.indent_inn {

  width: 100%;

  max-width: 1170px;

}



.indent_inn h1 {

  font-weight: 700;

  font-size: 44px;

  text-align: center;

}



.ddexitForm {

  margin-top: 30px;

}



.indent-pop ul {

  margin: 0;

  width: 100%;

  float: left;

}



.indent-pop ul li.ind-line {

  width: 26.2%;

  float: left;

  padding: 0 5px;

}



.indent-pop ul li.ind-line input {

  height: 60px;

  display: block;

  margin: 0 auto;

  background: #fbfcfd;

  border: 1px solid #e5e5e5;

  padding: 17px 10px 16px 20px;

  width: 100%;

}



.indent-pop ul li.ind-line i.fa {

  display: none;

}



.indent-pop ul li.ind-line input[type="submit"] {

  font-size: 17px;

  background-color: rgba(210, 42, 67, 1);

  border-color: rgba(210, 42, 67, 1);

  color: #fff;

}



.indent-pop ul li.ind-line.last {

  width: 20%;

}



#ddexitpopwrapper {

  display: flex;

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 10000;

  pointer-events: none;

  align-items: center;

  justify-content: center;

}



#ddexitpopwrapper .veil {

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  position: fixed;

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

  content: "";

  z-index: 1;

  display: none;

  cursor: default;

}



.ddexitpop {

  width: 100%;

  padding: 0;

  z-index: 2;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  position: relative;

  background: white;

  left: 0;

  top: 0;

  -webkit-animation-duration: 0.5s;

  animation-duration: 0.5s;

  visibility: hidden;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}



.ddexitpop .calltoaction {

  display: inline-block;

  text-decoration: none;

  border-radius: 5px;

  padding: 15px;

  background: #15c5ff;

  display: block;

  width: 80%;

  margin: 10px auto;

  text-align: center;

  color: white !important;

}



div.closeexitpop {

  background: url("../images/xclose.png") no-repeat scroll center center;

  width: 70px;

  height: 70px;

  overflow: hidden;

  display: none;

  position: fixed;

  cursor: pointer;

  text-indent: -1000px;

  z-index: 3;

  top: 10px;

  right: 10px;

  background-size: 20px;

  opacity: 0.7;

}



#ddexitpopwrapper.open {

  pointer-events: auto;

}



#ddexitpopwrapper.open .veil {

  display: block;

}



#ddexitpopwrapper.open div.closeexitpop {

  display: block;

}



#ddexitpopwrapper.open .ddexitpop {

  visibility: visible;

}



@media screen and (max-height: 765px) {

  .ddexitpop {

    /* top: 0; */

  }



  .indent-pop ul li.ind-line {

    width: 100% !important;

    margin-bottom: 10px;

  }



  .indent-pop ul li.ind-line input[type="submit"] {

    width: auto;

  }



  .indent_inn h1 {

    font-size: 30px;

  }



  .indent_inn h1 br {

    display: none;

  }

}



/*form styles*/

#msform {

  width: 600px;

  height: 502px;

  margin: 0;

  text-align: center;

  position: relative;

}

#msform fieldset {

  background: white;

  border: 0 none;

  border-radius: 3px;

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

  padding: 20px;

  box-sizing: border-box;

  width: 80%;

  margin: 0 10%;

  /*stacking fieldsets above each other*/

  position: absolute;

}

/*Hide all except first fieldset*/

#msform fieldset:not(:first-of-type) {

  display: none;

}

/*inputs*/

#msform input,

#msform textarea {

  padding: 15px;

  border: 1px solid #ccc;

  border-radius: 3px;

  margin-bottom: 10px;

  width: 100%;

  box-sizing: border-box;

  font-family: montserrat;

  color: #2c3e50;

  font-size: 13px;

}

/*buttons*/

#msform .action-button {

  width: 100px;

  background: #27ae60;

  font-weight: bold;

  color: white;

  border: 0 none;

  border-radius: 1px;

  cursor: pointer;

  padding: 10px 5px;

  margin: 10px 5px;

}

#msform .action-button:hover,

#msform .action-button:focus {

  box-shadow:

    0 0 0 2px white,

    0 0 0 3px #27ae60;

}

/*headings*/

.fs-title {

  font-size: 17px;

  text-transform: uppercase;

  color: #0747b1;

  line-height: 22px;

  letter-spacing: 1px;

  font-weight: 800;

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

  margin-bottom: 24px;

  text-align: left;

  padding-right: 31px;

}

.fs-subtitle {

  font-weight: normal;

  font-size: 13px;

  color: #666;

  margin-bottom: 20px;

}

/*progressbar*/

#progressbar {

  margin-bottom: 30px;

  overflow: hidden;

  /*CSS counters to number the steps*/

  counter-reset: step;

}

#progressbar li {

  list-style-type: none;

  color: white;

  text-transform: uppercase;

  font-size: 9px;

  width: 33.33%;

  float: left;

  position: relative;

}

#progressbar li:before {

  content: counter(step);

  counter-increment: step;

  width: 20px;

  line-height: 20px;

  display: block;

  font-size: 10px;

  color: #333;

  background: white;

  border-radius: 3px;

  margin: 0 auto 5px auto;

}

/*progressbar connectors*/

#progressbar li:after {

  content: "";

  width: 100%;

  height: 2px;

  background: white;

  position: absolute;

  left: -50%;

  top: 9px;

  z-index: -1; /*put it behind the numbers*/

}

#progressbar li:first-child:after {

  /*connector not needed before the first step*/

  content: none;

}

/*marking active/completed steps green*/

/*The number of the step and the connector before it = green*/

#progressbar li.active:before,

#progressbar li.active:after {

  background: #27ae60;

  color: white;

}

.bouncepopup-overlay {

  background: #000000de;

  position: fixed;

  width: 100%;

  height: 100%;

  top: 0;

  display: none;

  z-index: 99;

}

a.bounce-close {

  background: #008b3e;

  color: #fff !important;

  width: 37px;

  height: 37px;

  position: absolute;

  right: 60px;

  z-index: 99;

  top: -1px;

  box-shadow: #00000082 0 0px 6px;

  border-radius: 0;

  padding-top: 5px;

  font-size: 15px;

  font-weight: 600;

  /* border: #ffffff 3px solid; */

  text-align: center;

}



div#popupform2 {

  position: fixed;

  top: 10%;

  left: 50%;

  margin: 0;

  outline: none;

  white-space: normal;

  box-sizing: border-box;

  z-index: 999;

  margin-left: -270px;

}

#msform fieldset li input[type="radio"] {

  position: absolute;

  left: 10px;

  width: auto;

  margin: 0;

  padding: 0;

  border: 0px none;

  top: 13px;

}



#msform fieldset li {

  width: 100%;

  position: relative;

  text-align: left;

  font-size: 14px;

  background: #f3f3f3;

  margin-bottom: 3px;

  padding: 9px 9px 9px 32px;

}

div#popupform2 .fancybox-close-small {

  top: 30px;

  right: 17px;

}



.popupform-auto {

  width: 704px;

  height: 704px;

  border-radius: 0;

  padding: 0 !important;

  overflow: visible;

  background: url(../../../assets/images/popbbg.png) no-repeat left top !important;

}



.popupform-auto .fancybox-close-small {

  background: #da3b46;

  opacity: 1 !important;

  padding: 0 !important;

  color: #fff !important;

  width: 30px;

  height: 31px;

  right: 19px !important;

}



.popupform-auto .fancybox-close-small svg {

}



.popup-content form.popupform_sc {

  margin-top: 0;

}



.popupform-auto select {

  height: 41px;

}



.popupform-auto .modal-body .col-md-6 {

  max-width: 100%;

  flex: unset;

}



.popupform-auto .popup-content {

  width: 100%;

  text-align: center;

  padding: 0;

}



.popupform-auto form.popup-form [class^="col-"] {

  padding: 0 6px;

}



.popupform-auto .popup-content input[type="email"],

.popupform-auto .popup-content input[type="tel"],

.popupform-auto .popup-content input[type="text"],

.popupform-auto .popup-content select,

.popupform-auto .popup-content textarea {

  background: #fbfbfb;

  border: 1px solid #e6e6e6;

  padding: 8px 10px;

  width: 100%;

  border-radius: 2px;

  font-size: 13px;

  color: #000;

  box-shadow: none !important;

  outline: 0 !important;

  margin-bottom: 12px;

}



.popupform-auto .popup-content textarea {

  height: 115px;

}



.popupform-auto .modal-body {

  padding: 0;

  max-width: 450px;

  margin: 86px auto 0;

}



.popupform-auto .popup-content h2 {

  font-size: 37px;

  color: #fff;

  margin-bottom: 13px;

  line-height: 30px;

  margin-top: 0;

  text-transform: capitalize;

  letter-spacing: 1px;

  font-weight: bold;

}



.popupform-auto .popup-content h2 span {

  vertical-align: baseline;

  background: #090f3c;

  display: inline-block;

  padding: 4px 7px;

}



.popupform-auto .popup-content h2 + p {

  line-height: 19px;

  font-size: 15px !important;

  margin-bottom: 16px !important;

  color: #fff;

  font-weight: 400;

  /* text-align: center; */

  padding: 0;

}



p.form_tagline {

  font-size: 10px;

  margin: 0px 0 10px;

}



p.form_tagline a {

  color: #dc414d;

  vertical-align: middle;

  display: inline-block;

}



.banner-form h3 span {

  display: block;

}



section.pricing-packages-wrap {

  padding: 100px 0;

  background: linear-gradient(45deg, #000002, #004d69);

}



.pricing-packages-wrap .pricing-packages-head {

  width: 90%;

  margin: 0 auto 30px;

  text-align: center;

}



.packages-bundle-box:hover .heading-five,

.packages-bundle-box:hover .packages-bundle-buttons span,

.packages-bundle-box:hover .packages-bundle-buttons ul li a.call-btn,

.packages-bundle-box:hover .packages-bundle-buttons ul li button.chat-btn,

.packages-bundle-box:hover p,

.packages-bundle-box:hover span,

.packages-bundle-box:hover ul.packages-bundle-list li,

.pricing-packages-head p {

  color: #fff;

}



.pricing-packages-tablist ul.nav-pills li.nav-item button.nav-link {

    background: 0 0;

    color: #fff;

    font-size: 14px;

    font-weight: 500;

    border: 1px solid #fdba13;

    border-radius: 5px;

    padding: 9px 22px;

    margin: 0;

    text-transform: capitalize;

    transition: 0.3s ease-in-out;

}



.pricing-packages-tablist ul.nav-pills {

  justify-content: center;

  align-items: center;

}



.pricing-packages-tablist ul.nav-pills li.nav-item {

  margin: 0 15px 30px;

}

.pricing-packages-tablist ul.nav-pills li.nav-item button.nav-link.active,

.pricing-packages-tablist ul.nav-pills li.nav-item button.nav-link:hover {

  background: #fdba13;

  color: #000;

}

.pricing-packages-inner .packages-bundle-box {

  background: #fff;

  border-radius: 5px;

  padding: 25px;

  margin: 0 0 20px;

  transition: 0.3s ease-in-out;

  border: 3px solid #fdba13;

}



.packages-bundle-box:hover {

  background: #fdba13;

}



.packages-bundlebox-head .heading-five {

  color: #212529;

  text-transform: uppercase;

  margin: 0 0 10px;

}

.heading-five {

    font-size: 20px;

    line-height: 30px;

    font-weight: 600;

    height: 60px;

}

.packages-bundlebox-head span {

  color: #212529;

  font-size: 44px;

  line-height: 52px;

  font-weight: 900;

  margin: 0 0 10px;

  display: block;

}



.packages-bundlebox-head p {

  color: #212529;

  font-size: 16px;

  line-height: 24px;

  font-weight: 600;

  margin: 0 0 10px;

}

.packages-bundlebox-head .popup-btn {

  display: none;

}

.packages-bundlebox-head .popup-btn {

  background: #f86a14;

  color: #fff;

  border: 1px solid #fff;

  font-size: 16px;

  width: 125px;

  border-radius: 0;

  padding: 5px;

  margin: 0 0 10px;

  text-align: center;

  transition: 0.3s ease-in-out;

}



.packages-bundle-box ul.packages-bundle-list {

  min-height: 150px;

  max-height: 150px;

  overflow-y: auto;

  padding: 0 10px 0 20px;

  margin: 0 0 20px;

  transition: 0.6s ease-in-out;

  overflow-x: hidden;

}

ul.packages-bundle-list::-webkit-scrollbar-track {

  border-radius: 5px;

}



ul.packages-bundle-list::-webkit-scrollbar {

  width: 5px;

  background: #9a9a9a;

  border-radius: 10px;

}



ul.packages-bundle-list::-webkit-scrollbar-thumb {

  background-color: #fff;

  border-radius: 5px;

  opacity: 0;

  visibility: hidden;

  transition: 0.6s ease-in-out;

}



ul.packages-bundle-list:hover::-webkit-scrollbar-thumb {

  opacity: 1;

  visibility: visible;

}



ul.packages-bundle-list li {

  color: #212529;

  font-size: 14px;

  line-height: 20px;

  list-style: disc;

}



.packages-bundle-box .packages-bundle-buttons {

  border-top: 1px solid #e6e1e1;

  padding: 20px 0 0;

}



.packages-bundle-buttons ul {

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 0 20px;
  gap: 10px;

}



.packages-bundle-buttons ul li {

  /* margin: 0 10px; */

}



.packages-bundle-buttons ul li a.call-btn,

.packages-bundle-buttons ul li button.chat-btn {

  background: 0 0;

  color: #3a3a3a;

  font-size: 14px;

  line-height: 20px;

  font-weight: 600;

  border: none;

}



.packages-bundle-buttons span {

  color: #212529;

  font-size: 14px;

  line-height: 20px;

  font-weight: 400;

  margin: 0;

  text-align: center;

  display: block;

}



.pricing-packages-inner .packages-bundle-combobox {

  background: #fff;

  padding: 25px 50px;

  border-radius: 5px;

}



.packages-bundle-combobox .packages-combobox-head {

  display: flex;

  align-items: center;

  margin: 0 0 20px;

}



.packages-combobox-head h3 {

    color: #000;

    font-size: 43px;

    line-height: 56px;

    font-weight: 800;

    width: 50%;

    margin: 0 15px 0 0;

}



.packages-combobox-head h3 span {

  font-size: 40px;

  line-height: 48px;

  font-weight: 500;

  display: block;

}

.packages-combobox-price {

    width: 100% !important;

}



.packages-combobox-price p {

    width: 100% !important;

    margin: 0px !important;

}

.packages-combobox-head p {

  color: #000;

  font-size: 24px;

  line-height: 32px;

  font-weight: 500;

  width: 30%;

  margin: 0 15px;

}



.packages-combobox-list h4 {

  color: #000;

  font-size: 26px;

  line-height: 34px;

  font-weight: 900;

  margin: 0 0 10px;

}



.packages-combobox-list ul.combobox-bundle-list {

  min-height: 135px;

  max-height: 300px;

  overflow-y: auto;

  padding: 0 10px 10px 20px;

}



ul.combobox-bundle-list::-webkit-scrollbar-track {

  border-radius: 5px;

}



ul.combobox-bundle-list::-webkit-scrollbar {

  width: 5px;

  background: linear-gradient(45deg, #000002, #004d69);

  border-radius: 10px;

}



ul.combobox-bundle-list::-webkit-scrollbar-thumb {

  background: #fdba13;

  border-radius: 5px;

}



.packages-combobox-list ul.combobox-bundle-list li {

  color: #000;

  font-size: 14px;

  line-height: 20px;

  list-style: disc;

  font-weight: 400;

}



.key-feat-main-dv .ke-feat-head-dv,

.packages-bundle-combobox .packages-combobox-price,

.utilize-current-main .lst-dv-slid-par,

.utilize-current-main .utlize-cur-head-dv {

  text-align: center;

}



.packages-combobox-price .heading-two {

  color: #000;

  font-weight: 500;

  margin: 0 0 10px;

}



.packages-combobox-price span {

  color: #000;

  font-size: 62px;

  line-height: 68px;

  font-weight: 900;

  display: block;

  margin: 0;

}



.packages-combobox-price del {

  color: #000;

  font-size: 24px;

  line-height: 32px;

  font-weight: 500;

  display: block;

}



.packages-combobox-price p {

  font-weight: 500;

  display: block;

}



.packages-combobox-price button.chat-btn {

  background: 0 0;

  color: #000;

  font-size: 16px;

  line-height: 24px;

  font-weight: 500;

  border: none;

  border-bottom: 1px solid #000;

  margin: 0 0 15px;

}



.packages-combobox-price button.popup-btn {

  background: #f86a14;

  color: #fff;

  border: 1px solid #fff;

  font-size: 16px;

  width: 125px;

  border-radius: 0;

  padding: 5px;

  margin: 0 auto 10px;

  text-align: center;

  transition: 0.3s ease-in-out;

  display: block;

}

.pricing-packages-wrap .pricing-packages-head h2.heading-three {

  color: white;

}

.pricing_div {

    display: flex;

    gap: 5px;

}



.pricing_div del {

    font-size: 16px;

    font-weight: 500;

}



.packages-bundle-box:hover del {

    color: #fff;

}



.pricing-packages-inner .packages-bundle-combobox .row.align-items-center {

    height: 350px;

    overflow-x: hidden;

    overflow-y: auto;

    align-items: flex-start !important;

}



/* ===== NAYA SIMPLE POPUP ===== */

.sp-wrapper {

  position: fixed;

  top: 0; left: 0;

  width: 100%; height: 100%;

  z-index: 99999;

  align-items: center;

  justify-content: center;

}

.sp-wrapper.active {

  display: flex !important;

}

.sp-overlay {

  position: fixed;

  top: 0; left: 0;

  width: 100%; height: 100%;

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

  z-index: 1;

}

.sp-box {

  position: relative;

  z-index: 2;

  background: #fff;

  border-radius: 14px;

  padding: 40px 35px;

  width: 520px;

  max-width: 95vw;

  max-height: 90vh;

  overflow-y: auto;

  text-align: center;

  box-shadow: 0 20px 60px rgba(0,0,0,0.3);

}

.sp-close {

  position: absolute;

  top: 12px; right: 15px;

  background: #e63946;

  color: #fff;

  border: none;

  border-radius: 50%;

  width: 32px; height: 32px;

  font-size: 14px;

  cursor: pointer;

  line-height: 32px;

}

.sp-box h2 {

  font-size: 26px;

  margin-bottom: 8px;

  color: #111;

}

.sp-box h2 span {

  color: #f46606;

}

.sp-box p {

  font-size: 14px;

  color: #555;

  margin-bottom: 20px;

}

.sp-box form input[type="text"],

.sp-box form input[type="email"],

.sp-box form input[type="tel"],

.sp-box form textarea {

  width: 100%;

  border: none;

  border-bottom: 1px solid #f46606;

  padding: 11px 0;

  margin-bottom: 14px;

  font-size: 13px;

  color: #333;

  background: transparent;

  font-family: 'Poppins', sans-serif;

  outline: none;

}

.sp-box form textarea {

  height: 80px;

  resize: none;

}

.sp-box form input[type="submit"] {

  width: 100%;

  padding: 13px;

  border: none;

  border-radius: 6px;

  background: linear-gradient(to right, #f6cd03, #f46606);

  color: #000;

  font-size: 16px;

  font-weight: 600;

  cursor: pointer;

  margin-bottom: 14px;

  font-family: 'Poppins', sans-serif;

  transition: all 0.3s ease-in-out;

  animation: pulseShadow 1.3s ease-in-out infinite;

}

.sp-call-btn {

  display: block;

  background: #004d69;

  color: #fff !important;

  padding: 11px;

  border-radius: 6px;

  font-size: 15px;

  font-weight: 600;

  text-decoration: none !important;

  transition: background 0.3s;

}

.sp-call-btn:hover {

  background: #003348;

}

/* ===== END POPUP ===== */



.copyright .container {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.copyright .container a {

    color: #f46606 !important;

}
@keyframes pulseShadow {
  0% {
    box-shadow: 0 6px 14px rgba(253, 186, 19, 0.5),
                0 0 0 0 rgba(253, 186, 19, 0.2);
  }

  50% {
    box-shadow: 0 10px 22px rgba(253, 186, 19, 0.65),
                0 0 0 8px rgba(253, 186, 19, 0.25);
  }

  100% {
    box-shadow: 0 6px 14px rgba(253, 186, 19, 0.5),
                0 0 0 14px rgba(253, 186, 19, 0);
  }
}