.btn-main,
.btn-style-1,
.btn-style-3 {
  text-transform: capitalize;
}

.footer-nav2,
.halloween-popup .validate-halloween-popup ul li {
  list-style-type: none;
}

html * {
  font-family: inherit;
}

.darkHeader {
  position: fixed;

  top: 0;

  width: 100%;

  z-index: 9999;

  background: #025d7e;
}

#mins:before {
  content: "0";
}


ul li {
  list-style: none;
}

.inline-block > li {
  margin-right: 10px;
}


.cta__2 {
  position: relative;

  padding: 60px 0;

  overflow: hidden;
}

.cta__2 .element {
  position: absolute;

  right: 50px;

  top: 0;

  bottom: 0;

  margin: auto;
}

.heading h3 {
  color: #000000;
  font-size: 45px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 10px;
}

.color-white,
.text-white,
.why-choose-sec .serv-cta-btn a {
  color: #fff !important;
}


@media (min-width: 1024px) {
  .cta__2 .element {
    right: -200px;
  }
}

.overlay-bg-new-popup {
  background: #000000cc;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  z-index: 10;

  display: none;
}

.popupform-main-new-popup .close-btn {
  right: 0;

  top: 0;

  width: 50px;

  height: 50px;

  background: 0 0;

  border: 0;

  color: #cf0e0e;
}

.close-btn {
  width: 45px;

  height: 45px;

  display: block;

  position: absolute;

  top: 18px;

  right: 0;

  font-size: 18px;

  font-weight: 900;

  color: #fff;

  padding-top: 3px;

  text-align: center;

  border-radius: 50px;

  align-items: center;

  display: grid;

  z-index: 9;
}

.pop-box-2-new-pop img {
  box-shadow: 2px 2px 20px 9px #00000045;

  position: relative;

  left: 17px;

  z-index: 1;
}

.control-group input::placeholder {
  color: #9b7171;
}

.control-group textarea::placeholder {
  color: #9b7171;
}

.pop-form-new-popp .submit-btn {
  margin: 10px 0 0 !important;

  font-weight: 700;

  font-size: 18px;

  padding: 15px 0;

  background: #fb2224;

  color: #fff;

  cursor: pointer;

  border-radius: 5px;

  position: relative;

  border: none;

  width: 100%;
}

.popupform-main-new-popup.active {
  display: flex !important;

  justify-content: center;

  align-items: center;
}

.popupform-main-new-popup {
  position: fixed;

  background: 0 0 / cover no-repeat #000c;

  top: 0;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 9999;

  align-items: center;

  justify-content: center;
}

.pop-form-new-popp.ta-center-new-pop {
  background: center/cover no-repeat #fff;

  width: 400px;

  height: 511px;

  border-radius: 0 23px 23px 0;

  position: relative;

  padding: 25px 15px 25px 36px;
}

.pop-box-2-new-pop span {
  color: #f9b400;

  font-size: 33px;

  font-weight: 600;

  position: relative;

  top: -11px;
}

.pop-box-2-new-pop h3 {
  color: #fff;

  font-size: 20px;

  line-height: 30px;
}

.pop-box-2-new-pop {
  background: 0 0 / cover no-repeat;

  height: auto;

  width: auto;

  text-align: center;

  padding: 0;

  position: relative;

  margin-right: 3px;
}

.pop-form-new-popp.ta-center-new-pop h3 {
  color: #2d2d2d;

  font-size: 22px;

  line-height: 33px;

  text-align: center;
}

.pop-form-new-popp.ta-center-new-pop h3 span {
  font-weight: 700;
}

.pop-form-new-popp.ta-center-new-pop h5 {
  color: #2d2d2d;

  font-size: 26px;

  font-weight: 600;

  text-transform: uppercase;

  text-align: center;

  padding: 5px 0 10px;
}

.pop-form-new-popp.ta-center-new-pop input {
  width: 100%;

  border: 1px solid #e1e1e1;

  border-radius: 5px;

  background-color: #fff;

  height: 42px;

  margin: 0 0 20px;

  padding: 0 0 0 10px;
}

input {
  outline: 0;
}

.pop-form-new-popp.ta-center-new-pop textarea {
  width: 100%;

  border: 1px solid #e1e1e1;

  border-radius: 5px;

  background-color: #fff;

  height: 100px;

  margin: 0 0 15px;

  padding: 10px 5px 5px 10px;
}

.pop-form-new-popp.ta-center-new-pop button {
  border-radius: 5px;

  background-color: #cf0e0e;

  border: none;

  color: #fff;

  font-size: 18px;

  font-weight: 400;

  margin: auto;

  padding: 9px 42px;

  width: auto;

  display: table;
}

.pop-form-new-popp.ta-center-new-pop input::placeholder {
  color: #000;
}

.pop-form-new-popp.ta-center-new-pop textarea::placeholder {
  color: #000;
}

.pop-form-new-popp.ta-center-new-pop h3 {
  margin: 0;
}

.popup-main-box {
  display: flex;

  align-items: center;

  justify-content: center;

  height: 100%;
}

@media (max-width: 1366px) {
  .popup-main-box {
    transform: scale(0.9);
  }
}

@media (min-width: 200px) and (max-width: 767px) {
  .pop-box-2-new-pop {
    display: none;
  }

  .pop-form-new-popp.ta-center-new-pop {
    background: url(auto-pop-bg-2-mob.html) 0 0 / cover no-repeat;

    width: 100%;

    height: auto;

    margin: 0 10px;

    padding: 25px 0;

    border-radius: 23px;
  }

  .pop-form-new-popp .close-btn {
    display: block;

    top: 5px;

    right: 0;

    background: 0 0;

    border: none;

    color: #ff9600;
  }

  .pop-form-new-popp.ta-center-new-pop button {
    background: #cf0e0e;
  }

  .pop-form-new-popp.ta-center-new-pop h3 {
    margin: 0 0 5px;
  }

  .pop-form-new-popp.ta-center-new-pop h3 span,
  .pop-form-new-popp.ta-center-new-pop h5 {
    color: #fff;
  }
}

.cta-sec-2 .hd-txt,
.get-in-touch,
.industry-sec .hd-txt h2,
.modaL_order2 #countdown .labels {
  text-align: center;
}

@keyframes ping {
  0% {
    filter: drop-shadow(1px 1px 10px #e50b48);
  }

  50% {
    filter: unset;
  }

  100% {
    filter: drop-shadow(1px 1px 10px #fff);
  }
}

/* .halloween-popup::after,
.halloween-popup::before {
  width: 515px;

  height: 550px;

  background: url(../images/star.webp) 0 0 / contain no-repeat;

  position: absolute;

  animation: 1.2s linear infinite halloween-bad;

  top: 0;

  content: "";

  overflow: hidden;
} */

.sticky-slider a {
  display: block;

  width: 100%;

  position: fixed;

  bottom: 0;

  text-transform: uppercase;

  text-align: center;

  font-weight: 600 !important;

  border: 0;

  cursor: pointer;

  color: #fff;

  padding: 12px 0 9px;

  margin: auto;

  border-radius: 0;

  -webkit-transition: 0.1s linear;

  -moz-transition: 0.1s linear;

  -o-transition: 0.1s linear;

  -ms-transition: 0.1s linear;

  transition: 0.1s linear;

  background: #17494d;

  float: none;

  left: 0;

  right: 0;

  animation: 1.2s infinite blinkingText;

  z-index: 1000;

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

  font-size: 23px;
}

/* .halloween-popup h2,

ul {

    padding: 0 !important

} */
.navbar-toggler {
  display: none;
}
div#navbarCollapse {
  display: none;
}

.halloween-popup h2,
.halloween-popup h3 {
  font-size: 24px !important;

  color: #fff !important;
}

.blinking {
  animation: 2s infinite blinkingText;
}

@keyframes blinkingText {
  0%,
  100%,
  60% {
    background: #17494d;

    color: #fff;
  }

  49%,
  99% {
    background: #008060;

    color: #fff;
  }
}

.modal {
  background: #00000099;

  z-index: 9999999 !important;
}

.halloween-popup {
  width: 970px;

  height: 570px;

  background: linear-gradient(90deg, rgba(0, 0, 0, 0.61) 18%, rgba(255, 255, 255, 0.158) 100%), url(../images/background-popup.png) 20% 50% / cover no-repeat
    #000;

  border-radius: 10px;

  padding: 3rem;

  position: relative;

  top: 50%;

  left: 50%;

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

  animation: 1.2s linear infinite filter-shadow;

  overflow: hidden;
}

@keyframes filter-shadow {
  0%,
  100% {
    filter: unset;
  }

  50% {
    filter: drop-shadow(2px 4px 6px black);
  }
}

.halloween-popup::before {
  left: -29%;
}

.halloween-popup::after {
  right: -25px;
}

.halloween-circle,
.halloween-circle .halloween-circle-home {
  animation: 1.2s linear infinite filter-shadow;

  position: absolute;
}

@keyframes halloween-bad {
  0%,
  100% {
    transform: translateY(0);

    filter: unset;
  }

  50% {
    transform: translateY(-10px);

    filter: drop-shadow(2px 4px 6px black);
  }
}

.halloween-circle {
  top: 9px;

  left: 75px;

  width: 470px;

  height: 497px;

  background: url(../images/ballon.webp) 0 0 / contain no-repeat;

  text-align: center;
}

.halloween-circle .halloween-circle-home {
  width: 311px;

  height: 507px;

  object-fit: contain;

  top: -2px;

  left: 35%;

  transform: translateX(-50%);
}

.halloween-popup-inner {
  width: 40%;

  position: absolute;

  top: 0;

  right: 40px;

  z-index: 33;
}

.fancybox-close-small.close,
.halloween-popup h2,
.halloween-popup h3,
.halloween-popup input,
.halloween-popup textarea {
  font-family: "Cabin", sans-serif;
}

.halloween-popup h2 {
  margin: 0 !important;
}

.halloween-popup h3 {
  background: hsl(0deg 0% 0% / 80%);

  padding: 15px !important;

  text-align: center;
}

.halloween-popup h3 span {
  font-weight: 800;

  letter-spacing: 2px;
}

.halloween-popup .validate-halloween-popup {
  width: 60%;

  margin-top: 2rem;
}

.ftr-social li a,
.halloween-popup .validate-halloween-popup ul,
.leftinner .checklist,
.p0,
.single-review-slider-nav {
  padding: 0;
}

.address-main ul li a,
.addressnav li a,
.footer-nav li a:hover,
.ftr-social2 li a:hover span,
.get-in-touch p a:hover,
.halloween-popup .validate-halloween-popup ul li i {
  color: #fff;
}

.halloween-popup input,
.halloween-popup-inner .halloween_btn {
  font-family: "Cabin", sans-serif;

  width: 100%;

  height: 52px;

  border: none;

  border-radius: 4px;
}

.form-div-btn input,
.form-st {
  font-family: "Cabin", sans-serif;
}

.halloween-popup input:focus {
  border: 1px solid #f26722;

  outline: #f26722;
}

.form-div-btn,
.halloween-popup .halloween-filed,
.process-box,
.process-sec .row,
.why-choose-img {
  position: relative;
}

.halloween-popup div#form2::before {
  content: "";

  position: absolute;

  top: 11px;

  left: 8px;

  background: url("../images/halloween-email.html") 0 0 / contain no-repeat;

  width: 25px;

  height: 25px;

  animation: 1.4s linear infinite halloween-user;
}

.halloween-popup div#form3::before {
  content: "";

  position: absolute;

  top: 5px;

  left: 8px;

  background: url("../images/halloween-phone.html") 0 0 / contain no-repeat;

  width: 35px;

  height: 35px;

  animation: 1.4s linear infinite halloween-user;
}

@keyframes halloween-user {
  0% {
    transform: scale(1);

    opacity: 1;
  }

  100% {
    transform: scale(1.1);

    opacity: 0;
  }
}

.halloween-popup .halloween-filed input {
  font-size: 14px;

  margin: 4px 0;

  padding: 0 21px;
}

.halloween-popup .halloween-filed input::placeholder {
  color: #000;
}

.halloween-popup-inner .halloween_btn {
  margin-top: 10px;
  background-color: #123164;
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: 700;
  position: relative;
  cursor: pointer;
  transition: 0.6s linear;
}

.halloween-popup-inner .halloween_btn:hover {
  background-color: #fff;
  border: 3px solid #ff0028;
  color: #000;
}

.halloween-popup-inner .halloween_btn:hover::after {
  animation: 1.3s linear forwards halloween-cap;
}

@keyframes halloween-cap {
  0% {
    transform: rotateY(180deg);
  }

  50% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0);
  }
}

@media screen and (max-width: 1200px) {
  .halloween-popup {
    width: 800px;

    height: 570px;
  }

  .halloween-circle {
    left: -20px;

    width: 400px;

    height: 400px;
  }

  .halloween-circle .halloween-circle-home {
    width: 300px;

    height: 460px;

    top: -60px;
  }

  .halloween-popup::before {
    width: 600px;

    height: 470px;

    bottom: -25px;

    left: -90px;
  }

  .halloween-popup::after {
    width: 450px;

    height: 530px;

    bottom: -30px;

    right: -20px;
  }

  .halloween-popup h3 {
    font-size: 22px !important;
  }
}

@media screen and (max-width: 992px) {
  .halloween-popup {
    width: 620px;

    height: 460px;
  }

  .halloween-circle {
    left: -20px;

    width: 330px;

    height: 330px;
  }

  .halloween-circle .halloween-circle-home {
    width: 250px;

    height: 390px;
  }

  .halloween-popup::before {
    width: 420px;

    height: 325px;

    bottom: -25px;

    left: -70px;
  }

  .halloween-popup::after {
    width: 340px;

    height: 400px;

    bottom: -30px;

    right: -20px;
  }

  .halloween-popup h2,
  .halloween-popup h3 {
    font-size: 16px !important;
  }

  .halloween-popup .halloween-filed input {
    padding-left: 45px;

    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .halloween-popup {
    width: 450px;

    height: 400px;

    padding: 20px;
  }

  .halloween-popup::before {
    width: 330px;

    height: 250px;

    left: 15%;

    bottom: 0;

    z-index: -1;
  }

  .halloween-popup::after {
    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: #00000066;

    animation: unset;

    border-radius: 10px;
  }

  .halloween-circle {
    width: 260px;

    height: 260px;

    top: 30px;

    left: 50%;

    transform: translateX(-50%);

    z-index: -2;
  }

  .halloween-circle .halloween-circle-home {
    width: 200px;

    height: 300px;

    top: -40px;
  }

  .halloween-popup-inner .halloween_btn::after {
    width: 55px;

    height: 48px;
  }

  .halloween-popup h2,
  .halloween-popup h3 {
    font-size: 16px !important;

    color: #fff !important;
  }

  .halloween-popup-inner {
    width: 70%;

    top: 35%;

    left: 50%;

    transform: translateX(-50%);

    text-align: center;
  }

  .halloween-popup .halloween-filed {
    width: 80%;

    margin: 0 auto;
  }
}

@media screen and (max-width: 576px) {
  .halloween-popup {
    width: 400px;

    padding: 0;
  }

  .halloween-popup::before {
    width: 100%;

    height: 250px;

    left: 0;
  }

  .halloween-popup-inner {
    width: 100%;

    top: 15%;

    padding: 20px;
  }

  .halloween-popup .halloween-filed {
    width: 100%;

    margin: 0 auto;
  }

  .halloween-popup .halloween-filed input {
    padding-left: 35px;
  }

  .halloween-popup div#form1::before,
  .halloween-popup div#form2::before,
  .halloween-popup div#form3::before {
    top: 10px;

    width: 25px;

    height: 25px;
  }

  .halloween-popup-inner .halloween_btn {
    font-size: 18px;

    letter-spacing: 2px;
  }
}

.fancybox-close-small.close {
  padding: 0;
  background-color: #ff0028 !important;
  border: none;
  opacity: 1;
  color: #fff;
  width: 31px;
  height: 31px;
  border-radius: 100%;
  z-index: 11;
  position: absolute;
  top: 5px;
  right: 5px;
}

.borderOnly,
.floatbutton2 .clickbutton2 {
  border-top: 2px solid #fff;

  border-bottom: 2px solid #fff;
}

.floatbutton .clickbutton,
.floatbutton2 .clickbutton2 {
  height: 270px;

  display: inline-block;

  vertical-align: top;

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

  font-weight: 700;

  color: #fff;

  cursor: pointer;

  text-transform: uppercase;
}

.txt {
  width: 100% !important;

  margin: 4px 0 0 !important;

  padding: 20px !important;

  font-size: 15px !important;

  font-weight: 500 !important;

  border-radius: 7px !important;

  resize: none !important;

  height: 100px !important;
}

.fancybox-close-small.close img {
  width: 48%;

  filter: invert(1);
}

.modal {
  top: 0 !important;

  overflow: hidden !important;
}

.modal-content {
  height: 100vh;

  background-color: transparent;
}

.banner-form .intl-tel-input,
.cta-side-img img,
.main-banner .form-st .form-div,
.main-banner .form-st .form-div input,
.why-choose-img img {
  width: 100%;
}
.justify-content-center,
.modaL_order2 #countdown ul {
  display: flex;

  justify-content: center;
}


.modaL_order2 .btn-close,
.modaL_order2 form button {
  box-shadow: 2px 1px 27px #c48f3b;

  background: #c48f3b;
}
.borderOnly {
  border-left: 2px solid #fff;
}

a {
  cursor: pointer;
}

.modaL_order2 .modal-dialog {
  width: 567px;
}

.modaL_order2 form textarea {
  width: 100%;

  border-radius: 7px;

  padding: 17px;

  font-size: 16px;

  margin: 7px 0 0;

  resize: none;

  height: 133px;
}

.modaL_order2 .modal-header {
  padding: 0;

  position: relative;

  border: none;

  z-index: 100000;
}

.modaL_order2 .btn-close {
  position: absolute;

  right: 0;

  border: none;

  outline: 0;

  cursor: pointer;

  width: 30px;

  height: 30px;

  border-radius: 50%;

  color: #ffff;

  top: -13px;

  opacity: 1;
}

.modaL_order2 .modal-dialog .modal-content {
  padding: 0;

  border: none;
}

.modaL_order2 .modal-body h5 {
  color: #fff;

  font-size: 35px;

  text-transform: capitalize;

  text-align: center;

  margin-bottom: 9px;
}

.modaL_order2 .modal-body h2 {
  font-weight: 400;

  font-size: 32px;

  color: #fff;

  text-align: center;

  margin-top: 20px;
}

.modaL_order2 .modal-body h4 {
  font-size: 26px;

  font-weight: 600;

  text-transform: capitalize;

  color: #c48f3b;

  text-align: center;

  margin: 11px 0;
}

.modaL_order2 .modal-body h4 span {
  font-size: 17px;

  background: #c48f3b;

  border-radius: 2px;

  padding: 4px;

  color: #fff;

  box-shadow: 2px 1px 27px #c28e3b;
}

.modaL_order2 form input,
.modaL_order2 form select {
  margin: 10px 0;

  border: none;

  outline: 0;

  font-size: 16px;

  width: 100%;
}

.modaL_order2 form input {
  padding: 19px 18px;

  border-radius: 7px;
}

.modaL_order2 form select {
  border-radius: 7px;

  padding: 0 25px;

  height: 60px;
}

.modaL_order2 form input::placeholder,
.modaL_order2 form textarea::placeholder {
  color: #000;
}

.modaL_order2 form button {
  border: none;

  outline: 0;

  width: 139px;

  border-radius: 38px;

  display: block;

  margin: 3% auto 0;

  padding: 9px 0;

  font-size: 16px;

  font-weight: 500;

  color: #fff;
}

.modaL_order2 #countdown {
  background: #1615156b;

  padding: 9px 13px;

  border-radius: 10px;

  text-align: center;

  background: #c48f3b;

  background-image: -moz-linear-gradient(top, #222, #333, #333, #222);

  background-image: -ms-linear-gradient(top, #222, #333, #333, #222);

  background-image: -o-linear-gradient(top, #222, #333, #333, #222);

  margin: 20px 0;
}

.modaL_order2 #countdown ul {
  font-family: "Cabin", sans-serif;

  font-weight: 600;
}

.modaL_order2 #countdown ul li {
  margin: 0 15px;

  background: #ffc107;

  display: inline-block;

  padding: 7px;

  border-radius: 4px;

  width: 105px;

  box-shadow: 2px 1px 27px #fabd07ab;
}

.modaL_order2 #countdown ul li span {
  font-size: 19px;
}

.modaL_order2 #countdown:before {
  content: "";

  width: 8px;

  height: 65px;

  background: #ca973f;

  background-image: -moz-linear-gradient(top, #555, #444, #444, #555);

  background-image: -ms-linear-gradient(top, #555, #444, #444, #555);

  background-image: -o-linear-gradient(top, #555, #444, #444, #555);

  border-top-left-radius: 6px;

  border-bottom-left-radius: 6px;

  display: block;

  position: absolute;

  top: 14%;

  border: 1px solid #111;

  left: -10px;
}

.modaL_order2 #countdown:after {
  content: "";

  width: 8px;

  height: 65px;

  background: #ce9e42;

  background-image: -moz-linear-gradient(top, #555, #444, #444, #555);

  background-image: -ms-linear-gradient(top, #555, #444, #444, #555);

  background-image: -o-linear-gradient(top, #555, #444, #444, #555);

  border: 1px solid #111;

  border-top-right-radius: 6px;

  border-bottom-right-radius: 6px;

  display: block;

  position: absolute;

  top: 14%;

  right: -10px;
}

.modaL_order2 #countdown #tiles {
  position: relative;

  z-index: 1;
}

.modaL_order2 #countdown #tiles > span {
  width: 63px;

  max-width: 63px;

  text-align: center;

  color: #111;

  background-color: #ddd;

  background-image: -webkit-linear-gradient(top, #bbb, #eee);

  background-image: -moz-linear-gradient(top, #bbb, #eee);

  background-image: -ms-linear-gradient(top, #bbb, #eee);

  background-image: -o-linear-gradient(top, #bbb, #eee);

  border-top: 1px solid #fff;

  border-radius: 3px;

  box-shadow: 0 0 12px #000000b3;

  margin: 0 7px;

  padding: 12px 0;

  display: inline-block;

  position: relative;

  font-size: 27px;

  font-weight: 600;
}

.modaL_order2 #countdown #tiles > span:before {
  content: "";

  width: 100%;

  height: 13px;

  background: #111;

  display: block;

  padding: 0 3px;

  position: absolute;

  top: 41%;

  left: -3px;

  z-index: -1;
}

.modaL_order2 #countdown #tiles > span:after {
  content: "";

  width: 100%;

  height: 1px;

  background: #eee;

  border-top: 1px solid #333;

  display: block;

  position: absolute;

  top: 48%;

  left: 0;
}

.modaL_order2 #countdown .labels li {
  color: #fff;

  text-transform: uppercase;

  display: inline-block;

  font-weight: 600;

  margin: 0 16px;

  text-shadow: 2px 1px 27px #97d1ce;

  text-align: center;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .modaL_order2 form input,
  .modaL_order2 form select {
    margin: 5px 0;

    padding: 11px 25px;

    font-size: 13px;
  }

  .modaL_order2 .modal-body h4 {
    font-size: 20px;

    margin: 12px 0;
  }

  .modaL_order2 #countdown .labels li {
    font-size: 11px;
  }

  .modaL_order2 .btn-close {
    width: 33px;

    height: 32px;

    top: -22px;

    line-height: 11px;
  }

  .modaL_order2 .modal-body h4 span {
    font-size: 15px;

    padding: 4px;
  }

  .modaL_order2 form select {
    height: 40.5px;
  }

  .modaL_order2 .modal-body h2 {
    font-size: 23px;

    letter-spacing: 1px;

    margin-top: 7px;
  }

  .modaL_order2 .modal-dialog {
    width: 405px;
  }

  .modaL_order2 .modal-body h5 {
    font-size: 27px;

    margin-bottom: 19px;
  }

  header .logo_area img {
    width: 127px;
  }

  .main_banner .banner_form {
    padding: 28px;

    box-shadow: -1px -2px 20px #0009;
  }

  .modaL_order2 form button {
    width: 110px;

    margin: 2% auto 0;

    padding: 4px 0;

    font-size: 14px;
  }

  .modaL_order2 #countdown {
    padding: 13px 11px 5px;
  }

  .modaL_order2 #countdown #tiles span {
    font-size: 18px;
  }
}

h1,
h2 {
  font-family: "Cabin", sans-serif;

  margin: 0;
}

a,
button,
h3,
h4,
h5,
h6,
li,
p,
span {
  font-family: "Cabin", sans-serif;
}

body {
  overflow-x: hidden;
}

.footer-logo img {
  width: 15%;
}

.get-in-touch p {
  padding: 0;

  margin: 0;

  color: #fff;

  font-size: 24px;

  font-weight: 600;
}

.get-in-touch p a {
  font-size: 16px;

  color: #fff;

  font-weight: 300;

  margin: 0 10px;
}

.get-in-touch p a i {
  color: #29b6f2;
  margin-right: 5px;
}

.fa-map-marker {
  color: #29b6f2;
}

.footer-main {
  padding: 0;

  background: url(../images/footer-bg.webp);
}



.addressnav li,
.checklist,
.footer-nav.style-2 > li,
.footer-top .wrapper,
.packages-sec a,
.subscribe-main {
  display: inline-block;
}

.footer-nav li:last-child,
.packages-sec .pack-wrap .bdarea ul,
.why-box.why-bx-5,
.why-box.why-bx-6 {
  margin-bottom: 0;
}


.footer-bottom {
  background: #000;

  padding: 25px 0;
}


.bnr-txt ul li:before,
.checklist li:before {
  content: "\f058";
  font-family: "FontAwesome";
  display: table-cell;
  vertical-align: middle;
  color: #ff0028;
}

.footer-nav2 li a {
  font-size: 13px;

  font-weight: 400;

  color: #fff;
}

.copyright p {
  color: #fff;
  padding: 0;
  font-size: 13px;
  text-align: center;
  margin-bottom: 5px;
}

.copyright a {
  color: #fff;

  font-size: 13px;

  padding: 0 5px;

  margin: 0 5px;

  text-decoration: underline;

  text-underline-position: under;

  text-decoration-color: #cccccc;
}


.ban-form input,
.massage-field textarea {
  margin: 0 0 15px;

  background: 0 0;

  outline: 0 !important;
}

.ban-form input,
.massage-field textarea {
  font-weight: 400;

  padding: 10px 15px;

  font-size: 14px;
}



.footer-last {
  padding: 20px 0 10px;
  background:#123164;
}

.checklist {
  padding: 0 30px;
  text-transform: capitalize;
}

.checklist li a {
  color: #fff;
}

.checklist li {
  width: 33%;

  padding-left: 30px;

  line-height: 1.4;

  float: left;

  color: #fff;

  position: relative;

  font-size: 18px;

  padding-bottom: 12px;
}

.checklist li:before {
  position: absolute;

  left: 0;

  font-size: 18px;
}

.leftinner .checklist li {
  font-size: 16px;
}

.leftinner h2 {
  font-size: 36px;
}

.mst-img-sec {
  position: static;

  z-index: 1;
}

.mst-img-sec .element {
  left: -120px;
  width: 38%;
  z-index: 11;
  bottom: 7px;
  position: absolute;
}
.bg-color-1 {
  background-color: #000000ba !important;
}

.ban-form input:placeholder {
  color: #fff;
}

.cta-sec-2 .cta-tab-btn,
.why-choose-sec .serv-cta-btn {
  justify-content: center;
}

.cta__2.bg-detail.spacing__x .serv-cta-btn a.serv-cta-chat:after,
.cta__2.bg-detail.spacing__x .serv-cta-btn a.serv-cta-chat:before {
  background: #123164;
}
.cta__2.bg-detail.spacing__x .serv-cta-btn a:hover:before,
.cta__2.bg-detail.spacing__x .serv-cta-btn a:hover:after {
  background: #29b6f2;
  color: #fff !important;
}
.cta__2.bg-detail.spacing__x .serv-cta-btn a {
  color: #ffffff;
  border-color: white;
}

.banner-form {
  background: #fff;

  padding: 15px 30px 40px;

  position: relative;

  z-index: 9;

  top: 0;

  box-shadow: 5px 6px 30px #00000012;

  margin-bottom: 5px;
}

.ban-form input {
  width: 100%;
  border: 1px solid #29b6f2 !important;
  color: #000000;
  border-radius: 10px;
  height: 50px;
}

.massage-field textarea {
  width: 100%;
  border: 1px solid #29b6f2;
  color: rgb(0, 0, 0);
  border-radius: 10px;
  resize: none;
  height: 100px;
  margin-top: 0px;
}

.ban-form input[type="submit"] {
  cursor: pointer;
  color: #fff;
  font-weight: 600;
  background: #123164 !important;
  border-radius: 10px;
  padding: 10px 15px;
  margin: 0;
  border: transparent;
}

.banner-form h3 span,
.halloween-popup h3 span {
  padding: 10px;
  border-radius: 8px;
  font-size: 28px;
  color: #29b6f2;
  /* display: block; */
  /* background: #29b6f2; */
  font-weight: 900;
}

.banner-form h3 {
  color: #ff0028;
  font-weight: 600;
  font-size: 17px;
}

.banner-form h3 span {
  margin: 10px 0 10px;
}

.halloween-popup h3 span {
  margin: 10px 0 0;
}

.packages-sec {
  padding: 60px 0;
}

.packages-sec h2 {
  font-size: 44px;
  width: 100%;
  text-transform: capitalize;
  margin-bottom: 12px;
}

.packages-sec h2 span {
  color: #be8636;

  display: block;

  font-weight: 400;

  font-size: 16px;

  text-transform: uppercase;
}

.packages-sec p {
  font-size: 24px;
  line-height: 1.4;
  padding-bottom: 15px;
  color: #000000;
}

.packages-sec .banner-form{
  border-radius: 20px;
}


.form-btn-st:focus,
a:focus,
a:hover,
button:focus,
button:hover {
  text-decoration: none !important;

  outline: 0;
}

.our-testimonial p {
  font-size: 16px;

  color: #fff;

  margin: 20px 0 25px;

  padding: 0;

  font-style: italic;
}
.our-testimonial .hd-txt h2 {
  text-align: center;
  color: #ffffff;
}

.our-testimonial .single-review-box img {
  border-radius: 50%;
}

.single-review-box h5 {
  font-size: 16px;

  color: #fff;

  font-weight: 700;

  margin-bottom: 5px;

  text-transform: capitalize;
}

.bnr-txt h1,
.bnr-txt p,
.bnr-txt ul li,
.hd-txt p {
  font-weight: 400;
}

.single-review-box h6 {
  font-size: 14px;

  color: #fff;

  text-transform: capitalize;
}

.single-review-slider-nav .slick-slide img {
  display: inline-block;

  border-radius: 50%;

  border: 1px solid #ccc;
}

.our-testimonial {
  padding: 50px 0;
}

.single-review-slider-nav .slick-slide + .slick-slide {
  display: inline-block;

  position: relative;
}

.single-review-slider .slick-arrow {
  font-size: 0;

  position: absolute;

  right: 0;

  bottom: 0;

  width: 60px;

  height: 60px;

  background-color: #fff;

  padding: 0;

  border: none;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50px;

  z-index: 1;

  box-shadow: none;

  top: auto;

  transform: translate(0);

  transition: 0.4s ease-in-out;
}

.single-review-slider .slick-arrow::before {
  content: "";

  position: absolute;

  background: url(../images/sprite.webp) no-repeat;

  width: 22px;

  height: 13px;

  transform: rotate(180deg);
}

.single-review-slider .slick-prev {
  right: 80px;

  left: auto;
}

.single-review-slider .slick-prev::before {
  transform: rotate(0);
}

.logo img {
  width: 100%;
}

.head_top {
  padding: 0;

  z-index: 9;

  position: absolute;

  top: 40px;

  width: 100%;
}

.content-head {
  padding-bottom: 20px;

  padding-left: 34%;
}


.bnr-txt ul li,
.box18,
.serv-cta-chat,
.serv-cta-tel {
  position: relative;
}


.main-banner {
  padding: 150px 0 40px;
  background: linear-gradient(90deg, #00000091 0%, #ffffff00 100%), url(../images/main-bg.webp);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
}

.bnr-txt h1 {
  font-size: 55px;
  text-align: left;
  color: #fff;
}

.bnr-txt ul {
  text-align: left;
  margin: 10px 0;
  padding-left: 0px;
}

.bnr-txt ul li {
  font-size: 16px;

  color: #fff;

  display: inline-block;

  padding: 0 20px;

  margin: 0 0 5px;
}

.bnr-txt ul li:before {
  position: absolute;

  left: -5px;

  font-size: 16px;
}

.banner-img-bk img {
  width: 65%;

  margin: 0 auto;

  display: table;
}

.bnr-txt p {
  font-size: 16px;
  color: #fff;
  text-align: left;
  line-height: 30px;
  margin-bottom: 0;
}

.industry-sec .tab-content .col-sm-12{
  display: flex;

  align-items: center;

  justify-content: center;
}
.main-banner .form-st form {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 0px auto;
}
.serv-cta,
.serv-cta-div {
  align-items: center;
}

.main-banner .form-st {
  background: #ffffffe8;
  border-radius: 25px;
  padding: 25px 15px;
  width: auto;
  margin: 5px 0 0;
  box-shadow: 5px 6px 30px #00000012;
}

.serv-cta-chat:after,
.serv-cta-chat:before {
  content: "";

  background: #000;

  position: absolute;

  left: 0;
}

.main-banner .form-st .form-div input {
  padding: 15px 20px;
  border-radius: 15px;
  color: #000000;
  width: 90%;
  font-size: 16px;
  background: #00000029;
  border: 0.5px solid #123164;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  margin: 0px auto;
}
.main-banner .form-st .form-div textarea {
  padding: 15px 20px;
  border-radius: 15px;
  color: #000;
  width: 90%;
  font-size: 16px;
  background: #00000029;
  border: 0.5px solid #123164;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  margin: 0px auto;
  height: 100px;
}
.main-banner .form-st .form-div {
  margin: 7px auto;
  display: flex;
}
.main-banner .form-st h2 {
  margin-bottom: 12px;
  text-align: center;
}
.main-banner .form-st b.text_off{
  font-size: 25px;
}

.main-banner .form-st .form-div input::placeholder,
.main-banner .form-st .form-div textarea::placeholder {
  color: #414040;
}

.form-div-btn input {
  padding: 15px 45px;
  border: 0;
  border-radius: 20px;
  background: #123164;
  color: #fff;
  font-size: 16px;
  margin-top: 7px;
}

.form-div-btn .fa-arrow-right {
  position: absolute;

  top: 18px;

  right: 22px;

  color: #fff;

  transition-duration: 1s;
}

.serv-cta-chat,
.serv-cta-chat:after,
.serv-cta-chat:before,
.serv-cta-tel {
  transition-duration: 0.7s;
}

.form-div-btn:hover .fa-arrow-right {
  right: -15px;
}

.client-logo {
  padding: 20px 0;
  background: linear-gradient(90deg, #29b6f2 0%, #088bc7 100%);
  /* margin-bottom: 80px */
}
.client-logo .hd-txt h2 {
  font-size: 40px;
  padding-bottom: 0px;
}

.client-logo img {
  filter: brightness(100);
}

.our-serv-sec .client-logo .col-sm-12 {
  display: block;
}

.our-serv-sec {
  padding: 40px 0 40px;
  background: url(../images/homebanner.jpeg) center/cover no-repeat;
}
.our-serv-sec .hd-txt {
  text-align: center;
}

.serv-cta-tel {
  border: 1px solid white;
  color: #fff;
  padding: 10px 20px;
  font-size: 14px;
  background: 0 0;
  z-index: 1;
}

.serv-cta-chat {
  color: #fff;

  padding: 10px 15px;

  font-size: 14px;

  margin-left: 15px;

  border: 1px solid #000;

  z-index: 1;
}

.serv-cta-btn {
  display: flex;
}

.serv-cta-chat:before {
  top: 0;

  bottom: 50%;

  right: 0;

  z-index: -1;
}

.serv-cta-chat:after {
  bottom: 0;

  top: 50%;

  z-index: -1;

  right: 0;
}

.serv-cta-tel:after,
.serv-cta-tel:before {
  content: "";

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  margin: auto;

  z-index: -1;

  transition-duration: 0.7s;

  background: 0 0;

  right: 0;
}

.serv-cta-chat:hover {
  border-color: #fff;

  color: #fff;

  background: 0 0;
}

.serv-cta-chat:hover::before {
  bottom: 0 !important;

  background: 0 0;
}

.serv-cta-chat:hover::after {
  top: 0 !important;

  background: 0 0;
}

.serv-cta-tel:hover::after {
  background: #29b6f2;
  top: 50%;
  transition-duration: 0.7s;
}

.serv-cta-tel:hover::before {
  background: #29b6f2;
  bottom: 50%;
  transition-duration: 0.7s;
}

.serv-cta-tel:hover {
  color: #fff;

  border-color: #000;
}

.our-serv-sec .col-sm-12 {
  display: flex;

  align-items: center;

  flex-wrap: wrap;

  justify-content: center;
}

.hd-txt h2 {
  font-size: 60px;

  padding-bottom: 25px;

  color: #000;
}

.hd-txt p {
  font-size: 16px;

  color: #000;
}

.serv-cta-img {
  margin-top: -60px;
}

.serv-col-main {
  padding: 50px 0 0;
}


section.sec_portfolio {
  padding: 50px 0;
 /*background: url(../images/section2.webp) center/cover no-repeat;*/
 background:#123164;
}

.box18 {
  overflow: hidden;

  text-align: center;
}

.box18:after,
.box18:before {
  content: "";

  width: 2px;

  height: 2px;

  border-radius: 50%;

  background: #00000059;

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  -o-transform: scale(0);

  transform: scale(0);
}

.box18:hover:after,
.box18:hover:before {
  -webkit-transform: scale(400);

  -moz-transform: scale(400);

  -ms-transform: scale(400);

  -o-transform: scale(400);

  transform: scale(400);
}

.box18:before {
  -o-transition: 0.5s linear 0.3s;

  -moz-transition: 0.5s linear 0.3s;

  -ms-transition: 0.5s linear 0.3s;

  -webkit-transition: 0.5s linear 0.3s;

  transition: 0.5s linear 0.3s;
}

.box18:hover:before {
  -moz-transition-delay: 0s;

  -webkit-transition-delay: 0s;

  -o-transition-delay: 0s;

  -ms-transition-delay: 0s;

  transition-delay: 0s;
}

.box18:after {
  -o-transition: 0.5s linear 0.6s;

  -moz-transition: 0.5s linear 0.6s;

  -ms-transition: 0.5s linear 0.6s;

  -webkit-transition: 0.5s linear 0.6s;

  transition: 0.5s linear 0.6s;
}

.box18:hover:after {
  -moz-transition-delay: 0.2s;

  -webkit-transition-delay: 0.2s;

  -o-transition-delay: 0.2s;

  -ms-transition-delay: 0.2s;

  transition-delay: 0.2s;
}

.box18 img {
  width: 100%;

  height: auto;
}

.box18 .box-content {
  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  background: 0 0;

  color: #fff;

  padding-top: 25px;

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  -o-transform: scale(0);

  transform: scale(0);

  -ms-transition: 0.3s linear;

  -o-transition: 0.3s linear;

  -webkit-transition: 0.3s linear;

  -moz-transition: 0.3s linear;

  transition: 0.3s linear;

  z-index: 1;

  display: flex;

  justify-content: center;

  align-items: center;
}

.box18:hover .box-content {
  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

  -moz-transition-delay: 0.4s;

  -webkit-transition-delay: 0.4s;

  -o-transition-delay: 0.4s;

  -ms-transition-delay: 0.4s;

  transition-delay: 0.4s;
}

.box18 .title {
  font-size: 21px;

  font-weight: 700;

  text-transform: uppercase;

  border-bottom: 1px solid #fff;

  padding-bottom: 20px;

  margin-top: 20px;
}

.box18 .description {
  font-size: 14px;

  font-style: italic;

  padding: 0 10px;

  margin: 15px 0;
}

.box18 .read-more {
  display: block;

  width: 120px;

  background: #178993;

  border-radius: 5px;

  font-size: 14px;

  color: #fff;

  text-transform: capitalize;

  padding: 10px 0;

  margin: 0 auto;
}

@media only screen and (max-width: 990px) {
  .box18 {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 479px) {
  .box18 .box-content {
    padding-top: 0;
  }
}

@media only screen and (max-width: 359px) {
  .box18 .title {
    padding-bottom: 10px;
  }
}

.box18:hover .box-content i {
  font-size: 40px;

  color: #fff;
}

.process-sec .hd-txt,
.testi-sec .hd-txt,
section.sec_portfolio .hd-txt {
  text-align: center;

  padding-bottom: 50px;
}

.process-sec .hd-txt h2,
section.sec_portfolio .hd-txt h2 {
  padding-bottom: 10px;

  color: #fff;
}

.cta-sec .serv-cta-btn.cta-tab-btn a,
.cta-sec .serv-cta-btn.cta-tab-btn:hover a.serv-cta-chat,
.serv-cta-btn.inr-tab-btn .serv-cta-tel:hover,
.why-box:hover h3,
.why-box:hover p,
section.cta-sec .hd-txt p,
section.sec_portfolio .hd-txt p {
  color: #fff;
}

.industry-sec {
  padding: 20px 0 40px;
  /* background: url(../images/industry-bg.webp) center/cover no-repeat; */
}

.indus-tab-img,
.serv-cta-btn.inr-tab-btn .serv-cta-tel:hover::after,
.serv-cta-btn.inr-tab-btn .serv-cta-tel:hover::before,
.serv-cta-btn.inr-tab-btn a.serv-cta-chat:after,
.serv-cta-btn.inr-tab-btn a.serv-cta-chat:before {
  background: #123164;
}
.why-box:hover {
  background: #123164;
}

.indust-tab-lst .nav-tabs {
  border: 0;
}

.indust-tab-lst .nav-tabs li a:hover,
.indust-tab-lst .nav-tabs li.active a,
.indust-tab-lst .nav-tabs li.active:hover a {
  border-radius: 25px;
  background: #29b6f2;
  color: #fff;
  padding: 2px 10px;
}

.indust-tab-lst .nav-tabs li a {
  border: 0;
  background: 0 0;
  color: #000;
  border-radius: 25px;
  margin: 0 2px;
  transition: 0.5s ease-in-out;
  font-size: 19px;
  font-family: "Cabin", sans-serif;
  padding: 2px 20px;
}

.industry-sec .tab-content {
  padding-top: 100px;
}

.serv-cta-btn.inr-tab-btn .serv-cta-tel {
  color: #000;
  border-color: white;
  position: relative;
  z-index: 1;
}
.serv-cta-btn.inr-tab-btn .serv-cta-tel:hover {
  border-color: #29b6f2;
}
.serv-cta-tel2 {
  border: 1px solid #fff;

  background-color: #025d7e;

  padding: 10px 20px;

  font-size: 14px;

  transition: all 0.7s ease 0s;

  transition-duration: 0.7s;
}

.serv-cta-tel2:hover {
  background-color: #000;

  color: #fff;

  border-color: #000000;

  color: #ffffff;

  outline: 0px;

  text-decoration: none !important;
}

.serv-cta-btn.inr-tab-btn a.serv-cta-chat:hover {
  border-color: #ff0028;
  color: #ffffff;
}

.serv-cta-btn.inr-tab-btn a.serv-cta-chat {
  border-color: #fff;
}

.serv-cta-btn.inr-tab-btn a.serv-cta-chat:hover::after,
.serv-cta-btn.inr-tab-btn a.serv-cta-chat:hover::before {
  background: #29b6f2;
}
.indus-tab-txt {
  padding: 10px 20px 30px;
}
.indus-tab-txt h2 {
  font-size: 60px;
  color: #05031b;
  padding-bottom: 20px;
  text-transform: capitalize;
}

.indus-tab-txt p {
  padding-bottom: 30px;
}

.indus-tab-img {
  border-radius: 17px;
  padding-bottom: 20px;
  background: linear-gradient(90deg, #123164 0%, #088bc7 100%);
}
.indus-tab-img img {
  width: 100%;

  margin-top: -60px;
}

.why-choose-list ul {
  display: flex;

  flex-wrap: wrap;

  justify-content: center;
}

.why-choose-sec {
  padding: 50px 0;
  /*background: url(../images/footer-bg.webp);*/
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background:black;
}

.why-choose-list ul {
  padding: 0;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  margin-bottom: 0;
}

.process-box h2,
section.why-choose-sec .hd-txt h2 {
  padding-bottom: 10px;
}

.why-choose-list ul li {
  list-style: none;

  width: 50%;

  margin-bottom: 25px;
}
.why-box {
  margin: 0 20px;
  background: white
  ;
  border-radius: 5px;
  padding: 25px 20px;
  height: 160px;
  transition: 0.4s background ease;
}

.why-box p {
  min-height: 85px;
}

.why-box h3 {
  font-size: 30px;
  font-family: "Cabin", sans-serif;
  margin: 0;
}

section.why-choose-sec .hd-txt {
  text-align: center;
  padding-bottom: 10px;
}

section.cta-sec .hd-txt h2 {
  font-size: 45px;
  color: #fff;
  text-transform: capitalize;
}

.cta-sec {
  padding: 30px 0 30px;
 /* background: url(../images/footer-bg.webp) center/cover no-repeat;*/
 background:black !important;
}

.cta-tab-btn {
  margin-top: 30px;
}

.cta-sec .serv-cta-btn.cta-tab-btn a.serv-cta-tel.popup-btn,
.ml-15 {
  margin-left: 15px;
}

.cta-side-img {
  margin-top: -85px;
}

.serv-cta-btn.inr-tab-btn .serv-cta-tel img {
  margin-right: 5px;
}

.process-sec {
  padding: 50px 0 180px;
}

.process-box span {
  font-size: 55px;
  font-family: "Cabin", sans-serif;
  color: #29b6f2;
}

.process-box h2 {
  font-size: 26px;
  text-transform: uppercase;
  color: #fff;
}

.process-box p {
  font-size: 16px;
  color: #fff;
}

.proces-line-img {
  left: -60px;
  position: absolute;
  bottom: 0px;
}
.procs-bx-2 {
  top: 125px;
}

.procs-bx-4 {
  top: 125px;
  left: 0px;
}


section.cta-sec.cta-sec-2 {
  padding-bottom: 50px;
}


input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.testi-slider-st .slick-dots {
  position: absolute;
  bottom: -50px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.testi-slider-st .slick-dots li.slick-active button {
  background-color: #025d7e;
}

.testi-slider-st .slick-dots li button:before {
  font-size: 0px;
  line-height: 0;
}

.testi-slider-st .slick-dots li button {
  background-color: #e5e5e5;
  border-radius: 50px;
  width: 10px;
  height: 10px;
}

.testi-box-st p {
  min-height: 105px;
  color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .halloween-popup,
  .modal-content {
    height: auto !important;
  }

  .align-items-center,
  .serv-cta-btn,
  .serv-cta-btn.inr-tab-btn.header-btn.cta-tab-btn {
    flex-wrap: wrap;
  }

  .serv-cta-btn.inr-tab-btn.header-btn.cta-tab-btn a {
    width: 100%;
    margin: 0 0 15px;
    margin-right: 0 !important;
  }

  .head_top {
    position: relative;
    background: #000;
    top: 0;
  }

  .logo img {
    margin: 0 auto 20px !important;
  }

  .main-banner {
    padding: 140px 0 50px;
  }

  .serv-cta-img {
    margin-top: 25px !important;
  }

  .serv-cta-btn a {
    width: 100%;
    margin: 0 0 15px;
    margin-left: 0 !important;
  }

  .cta__2 .element,
  .mst-img-sec .element {
    display: none;
  }

  .halloween-popup::after,
  .halloween-popup::before {
    content: inherit;
  }

  .halloween-popup {
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
  }

  .halloween-popup-inner {
    transform: none;
    left: 0 !important;
    transform: translateX(0) !important;
    top: 0 !important;
    position: relative !important;
    z-index: 9 !important;
  }

  #staticBackdrop1 .modal.in .modal-dialog {
    margin: 24% auto;
  }

  .fancybox-close-small.close {
    z-index: 99999;
  }

  .new-class-here-for-padding {
    padding: 0;
  }

  .top-bar-main {
    display: block;
  }
}

@media only screen and (min-width: 520px) and (max-width: 767px) {
  .modaL_order2 .modal-body h5 {
    font-size: 17px;
  }

  .modaL_order2 .modal-dialog {
    width: 327px;
    margin: 0 auto;
    display: block;
  }

  .modaL_order2 form input {
    margin: 5px 0;
    padding: 8px 25px;
    font-size: 13px;
  }

  .modaL_order2 #countdown .labels li {
    margin: 0 14px;
    font-size: 11px;
  }

  .modaL_order2 .modal-body h4 {
    font-size: 14px;
    margin: 10px 0;
  }

  .modaL_order2 form button {
    width: 121px;
    margin: 4% auto 0;
    padding: 2px 0;
    font-size: 15px;
  }

  .modaL_order2 #countdown #tiles > span {
    width: 43px;
    max-width: 43px;
    margin: 0 7px;
    padding: 12px 0;
    font-size: 17px;
  }

  .modaL_order2 .modal {
    top: 22%;
  }

  .modaL_order2 .btn-close {
    right: 13px;
    width: 19px;
    height: 20px;
    top: 11px;
  }

  .cta__2 .element,
  .main_banner .banner_txt ul li a i,
  .mst-img-sec .element {
    display: none;
  }

  .modaL_order2 .modal-body h2 {
    font-size: 13px;
  }

  .halloween-popup,
  .modal-content {
    height: auto !important;
  }

  .align-items-center,
  .serv-cta-btn,
  .serv-cta-btn.inr-tab-btn.header-btn.cta-tab-btn {
    flex-wrap: wrap;
  }

  .serv-cta-btn.inr-tab-btn.header-btn.cta-tab-btn a {
    width: 100%;
    margin: 0 0 15px;
    margin-right: 0 !important;
  }

  .head_top {
    position: relative;
    background: #000;
    top: 0;
  }

  .logo img {
    margin: 0 auto 20px !important;
  }

  .main-banner {
    padding: 50px 0;
  }

  .serv-cta-img {
    margin-top: 25px !important;
  }

  .serv-cta-btn a {
    width: 100%;
    margin: 0 0 15px;
    margin-left: 0 !important;
  }

  .halloween-popup::after,
  .halloween-popup::before {
    content: inherit;
  }

  .halloween-popup {
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
  }

  .halloween-popup-inner {
    transform: none;
    left: 0 !important;
    transform: translateX(0) !important;
    top: 0 !important;
    position: relative !important;
    z-index: 9 !important;
  }

  #staticBackdrop1 .modal.in .modal-dialog {
    margin: 24% auto;
  }

  .fancybox-close-small.close {
    z-index: 99999;
  }

  .new-class-here-for-padding {
    padding: 0;
  }

  /* .serv-cta-div {
        padding: 20px 0
    } */

  .get-in-touch p a {
    display: block;
  }

  .cta__2 {
    padding: 50px 0;
  }

  .why-img-txt h2 {
    font-size: 30px;
  }

  .why-img-txt h3 {
    font-size: 28px;
  }

  .our-serv-sec .serv-cta-btn {
    padding: 0 20px;
  }

  .floatbutton,
  .floatbutton2 {
    display: none !important;
  }
}

@media only screen and (min-width: 300px) and (max-width: 519px) {
  .modaL_order2 .modal-body h5 {
    font-size: 17px;
  }

  .modaL_order2 .modal-dialog {
    width: 327px;
    margin: 0 auto;
    display: block;
  }

  .modaL_order2 form input {
    margin: 5px 0;
    padding: 8px 25px;
    font-size: 13px;
  }

  .modaL_order2 #countdown .labels li {
    margin: 0 14px;
    font-size: 11px;
  }

  .modaL_order2 .modal-body h4 {
    font-size: 14px;
    margin: 10px 0;
  }

  .modaL_order2 form button {
    width: 121px;
    margin: 4% auto 0;
    padding: 2px 0;
    font-size: 15px;
  }

  .modaL_order2 #countdown #tiles > span {
    width: 43px;
    max-width: 43px;
    margin: 0 7px;
    padding: 12px 0;
    font-size: 17px;
  }

  .modaL_order2 .modal {
    top: 22%;
  }

  .modaL_order2 .btn-close {
    right: 13px;
    width: 19px;
    height: 20px;
    top: 11px;
  }

  .modaL_order2 .modal-body h2 {
    font-size: 13px;
  }

  .halloween-popup,
  .modal-content {
    height: auto !important;
  }

  .align-items-center,
  .serv-cta-btn,
  .serv-cta-btn.inr-tab-btn.header-btn.cta-tab-btn {
    flex-wrap: wrap;
  }

  .serv-cta-btn.inr-tab-btn.header-btn.cta-tab-btn a {
    width: 100%;
    margin: 0 0 15px;
    margin-right: 0 !important;
  }

  .head_top {
    /* position: relative; */
    background: #000;
    top: 0;
  }

  /* 
    .logo img {
        margin: 0 auto 20px !important
    } */

  .main-banner {
    padding: 50px 0;
  }

  .serv-cta-img {
    margin-top: 25px !important;
  }

  .serv-cta-btn a {
    text-align: center !important;
    width: 100%;
    margin: 0 0 15px;
    margin-left: 0 !important;
  }

  .cta__2 .element,
  .mst-img-sec .element {
    display: none;
  }

  .halloween-popup::after,
  .halloween-popup::before {
    content: inherit;
  }

  .halloween-popup {
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
  }

  .halloween-popup-inner {
    transform: none;
    left: 0 !important;
    transform: translateX(0) !important;
    top: 0 !important;
    position: relative !important;
    z-index: 9 !important;
  }

  #staticBackdrop1 .modal.in .modal-dialog {
    margin: 24% auto;
  }

  .fancybox-close-small.close {
    z-index: 99999;
  }

  .new-class-here-for-padding {
    padding: 0;
  }

  .get-in-touch p a,
  .top-bar-main {
    display: block;
  }

  .cta__2 {
    padding: 50px 0;
  }

  .why-img-txt h2 {
    font-size: 30px;
  }

  .why-img-txt h3 {
    font-size: 28px;
  }

  .our-serv-sec .serv-cta-btn {
    padding: 0 20px;
  }

  .floatbutton,
  .floatbutton2 {
    display: none !important;
  }
}

.serv-col-main a {
  color: #000;
}

.serv-col-main a:hover {
  color: #000;
}

.objectFit {
  object-fit: cover;
}

.inCR {
  position: relative;
}

@media only screen and (max-width: 500px) {
  .inCR {
    transform: scale(1);
    position: relative;
    left: 0rem;
  }
}

.PWS1 {
  font-size: 18px;

  color: #fff;
}

.inlineBlock {
  display: inline-block;
}

.PWBg1 {
  /*background: linear-gradient(90deg, rgba(38,38,38,1) 0%, rgba(0,0,0,1) 100%);*/
  background:black;
}

.dNone {
  display: none;
}

b.text_off {
  animation: blinker 1s linear 0s infinite normal none running;
  box-sizing: border-box;
  color: #ff0028;
  font-size: 22px;
  font-weight: 700;
  line-height: 15px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  text-shadow: #ffffff45 0px -1px 1px;
  word-wrap: break-word;
}

@keyframes blinker {
  0% {
    color: #ff0028;
  }

  49% {
    color: #ff0028;
  }

  60% {
    color: #29b6f2;
  }

  99% {
    color: #29b6f2;
  }

  100% {
    color: #ff0028;
  }
}

.float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 190px;
  left: 28px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 40px;
  box-shadow: 2px 2px 3px #999;
  z-index: 0;
}

.my-float {
  margin-top: 8px;
}

.white {
  color: #fff !important;
}

@media (min-width: 320px) and (max-width: 767px) {
  .float {
    bottom: 40px;
  }
}

.intl-tel-input {
  width: 100%;
}

.iti {
  width: 100%;
  color: #000;
}

.iti--separate-dial-code .iti__selected-flag {
  background-color: transparent !important;

  height: 45px;
}

.form-control {
  border: 1px solid #ced4da !important;
}

.iti__arrow,
.iti__country-list {
  display: none;
}

.iti__arrow {
  display: none;
}

.error {
  font-size: 11px;

  color: red;
}

#PW-lp1 * .iti {
  color: #fff !important;
}

#PW-lp2 * .iti {
  color: #fff !important;
}

#PW-lp6 * .iti {
  color: #fff !important;
}

.serv-cta-tel2 {
  border: 1px solid #123164;
  background-color: transparent;
  padding: 10px 20px;
  font-size: 14px;
  transition: all 0.7s ease 0s;
  transition-duration: 0.7s;
}

.serv-cta-tel2:hover {
  background-color: #123164;
  color: #fff;
  border-color: #29b6f2 !important;
  color: #ffffff;
  outline: 0px;
}

.inCR {
  /* transform: scale(1.5); */
  position: relative;
  /* left: 10rem; */
}

@media only screen and (max-width: 500px) {
  .inCR {
    transform: scale(1);
    position: relative;
    left: 0rem;
  }
}

.mt-2 {
  margin-top: 2rem;
}

/* NAVIGATION  */



/* OTHER */

.serv-bx img {
  margin-bottom: 10px;
}

.procs-bx-1 {
  margin-top: 12px;
}

.procs-bx-3 {
  margin-right: 20px;
}

.procs-bx-4 {
  margin-right: 20px;
}

.sub-heading {
  text-transform: uppercase;
  color: #020f1e;
  font-weight: 600;
  font-size: 17px;
  margin-bottom: 4px;
}

.navbar-brand img {
  width: 86%;
}
.navbarAlgin {
  position: absolute;
  background-color: #00000075 !important;
  z-index: 0;
  padding: 0;
  width: 100%;
  top: 0%;
}

.navbar-nav li a {
  color: #fff;
}

.serv-cta-chat2 {
  background-color: #123164;
  padding: 10px 20px;
}

.nav-item {
  padding: 5px;
}

.icons {
  margin: 50px 0;
}

.icon {
  margin: 0 30px 0 0;
}

.icon {
  background-color: #ff3000;
  border: 0;
  height: 79px;
  width: 79px;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
}

.icon--transparent {
  background-color: transparent;
}


.aex-float #floating_btnx {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  text-align: right;
  z-index: 99999;
  display: block;
}

.aex-float #floating_btnx a {
  background: #ff0028;
  display: block;
  text-align: center;
  padding: 10px 16px;
  transition: all 0.3s ease;
  color: #fff;
  font-size: 20px;
  box-shadow: 0 0 10px rgb(0 0 0/0.1);
  margin-top: 8px;
  border: 2px solid #fff;
  border-radius: 6px 0 0 6px;
  margin-right: -2px;
  margin-left: auto;
  max-width: 49px;
  height: 60px;
}

.aex-float #floating_btnx a:hover {
  background-color: #ffffff;
  color: #ff0028;
  border-color: #ff0028;
}

.aex-float #floating_btnx a.rotate90 {
  transform: rotate(270deg) translate(42px, 50px);
  max-width: none;
  border-radius: 6px 6px 0 0;
  max-height: 60px;
  margin-top: auto;
  margin-bottom: 14px;
}

.aex-float #floating_btnx_right {
  position: fixed;
  top: 40%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  text-align: right;
  z-index: 99999;
}

.aex-float #floating_btnx_right a {
  background: #123164;
  display: block;
  text-align: center;
  padding: 7px 10px;
  transition: all 0.3s ease;
  color: #fff;
  font-size: 16px;
  box-shadow: 0 0 10px rgb(0 0 0/0.1);
  margin-top: 7px;
  margin-bottom: 0px;
  border: 2px solid #fff;
  border-radius: 0 6px 6px 0;
  margin-right: auto;
  margin-left: -2px;
  max-width: 42px;
}

.aex-float #floating_btnx_right a:hover {
  background-color: #ffffff;
  color: #ff0028;
  border-color: #ff0028;
}

.aex-float #floating_btnx_right a.rotate90 {
  transform: rotate(90deg) translate(27px, 24px);
  max-width: none;
  border-radius: 6px 6px 0 0;
  max-height: 60px;
  margin-top: 8px;
}

@media (max-width: 480px) {
  .aex-float #floating_btnx,
  .aex-float #floating_btnx_right {
    display: none;
  }

  .aex-float #floating_btnx_right2 {
    display: block;
  }
}

.aex-float ul#floating_btnx_right2 a {
  padding-left: 10px;
  padding-right: 10px;
  color: #025d7e;
}
.our-serv-sec .owl-carousel .owl-item img {
  width: auto;
  margin: 0px auto 10px;
}
section.sec_portfolio .resume_inner .resume_box img {
  width: 100%;
  border-radius: 10px;
}
section.sec_portfolio .resume_inner2 .resume_box img {
  width: 100%;
  border-radius: 10px;
}
.resume_inner {
  margin-bottom: 20px;
}
.cta-sec-2 {
  position: relative;
}
.cta-img1 {
  position: absolute;
  left: 22px;
  width: 19%;
  bottom: 20px;
}
.cta-img2 {
  position: absolute;
  right: 22px;
  width: 19%;
  bottom: 20px;
}
.industry-sec .hd-txt h2 {
  text-transform: capitalize;
}
.industry-sec .nav-tabs > li {
  padding: 5px;
}

.industry-sec .nav-tabs > li a {
  padding: 2px 10px;
}

.industry-sec .indust-tab-lst .nav-tabs li a {
  color: #000;
  border: 2px solid #000;
  padding: -8px 20px;
}

.industry-sec .nav-tabs .nav-item.show .nav-link {
  border: 0;
  background: #ff0028 !important;
  color: #fff;
}
.industry-sec .nav-tabs .nav-link.active {
  background: #123164 !important;
  color: #fff !important;
  padding: 2px 10px;
  border: 2px solid #00000000;
}
.industry-sec .indust-tab-lst .nav-tabs li a:hover {
  color: #ffffff;
}
.f-bg {
  /*background: url(../images/footer-bg.webp) repeat !important;*/
  /*background-size: cover !important;*/
  background:black;
}
.bg-cta-n {
  /* background: url(../images/bg-cta-2.webp) repeat 0 0 !important; */
  /* background: #fff; */
  background: url(../images/homebanner.jpeg) center/cover no-repeat;
  color: #000;
}
.bg-cta-n .heading h3,
.bg-cta-n p{
  color: #fff;
}
.bot-sec-bg {
  background: url(../images/homebanner.jpeg);
  background-position: center;
  background-size: cover;
}

.our-testimonial .heading h3 {
  color: #fff;
  font-size: 34px;
  text-transform: capitalize;
}



/* Flip */

.flip-boxes {
  justify-content: center;
}

.flip-box {
  display: flex;
  align-content: stretch;
  min-height: 200px;
  flex-wrap: wrap;
  position: relative;
  border: 10px solid transparent;
  padding: 0;
  border-top: 0;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.flip-box:hover .back {
  transform: rotateY(0deg);
  z-index: 10;
}
.flip-box:hover .front {
  transform: rotateY(180deg);
  z-index: -1;
}
.flip-box .back, .flip-box .front {
  position: relative;
  background-color: #1b2d61;
  color: white;
  display: flex;
  justify-content: center;
  align-content: center;
  flex: 0 0 100%;
  -webkit-transition: all 1.5s cubic-bezier(0.5, 1, 0.5, 1);
  transition: all 1.5s cubic-bezier(0.5, 1.3, 0.5, 1.3);
  transform-style: preserve-3d;
  background-size: cover;
  background-position: center;
  padding: 10px 15px;
  height: 300px;
  border-radius: 10px;
}
.flip-box .back {
  background-color: #29b6f2;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
  transform: rotateY(-180deg);
}

.flip-box .front {
  z-index: 10;
  background-image: url(../images/f-1.webp);
}
.flip-box .front .content {
  font-size: 15px;
}

.flip-box .content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  -webkit-transform: translateZ(50px);
  transform: translateZ(50px);
  color: #000;
  /* text-shadow: 0px 0px 2px black; */
}
.fs-box {
  text-align: center;
}
.flip-boxes .item {
  margin: 20px 0px;
}
/* xxxxxxxxxxxxx */

/* Flip */

.our-serv-sec .hd-txt h2{
  color: #fff;
}
.our-serv-sec .hd-txt p{
  color: #fff;
}

/* FAQ */
.faq {
  padding: 50px 0px 30px;
  color: #000000;
}
.faq-heading {
  font-size: 60px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 20px;
}
.faq .btn-link {
  display: inline-block;
  color: #2d2d2d;
  font-size: 20px;
  width: 100%;
  text-align: left;
}
.faq .btn-link i {
  margin-top: 10px;
  float: inline-end;
  color: #ff0028;
}
.faq .btn-link .fa-minus {
  color: #29b6f2;
}
.faq .card-header {
  background-color: #fff;
  padding: .75rem 0.45rem 0.75rem 0.75rem;
}
.faq .card-body {
  background-color: #123164;
  color: #fff;
  font-family: 'Cabin';
}
.faq .btn-link:hover,
.faq .btn-link:active {
  text-decoration: none;
}
/* FAQ */
.social {
  padding-left: 0px;
  margin-bottom: 0px;
}
.social span {
  color: #29b6f2;
  margin: 0px 4px;
  font-size: 20px;
}

/* Side Form */
.floatbutton {
  transition: 0.4s;
  position: fixed;
  right: -370px;
  top: 30%;
  font-size: 0;
  width: 420px;
  z-index: 99999;
}
.floatbutton .btns_wrap {
  position: fixed;
  right: -6px;
}
.floatbutton .btns_wrap a:hover {
  text-decoration: none !important;
  right: 0;
  background: #fff;
}
.floatbutton .btns_wrap .chat_wrap {
  display: block;
  top: 40px;
  border-radius: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.floatbutton .btns_wrap .call_wrap {
  top: 120px;
  border-radius: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.floatbutton .btns_wrap .call_wrap,
.floatbutton .btns_wrap .chat_wrap {
  right: -234px;
  width: 280px;
  box-shadow: 0 0 40px #00000026 !important;
  position: absolute;
  padding: 0;
  overflow: hidden;
  border-radius: 6px 0px 0px 6px;
  transition: 0.5s all;
}
.floatbutton .btns_wrap .call_wrap span.icoo, .floatbutton .btns_wrap .chat_wrap span.icoo {
  color: #000;
  font-size: 18px;
  padding: 7px 12px 7px;
  border-right: none;
  vertical-align: middle;
  display: inline-block;
  border-radius: 0;
  background: #123164;
}
.icoo i {
  color: #fff;
}
.floatbutton .btns_wrap .chat_wrap span,
.floatbutton .btns_wrap .call_wrap span {
  color: #333;
  font-size: 20px;
  vertical-align: middle;
  background: #fff;
  padding: 15px 30px 15px 15px;
}
.floatbutton .clickbutton {
  border-radius: 0;
  width: 50px;
  z-index: 9;
  box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, 0.09);
  padding-top: 0;
  background: linear-gradient(90deg, #f5b016 0%, #f80 100%);
  margin-top: 198px;
  font-size: 14px;
  position: relative;
  -ms-box-shadow: 0 0 40px #00000026;
  -o-box-shadow: 0 0 40px #00000026;
}
.floatbutton .clickbutton,
.floatbutton2 .clickbutton2 {
  height: 270px;
  display: inline-block;
  vertical-align: top;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  text-transform: uppercase;
  border-radius: 10px 0px 0px 10px;
}
.borderOnly {
  border-left: 2px solid #fff;
}
.floatbutton .clickbutton .crossplus {
  transition: 0.4s;
  position: absolute;
  display: block;
  transform: rotate(-90deg);
  font-size: 16px;
  color: #fff;
  left: -133%;
  white-space: pre;
  bottom: 122px;
  font-weight: 700;
}
.floatbutton.active {
  right: 0;
  z-index: 11;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
#cross-side-bar-btn span {
  position: absolute;
  top: 5%;
  left: 30%;
}
/* Side Form */
.text-normal{
  text-transform: none !important;
}

.txt::placeholder{
  color: #000000de;
}
iframe{
  margin-top: 20px;
}
/* Black Friday */
.black_friday {
  width: 250px;
  height: 140px;
  background: url("../images/black-friday-bg.webp");
  color: #fff;
  position: fixed;
  bottom: 30px;
  left: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: 2px solid #fff;
  border-radius: 15px;
  box-shadow: 0 0 1px 2px #29b6f2, 0 0 1px 2px #29b6f2 inset;
  filter: drop-shadow(0px 0px 5px #29b6f2);
  z-index: 9;
  cursor: pointer;
  animation: 1s linear infinite bf-animate;
}
.black_friday .black_friday_top {
  width: 80px;
  height: 34px;
  background: 0 0;
  color: #fff;
  border: 2px solid #fcffeb;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  box-shadow: 0 0 1px 2px #29b6f2, 0 0 1px 2px #29b6f2 inset;
  filter: drop-shadow(0px 0px 5px #e70046);
  margin-bottom: 5px;
  animation: 1s linear infinite bf-animate-2;
}
.black_friday .black_friday_top p {
  font-size: 20px !important;
  margin-bottom: 0;
  color: #fff;
  font-family: Yantramanav, sans-serif;
  padding: 0;
}
.black_friday h2 {
  font-size: 25px !important;
  -webkit-text-stroke: 1.5px #56575b;
  text-shadow: 1px 2px 15px #56575b;
  filter: drop-shadow(0px 0px 25px #56575b);
  font-weight: 500;
  color: #fff;
  font-family: Yantramanav, sans-serif;
}
.black_friday h2 span {
  padding-left: 5px;
  -webkit-text-stroke: 1px #e50b48;
  text-shadow: 1px 2px 15px #e50b48;
  filter: drop-shadow(0px 0px 25px #e50b48);
  color: #fff;
  font-family: Yantramanav, sans-serif;
}

@keyframes bf-animate {
  0%,
  100% {
    filter: drop-shadow(0px 0px 5px #29b6f2);
    transform: translateY(-5px);
  }
  50% {
    filter: drop-shadow(0px 0px 5px #e50b48);
    box-shadow: 0 0 1px 2px #e50b48, 0 0 1px 2px #e50b48 inset;
    border-color: #000;
    transform: translateY(0);
  }
  80% {
    filter: drop-shadow(0px 0px 5px #e50b48);
    box-shadow: 0 0 1px 2px #e50b48, 0 0 1px 2px #e50b48 inset;
    border-color: #000;
  }
}

@keyframes bf-animate-2 {
  0%,
  100% {
    filter: drop-shadow(0px 0px 5px #29b6f2);
  }
  50% {
    filter: drop-shadow(0px 0px 5px #e50b48);
    box-shadow: 0 0 1px 2px #e50b48, 0 0 1px 2px #e50b48 inset;
    border-color: #000;
    transform: translateX(0);
  }
  80% {
    filter: drop-shadow(0px 0px 5px #e50b48);
    box-shadow: 0 0 1px 2px #e50b48, 0 0 1px 2px #e50b48 inset;
    border-color: #000;
  }
}
.countdown {
  display: block;

  width: 65%;

  text-align: center;

  color: #fff;

  font-size: 22px;

  margin-top: 6px;

  padding: 5px 0;

  border: 2px solid #fff;

  border-right: 0;

  border-left: 0;

  border-radius: 6px;

  animation: 1s linear infinite bf-animate-2;
}
/* Black Friday */