@font-face {
  font-family: 'Poppins';
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/Poppins-Black.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/Poppins-ExtraBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/Poppins-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/Poppins-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/Poppins-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Poppins-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/Poppins-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-weight: 100;
  font-display: swap;
  src: url('../fonts/Poppins-Thin.ttf') format('truetype');
}

@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-ExtraBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

html {
  overflow-x: hidden;
}

body {
  font-family: 'Poppins';
  background-color: #fff;
  overflow-x: hidden !important;
   /* height: 200vh; */
  position: relative;
}

body:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}

body.offcanvas-menu:before {
  opacity: 1;
  visibility: visible;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "poppins","Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
}

a, a:hover {
  text-decoration: none !important;
}

ul {
  padding-left: 0px !important;
}

.is-sticky header.site-navbar.js-sticky-header {
  background-color: #000000;
  color: #ffffff;
  padding-top: 1%;
  padding-bottom: 1%;
}

.is-sticky .img-fluid.dark-logo {
  width: 80px;
}

.is-sticky  img.img-fluid.normal-logo {
  display: none !important;
}

img.img-fluid.normal-logo, img.img-fluid.dark-logo {
  width: 130px;
}

.is-sticky  img.img-fluid.d-none.dark-logo {
  display: block !important;
}

/* .is-sticky header.site-navbar.js-sticky-header .site-menu li a {
    color: #000 !important;
} */

header.site-navbar.js-sticky-header p.contact_number a {
  color: #fff !important;
}

header.site-navbar.js-sticky-header p.contact_number a:hover,
.is-sticky header.site-navbar.js-sticky-header p.contact_number a:hover {
  color: #CE071E !important;
}

/* .is-sticky header.site-navbar.js-sticky-header p.contact_number a {
    color: #000 !important;
} */

.is-sticky header.site-navbar.js-sticky-header {
  transition: 0.5s;
}

div#sticky-wrapper {
  transition: 0.5s;
  z-index: 999;
  position: relative;
}

span.footerLogoBox {
    display: flex;
    align-items: center;
}

span.footerLogoBox img {
    height: auto !important;
}

a.displayNumber {
    background-color: #fff;
    color: #000;
    padding: 12px 15px;
    border-radius: 7px;
}

a.displayNumber:hover {
    background-color: #000;
    color: #fff;
}

.hero {
  background-color: #000000;
  height: auto;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-top: 12%;
  /*padding-bottom: 4%;*/
    padding-bottom: 8%;
}

#home-hero {
  padding-top: 17%;
  padding-bottom: 6%;
}

.site-navbar {
  margin-bottom: 0px;
  z-index: 5;
  position: absolute;
  top: 2rem;
  width: 100%;
}

.site-navbar.transparent {
  background: transparent;
}

.site-navbar.absolute {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.site-navbar .site-logo {
  position: relative;
  left: 0;
  font-size: 24px !important;
}

.site-navbar .site-navigation .site-menu {
  margin-bottom: 0;
}

.site-navbar .site-navigation .site-menu .active > a span {
  background: #BD1E2C;
  color: #fff;
  border-radius: 30px;
  display: inline-block;
  padding: 5px 20px;
}

.site-navbar .site-navigation .site-menu a {
  text-decoration: none !important;
  display: inline-block;
}

.site-navbar .site-navigation .site-menu > li {
  display: inline-block;
}

.site-navbar .site-navigation .site-menu > li > a {
  padding: 10px 0px;
  color: #fff;
  font-size: 16px;
  text-decoration: none !important;
}

.site-navbar .site-navigation .site-menu > li > a.active {
  color: #ce151c;
}

.site-navbar .site-navigation .site-menu > li > a > span {
  padding: 5px 8px;
  font-size: 18px !important;
  font-family: poppins !important;
  display: inline-block;
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  border-radius: 30px;
}

.site-navbar .site-navigation .site-menu > li > a:hover > span {
  color: #D0071E;
}

.site-navbar .site-navigation .site-menu .has-children {
  position: relative;
}

.site-navbar .site-navigation .site-menu .has-children > a span {
  position: relative;
  padding-right: 30px;
}

.site-navbar .site-navigation .site-menu .has-children > a span:before {
  position: absolute;
  content: "\f107";
  font-size: 16px;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'fontawesome' !important;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown {
  visibility: hidden;
  opacity: 0;
  top: 100%;
  position: absolute;
  text-align: left;
  border-top: 2px solid #D0071D;
  -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
  padding: 0px 0;
  margin-top: 20px;
  margin-left: 0px;
  background: #fff;
  -webkit-transition: 0.2s 0s;
  -o-transition: 0.2s 0s;
  transition: 0.2s 0s;
  display: flex;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
  position: absolute;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
  bottom: 100%;
  left: 6%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown a {
  text-transform: none;
  letter-spacing: normal;
  -webkit-transition: 0s all;
  -o-transition: 0s all;
  transition: 0s all;
  color: #343a40;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown .active > a {
  color: #BD1E2C !important;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li {
  list-style: none;
  padding: 0;
  margin: 0;
          /*min-width: 200px; */
  min-width: 280px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
  padding: 9px 10px;
  display: block;
  width: max-content;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a.active {
  color: #ce151c;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a img {
  padding-right: 10px;
  -webkit-filter: grayscale(100%);
 /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
  color: #d0071e;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a {
  position: relative;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:after {
  position: absolute;
  right: 0;
  content: "\e315";
  right: 20px;
  font-family: 'icomoon';
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
  left: 100%;
  top: 0;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {
  background: #fafafb;
}

.site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a {
  color: #D0071E;
}
/*        .site-navbar .site-navigation .site-menu .has-children:hover > a span, .site-navbar .site-navigation .site-menu .has-children:focus > a span, .site-navbar .site-navigation .site-menu .has-children:active > a span {
          background: #BD1E2C;
          color: #fff; }*/
.site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {
  cursor: pointer;
}

.site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  margin-top: 0px;
  visibility: visible;
  opacity: 1;
}

.site-mobile-menu {
  /*width: 300px;*/
  width: 360px;
  position: fixed;
  right: 0;
  z-index: 2000;
  padding-top: 20px;
  background: #fff;
  height: calc(100vh);
  -webkit-transform: translateX(110%);
  -ms-transform: translateX(110%);
  transform: translateX(110%);
  -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

span.fa.fa-times.js-menu-toggle {
  color: #C5071D;
}

.site-nav-wrap a.active {
  color: #C5071D !important;
}

.offcanvas-menu .site-mobile-menu {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.site-mobile-menu .site-mobile-menu-header {
  width: 100%;
  float: left;
  padding-left: 20px;
  padding-right: 20px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
  float: right;
  margin-top: 8px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
  font-size: 30px;
  display: inline-block;
  padding-left: 10px;
  padding-right: 0px;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
  color: #f8f9fa;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
  float: left;
  margin-top: 10px;
  margin-left: 0px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
  display: inline-block;
  text-transform: uppercase;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
  max-width: 70px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
  text-decoration: none;
}

.site-mobile-menu .site-mobile-menu-body {
    /* overflow-y: scroll; */
  -webkit-overflow-scrolling: touch;
  position: relative;
  padding: 0 20px 20px 20px;
  height: calc(100vh - 52px);
  padding-bottom: 150px;
}

.site-mobile-menu .site-nav-wrap {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  margin-top: 80px;
}

.site-mobile-menu .site-nav-wrap a {
  padding: 10px 20px;
  display: block;
  position: relative;
  color: #212529;
}

.site-mobile-menu .site-nav-wrap a:hover {
  color: #d6071e;
}

.site-mobile-menu .site-nav-wrap li {
  position: relative;
  display: block;
}

.site-mobile-menu .site-nav-wrap li.active > a {
  color: #BD1E2C;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse {
  position: absolute;
  right: 0px;
  top: 10px;
  z-index: 20;
  width: 36px;
  height: 36px;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
  background: #f8f9fa;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse:before {
  font-size: 12px;
  z-index: 20;
  font-family: 'fontawesome' !important;
  content: "\f107";
  /*font-family: "icomoon";*/
  /*content: "\f078";*/
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-180deg);
  -ms-transform: translate(-50%, -50%) rotate(-180deg);
  transform: translate(-50%, -50%) rotate(-180deg);
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.site-mobile-menu .site-nav-wrap > li {
  display: block;
  position: relative;
  float: left;
  width: 100%;
}

.site-mobile-menu .site-nav-wrap > li > a {
  padding-left: 20px;
  font-size: 20px;
}

.site-mobile-menu .site-nav-wrap > li > ul {
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  height: 231px;
  list-style: none;
  overflow-x: hidden;
  list-style: none;
}

.site-mobile-menu .site-nav-wrap > li > ul > li {
  display: block;
}

.site-mobile-menu .site-nav-wrap > li > ul > li > a {
  padding-left: 40px;
  font-size: 16px;
  width: max-content;
}

.site-mobile-menu .site-nav-wrap > li > ul > li > a img {
  width: 38px;
  padding-right: 10px;
  -webkit-filter: grayscale(100%);
 /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.site-mobile-menu .site-nav-wrap > li > ul > li > ul {
  padding: 0;
  margin: 0;
}

.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
  display: block;
}

.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
  font-size: 16px;
  padding-left: 60px;
}

.site-mobile-menu .site-nav-wrap[data-class="social"] {
  float: left;
  width: 100%;
  margin-top: 30px;
  padding-bottom: 5em;
}

.site-mobile-menu .site-nav-wrap[data-class="social"] > li {
  width: auto;
}

.site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a {
  padding-left: 15px !important;
}


          /* mobile menu service menu vertical scroll styling  */

.site-mobile-menu .site-nav-wrap > li > ul::-webkit-scrollbar {
  width: 3px;
  background: #e1cdd1;
  border-radius: 10px;
}

.site-mobile-menu .site-nav-wrap > li > ul::-webkit-scrollbar-thumb {
  background: red;
  border-radius: 10px;
}

.site-mobile-menu .site-nav-wrap > li > ul::-webkit-scrollbar-thumb:hover {
  background: #000000;
}


/* CUSTOM CSS */

a.contentButton.nectar-button {
  background-image: linear-gradient(to right, #BF1E2E, #BF1E2E);
  color: #fff;
  border-radius: 10px;
  padding: 12px 25px;
  text-transform: uppercase;
}

p.showMoreText {
  display: none;
}

p, .p {
  font-size: 18px;
  font-family: raleway;
  font-weight: 500;
  color: #1a1a1a !important;
  line-height: 28px;
}

p.subHeading {
  font-size: 22px;
  line-height: 35px;
}

h1 , .h1 {
  font-weight: 800 !important;
  font-size: 45px !important;
  line-height: 55px;
  opacity: 1 !Important;
}

h2 , .h2 {
  font-family: raleway;
  font-size: 45px;
  line-height: 60px;
  font-weight: 400;
}

h3, .h3 {
  font-family: poppins;
  font-size: 40px;
  line-height: 50px;
  font-weight: 800;
  color: #555555;
}

.hero h2 , .hero .h2 {
  font-family: poppins;
  font-size: 22px !important;
  line-height: 35px;
  font-weight: 400;
}

ul li p, ul li span {
  font-size: 18px !important;
  font-family: poppins !important;
  font-weight: 400 !important;
}

.ticklist li {
  list-style: none;
  padding: 5px 0px;
  padding-left: 20px !important;
  position: relative;
}

.ticklist li:before {
    /*content: "\f05d";*/
  content: "\f00c";
  color: #dc071f;
  position: absolute;
  font-family: 'fontawesome' !important;
  left: 0;
}

.ticklist li span {
  color: #c1c1c1;
}

.banner_form {
  background-color: #EFEFEF !important;
  border-radius: 15px !important;
  padding: 22px 27px !important;
}

.banner_form input::placeholder, .banner_form textarea::placeholder {
  font-size: 14px !important;
  font-family: 'Poppins';
}

.banner_form input, .banner_form textarea {
  background-color: #ffffff !important;
  border-radius: 10px;
  width: 100% !important;
  padding: 22px 20px !important;
}

.customIconBox span {
  color: #fff;
  font-weight: 600;
  margin-bottom: 10px;
  display: inline-block;
}

.customIconBox {
  margin-top: 30px;
}

div#sticky-wrapper {
  height: auto !important;
}

.form-sb-btn {
  /*border: none !important;*/
  width: 100%;
  border: 1px solid #b4b4b4;
}

.form-sb-btn:focus {
  box-shadow: none !important;
  /*border: none !important;*/
  border: 1px solid #b4b4b4;
}

.form-sb-btn:active {
  box-shadow: none !important;
  /*border: none !important;*/
  border: 1px solid #b4b4b4;
}

.btn-border, .contentButton {
  border: 1px solid #b4b4b4;
}


/* .nectar-button {
    padding: 15px 60px;
    font-size: 20px !important;
    background-image: -webkit-linear-gradient( 0deg , rgb(214,7,30) 0%, rgb(97,7,26) 100%);
    position: relative !important;
    border-radius: 60px;
    font-weight: 400;
    font-family: poppins;
    display: inline-block;
}

.hero .nectar-button {
    padding: 15px 130px 15px 50px;
    font-size: 20px !important;
    background-image: -webkit-linear-gradient( 0deg , rgb(214,7,30) 0%, rgb(97,7,26) 100%);
    position: relative !important;
    border-radius: 60px;
    font-weight: 600;
    font-family: poppins;
    display: inline-block;
} */

/* .hero .nectar-button-about {
    padding: 10px 50px 10px 50px;
    font-size: 20px !important;
    background-image: -webkit-linear-gradient( 0deg , rgb(214,7,30) 0%, rgb(97,7,26) 100%);
    position: relative !important;
    border-radius: 60px;
    font-weight: 600;
    font-family: poppins;
    display: inline-block;
    border: none;
    margin: 15px 5px !important;


}


.hero a.nectar-button::after {
    display: none;
    content: "60% off";
    border: 2px solid #000 !important;
    width: 80px !important;
    height: 80px !important;
    text-align: center;
    position: absolute;
    padding: 18px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 60px;
    font-size: 16px !important;
    line-height: inherit;
    box-sizing: border-box;
    background-image: -webkit-linear-gradient( 0deg , rgb(214,7,30) 0%, rgb(97,7,26) 100%);
    right: 35px;
} */

.brandbox.box1 {
  height: auto !important;
  padding: 20px;
  padding-right: 20px;
  padding-left: 20px;
  border-width: 2px;
  border-color: rgb(102, 102, 102);
  border-style: dotted;
  border-radius: 28px;
  background-color: rgb(255, 255, 255);
}

.brandbox .logo-hdbox {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.inner_service_Sec ul.pr-ul li .inn-li .dthd {
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 30px !important;
  color: #333333;
}

.brandbox:hover .logo-hdbox .logobox {
  background: #fff;
}

.logo-hdbox h4 {
  margin-top: 25px;
  font-size: 25px !important;
  color: #333333;
  text-align: center;
  margin-bottom: 30px !important;
}

.brandbox:hover .logo-hdbox .logobox img.normal-img {
  display: block;
}

.logobox .normal-img {
  display: none;
}

.brandbox:hover .logo-hdbox .logobox img.hover-img {
  display: none;
}

.brandbox:hover ul.pr-ul li .inn-li .dthd i,.brandbox:hover ul.pr-ul li .inn-li .dthd {
  color: #fff !important;
}

.brandbox:hover h4 span {
  color: #fff;
}

ul.pr-ul li .inn-li .dthd i {
  font-size: 14px;
  color: #bd1e2c;
}

ul.pr-ul li:not(:last-child) .inn-li {
  border-bottom: 1px solid #ccc;
}

ul.pr-ul li .inn-li {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
}

ul.pr-ul {
  height: 200px;
  overflow-y: scroll;
  list-style: none !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  text-align: left !important;
}

.logo-hdbox .logobox {
  background: #d6071e;
  background: -moz-linear-gradient(left, #d6071e 0%, #61071a 100%);
  background: -webkit-linear-gradient(left, #d6071e 0%,#61071a 100%);
  background: linear-gradient(to right, #d6071e 0%,#61071a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6071e', endColorstr='#61071a',GradientType=1 );
  width: 89px;
  height: 89px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  border-radius: 50%;
}

.brandbox:hover {
  background: #d6071e;
  background: -moz-linear-gradient(left, #d6071e 0%, #61071a 100%);
  background: -webkit-linear-gradient(left, #d6071e 0%,#61071a 100%);
  background: linear-gradient(to right, #d6071e 0%,#61071a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6071e', endColorstr='#61071a',GradientType=1 );
  box-shadow: 0px 18px 40px 0px rgb(184 7 29 / 32%);
}

.brandbox.box1:hover .amount_sec ul li.packeg-amount {
  -webkit-text-fill-color: white;
}

.brandbox.box1 .amount_sec ul li.packeg-amount {
  font-size: 72px;
  font-weight: 800;
  background: -webkit-linear-gradient(#d6071e 0%,#61071a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  padding-top: 20px;
  text-align: center;
}

.brandbox.box1:hover .amount_sec ul li.packeg-amount small {
  -webkit-text-fill-color: white;
}

.brandbox.box1 .amount_sec ul li.packeg-amount small {
  font-size: 36px;
  top: -30px;
  position: relative;
  left: 5px;
  font-weight: 400;
  background: -webkit-linear-gradient(#d6071e 0%,#61071a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: poppins !important;
}

.brandbox.box1:hover .amount_sec ul li {
  border-color: #bc5e6b;
}

.brandbox.box1 .amount_sec ul li {
  list-style: none !important;
  padding-right: 20px;
}

.brandbox.box1 .order-chat ul li {
  list-style: none;
}

.dthd {
  font-family: 'Poppins';
  font-size: 16px !important;
  font-weight: 500;
}

.brandbox.box1:hover .order-chat ul li.order-btn-sec a {
  background: #fff !important;
  color: #d6071e !important;
}

.brandbox.box1 .order-chat ul li.order-btn-sec a {
  padding: 10px 30px;
  border-radius: 30px !important;
  color: #ffff !important;
  font-size: 18px !important;
  font-weight: 800;
  background: linear-gradient(to right, #d6071e 0%,#61071a 100%);
}

.order-chat ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 100% !important;
  min-width: 100% !important;
  padding: 0 !important;
  align-items: center;
}

.brandbox.box1:hover .order-chat ul li.live-chat button {
  color: #fff !important;
}

.brandbox.box1 .order-chat ul li.live-chat button {
  background-color: transparent !important;
  border: 0 !important;
  font-size: 18px !important;
  color: #646464 !important;
  font-weight: 800;
}

.brandbox.box1 .order-chat li.live-chat button i.fa.fa-weixin {
  font-size: 40px;
}

ul.pr-ul::-webkit-scrollbar {
  width: 3px;
  background: #e1cdd1;
  border-radius: 10px;
}

ul.pr-ul::-webkit-scrollbar-thumb {
  background: red;
  border-radius: 10px;
}

.logo-hdbox h4 span {
  color: #bd1e2c;
  font-weight: 700;
}

.brandbox:hover h4 {
  color: #fff;
}

ul.pr-ul::-webkit-scrollbar-thumb:hover {
  background: #000000;
}

ul.nav.nav-tabs li a.active {
  padding: 13px 30px;
  font-size: 20px !important;
  background-image: -webkit-linear-gradient( 0deg , rgb(214,7,30) 0%, rgb(97,7,26) 100%);
  position: relative !important;
  border-radius: 60px;
  font-weight: 600;
  font-family: poppins;
  display: inline-block;
  color: #fff !important;
}

ul.nav.nav-tabs li a {
  padding: 13px 30px;
  color: #000;
  display: inline-block;
  font-size: 20px !important;
  position: relative;
  border-radius: 60px;
  font-family: poppins;
  background-color: rgba(0,0,0,0.045);
  transition: all 0.3s cubic-bezier(0.12,0.75,0.4,1);
  -webkit-transition: all 0.3s cubic-bezier(0.12,0.75,0.4,1);
  border-left: 0px;
  border-right: 1px solid rgba(0,0,0,0.06);
}

/* .seven-sec {
    background-image: -webkit-linear-gradient( 0deg, rgb(214,7,30) 0%, rgb(97,7,26) 100%);
} */

ul.portfolio-logoarea {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-left: 0;
}

ul.portfolio-logoarea li {
    /*flex: 0 0 25%;*/
  flex: 0 0 33%;
  list-style: none;
  padding: 10px;
  overflow: hidden;
}

ul.portfolio-logoarea li img {
  width: 100%;
  height: 100%;
  list-style: none;
  transition: all 0.5s;
}

ul.portfolio-logoarea li .port-img {
  overflow: hidden;
}

ul.portfolio-logoarea li img:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -ms-transition: transform 1s cubic-bezier(0, 1, 0.5, 1);
    /* -webkit-transition: transform 1s cubic-bezier(0, 1, 0.5, 1); */
    /* transition: transform 1s cubic-bezier(0, 1, 0.5, 1); */
  opacity: 0.5;
}

a.nectar-button.mt-4.see-btn {
  width: fit-content;
  margin: auto;
  display: flex;
}

.see-our-sec.container p {
  color: #c1c1c1 !important;
}
/*.work-img {
    transition: all 0.5s;
}

.work-img:hover img {
    transform: scale(0.9) !important;
    transition: all 0.5s;
}

.work-img img {
    transition: all 0.5s;
}*/

.work-box {
  height: 100%;
    /*border: 2px solid #d7d7d7;*/
  transition: 0.9s !important;
}

.work-box .in-workbox {
  height: 100%;
  padding: 30px 50px;
}

.work-box .in-workbox h5 {
  margin-bottom: 20px;
  font-size: 30px;
  line-height: 40px;
  font-family: "Raleway";
  font-weight: 700;
}

.work-box:hover {
  background-color: #BD1E2C;
  box-shadow: 0px 10px 65.52px 18.48px
    rgb(0 0 0 / 25%);
  color: #fff !important;
}

.work-box:hover .in-workbox p {
  color: #fff !important;
  transition: 0.9s !important;
}

.border-15 {
  border: solid 15px #BD1E2C !important;
  border-radius: 0px !important;
  background-color: transparent;
}

.work-box .in-workbox p {
  font-size: 18px;
  font-family: "Raleway";
  font-weight: 400;
}

.work-box .in-workbox .worklogobox {
  border-radius: 50%;
  background-image: -moz-linear-gradient( 115deg, rgb(215,25,33) 0%, rgb(179,7,14) 100%);
  background-image: -webkit-linear-gradient( 115deg, rgb(215,25,33) 0%, rgb(179,7,14) 100%);
  background-image: -ms-linear-gradient( 115deg, rgb(215,25,33) 0%, rgb(179,7,14) 100%);
  box-shadow: 0px 15px 40px 0px rgba(181, 8, 15, 0.19);
  width: 122px;
  height: 122px;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.work-box:hover .in-workbox .worklogobox {
  background: #ffffff;
}

.work-box:hover .in-workbox .worklogobox img.normal-img {
  display: none;
}

.work-box:hover .in-workbox .worklogobox img.hover-img {
  display: block;
}

/*ul.keyfeatures-ul li .key-feature-box img {
      filter: brightness(15);
}*/

.work-box .in-workbox .worklogobox img.hover-img {
  display: none;
}


/* First Box Css */

.work-box.firstBox {
  background-color: #BD1E2C;
}

.work-box.firstBox h5 {
  color: #fff;
}

.work-box.firstBox p {
  color: #fff !important;
}

.work-box.firstBox .in-workbox .worklogobox {
  background-color: #fff !important;
  background-image: -webkit-linear-gradient( 115deg, rgb(255 255 255) 0%, rgb(255 255 255) 100%);
}

.work-box.firstBox .in-workbox .worklogobox img.hover-img {
  display: block;
}

.work-box.firstBox .in-workbox .worklogobox img.normal-img {
  display: none;
}

.site-mobile-menu {
  z-index: 9999999999999;
}

.owl-dots {
  text-align: center;
  margin-top: 25px;
}

.owl-dots button span {
  width: 40px;
  height: 5px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #bd1e2c;
}

.footerTop {
  background-image: url("../images/footer-top-bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
}

.footerHeading {
  background-image: url(../images/contact-heading.png);
  background-repeat: no-repeat;
  width: 350px;
  height: 237px;
  position: absolute;
  top: -5px;
}

.footerDetails ul {
  background-color: #242323;
  list-style: none;
  color: #fff;
  margin-top: 90px;
  padding: 100px 40px 30px 40px !important;
  border-radius: 10px;
}

.footerDetails ul li {
  display: block;
  font-family: 'Raleway';
  margin-bottom: 15px;
}

.footerDetails ul li strong {
  display: block;
  font-size: 22px;
}

.footerDetails ul li span {
  font-size: 20px !important;
  color: #c1c1c1;
  font-weight: 400 !important;
  font-family: 'Raleway' !important;
}

.footerForm p {
  font-family: "raleway";
  color: #d1d1d1 !important;
  font-size: 22px;
}

.footerForm {
  padding-top: 80px;
}

.footerTop:before {
  content: "";
  background-image: url("../images/footer-before.png");
  background-repeat: no-repeat;
  width: 360px;
  height: 454px;
  position: absolute;
  top: 120px;
}

.footerTop:after {
  content: "";
  background-image: url(../images/footer-after.png);
  background-repeat: no-repeat;
  width: 360px;
  height: 454px;
  position: absolute;
  top: 100px;
  right: 0;
}

.fa-facebook-f:before, .fa-facebook:before {
  content: "\f09a";
  padding: 5px;
}

.fa-facebook-f:before, .fa-facebook:before {
  content: "\f09a";
  padding: 5px;
}

.fa-linkedin:before {
  content: "\f0e1";
  padding: 2px;
}

/* new footer contact form styling start */





.footer-field.container form input {
  display: block;
  padding: 12px;
  width: 70%;
  margin-top: 20px;
  margin-bottom: 30px;
  border-radius: 9px;
  border: 1px solid #e3e3e3;
}

.footer-field.container form input::placeholder {
  color: #333333 !important;
  font-size: 16px;
}

.footer-field.container form input:focus-visible {
  outline-color: #BF1E2E;
}



/* .footer-field.container button.btn.btn-primary.form-sb-btn.w-auto.d-table.pb-2.pt-2.pl-5.pr-5 {
  padding: 13px 25px !important;
  font-size: 20px !important;
  box-shadow: none !important;
  background-image: -moz-linear-gradient( -180deg, rgb(214,7,30) 0%, rgb(97,7,26) 100%);
  background-image: -webkit-linear-gradient( -180deg, rgb(214,7,30) 0%, rgb(97,7,26) 100%);
  background-image: -ms-linear-gradient( -180deg, rgb(214,7,30) 0%, rgb(97,7,26) 100%);
} */



.footer-field.container form input.input1 {
  padding-left: 45px;
  background: url("../images/inputName.png") no-repeat left;
  background-size: 15px;
  background-position-x: 15px;
}

.footer-field.container form input.input2 {
  padding-left: 45px;
  background: url("../images/inputEmail.png") no-repeat left;
  background-size: 15px;
  background-position-x: 15px;
}

.footer-field.container form input.input3 {
  padding-left: 45px;
  background: url("../images/inputTele.png") no-repeat left;
  background-size: 15px;
  background-position-x: 15px;
}





/* new footer contact form styling close */







/* home page choose plan stylig start  */


#choose-plans .brandbox.box1 {
  background-image: -webkit-linear-gradient( 0deg, rgb(63,63,63) 0%, rgb(0,0,0) 100%) !important;
}

#choose-plans .brandbox .logo-hdbox .logobox {
  background: #fff;
}

#choose-plans .brandbox h4 {
  color: #fff;
}

#choose-plans .logo-hdbox h4 span {
  color: #ffffff;
}

#choose-plans .brandbox ul.pr-ul li .inn-li .dthd i, #choose-plans .brandbox ul.pr-ul li .inn-li .dthd {
  color: #fff !important;
  font-family: raleway;
  font-weight: 400;
}

.brandbox.box1.mb-4 .plan-price>span {
  color: white !important;
}

#choose-plans .brandbox.box1:hover {
  box-shadow: none;
  background-image: -webkit-linear-gradient( 0deg , rgb(214,7,30) 0%, rgb(97,7,26) 100%) !important;
}

#choose-plans .brandbox:hover .logo-hdbox .logobox {
  background: #000 !important;
}

/* home page choose plan stylig start  */







ul.keyfeatures-ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}

ul.keyfeatures-ul li {
  flex: 0 0 20%;
  list-style: none;
}

ul.keyfeatures-ul li .key-feature-box {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
  border-right: 1px solid #fff !important;
  padding-left: 15px;
}
#keyfeatures img {
    display: block;
    width: auto;
}

ul.keyfeatures-ul li:last-child .key-feature-box {
  border-right: 0px;
}

ul.keyfeatures-ul li .key-feature-box p {
  font-family: raleway !important;
  font-size: 16px !important;
  line-height: 26px !important;
  text-align: left;
  margin-top: 20px;
  padding-left: 20px;
  color: #fff !important;
}

ul.keyfeatures-ul li .key-feature-box:hover img.normal-img {
  display: none;
}

ul.keyfeatures-ul li .key-feature-box:hover img.hover-img {
  display: block;
}

/*ul.keyfeatures-ul li .key-feature-box img {*/
/*  filter: brightness(15);*/
/*}*/

/*.keyfeatures-ul .owl-stage {margin: 0 auto;}*/

ul.keyfeatures-ul li .key-feature-box img.hover-img {
  display: none;
}

.testi_image {
  position: relative;
  left: -90px;
}

.fa-star, .fa-star-o {
  COLOR: #F2D60D!IMPORTANT;
}

.form-control {
  border-width: 1px;
  border-color: rgb(139, 136, 138) !important;
  border-style: solid;
  background-color: transparent !important;
  border-radius: 50px;
  padding: 23px 20px;
}

textarea.form-control {
  border-width: 1px;
  border-color: rgb(139, 136, 138) !important;
  border-style: solid;
  background-color: transparent !important;
  border-radius: 25px;
  padding-left: 30px;
  padding-right: 30px;
}

#main-footer {
  padding-top: 4%;
}

.menu-services-1 li::before, #menu-services-2 li::before {
  font-family: "FontAwesome";
  content: "\f0da";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  position: absolute;
  left: 0;
  color: #bd1e2c;
  border-color: #bd1e2c;
}

.menu-services-1 li, #menu-services-2 li {
  padding-left: 20px !important;
  padding: 0px 0 4px;
  font-size: 18px;
  position: relative;
  list-style: none;
}

.menu-services-1 li a, #menu-services-2 li a {
  font-family: poppins;
  color: #c1c1c1 !important;
}

ul.menu-services-1 li {
  flex: 0 0 50%;
}

ul.menu-services-1 {
  display: flex;
  flex-wrap: wrap;
}

ul.footer_icons {
  display: flex;
  padding: 0;
  margin: 0;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
}

ul.footer_icons li {
  list-style: none;
  padding: 0 35px;
}

ul.footer_icons {
  display: flex;
  padding: 0;
  margin: 0;
  justify-content: center;
  width: 100%;
}

ul.social_icons li a {
  padding: 0px 12px !important;
  color: #ffffff;
}

ul.social_icons li a i {
  font-size: 23px;
  padding: 6px;
  background: white;
  color: black !important;
  border-radius: 100px;
}

ul.social_icons li a i:hover {
  background: #000000;
  color: #ffffff !important;
}

.copyright {
  background-color: #000 !important;
  padding: 20px;
}

.copyright p {
  font-size: 16px;
}

footer#main-footer {
  background-size: 100% 100% !important;
}

#contact-status, #contact-status2 {
  display: none;
  border: 1px solid;
  padding: 5px;
  margin-top: 15px;
}

.brandbox.box1:hover small.cut-price {
  -webkit-text-fill-color: #fff !important;
}

.brandbox.box1 small.cut-price {
  -webkit-text-fill-color: #c80d22 !important;
}

.about-sec2-ul {
  font-size: 20px;
  font-family: poppins;
  font-weight: 400;
  color: #555555;
}

ul.about-sec2-ul li {
  list-style: none;
  position: relative;
  padding-left: 40px;
}

ul.about-sec2-ul li:before {
    /*content: "\f05d";*/
  content: "\f00c";
  color: #dc071f;
  position: absolute;
  font-family: 'fontawesome' !important;
  left: 0px;
}

/* .port-img {
    border-radius: 20px;
} */

ul.nav.nav-tabs-port {
  background-color: #fff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;  padding: 5px 10px !important;
}

ul.nav.nav-tabs-port li a.active {
  padding: 14px 60px;
  font-size: 20px !important;
  background-image: -webkit-linear-gradient( 0deg , rgb(214,7,30) 0%, rgb(97,7,26) 100%);
  position: relative !important;
  border-radius: 15px !important;
  font-weight: 600;
  font-family: poppins;
  display: inline-block;
  color: #fff !important;
}

ul.nav.nav-tabs-port li a {
  padding: 14px 40px;
  color: #000;
  display: inline-block;
  font-size: 20px !important;
  position: relative;
  border-radius: 60px;
  font-family: poppins;
    /* background-color: rgba(0,0,0,0.045); */
  transition: all 0.3s cubic-bezier(0.12,0.75,0.4,1);
  -webkit-transition: all 0.3s cubic-bezier(0.12,0.75,0.4,1);
    /* border-left: 0px;
    border-right: 1px solid rgba(0,0,0,0.06); */;
}

.reviews-box:before {
  content: "\f10d";
  display: block;
  position: absolute;
  left: 26px;
  top: 17px;
  color: #3d3d3d;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 25px;
}

.fa-star-half-o:before {
  content: "\f123";
  COLOR: #F2D60D !IMPORTANT;
}

.reviews-box:after {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid #f1f1f1;
  border-bottom: 10px solid transparent;
  position: absolute;
  top: 26px;
  left: -9px;
  content: "";
}

.client-img img {
  border-radius: 150px;
  border: 2px solid #e0e0e0;
  width: 81px !important;
  height: 81px !important;
  margin: 0 37px;
  padding: 3px;
  box-shadow: 0 4px 10px rgb(0 0 0 / 20%);
}

.reviews-box {
  background: #f9f9f9;
  padding: 30px 40px 30px 60px;
  position: relative;
  transition: all 0.4s ease;
  position: relative;
  border-radius: 15px;
}

.reviews-box p {
  font-size: 13px;
  color: #3d3d3d;
  line-height: 1.5em;
}

.reviews-box ul {
  padding: 0;
  margin: 0;
}

.pull-left {
  float: left!important;
}

.reviews-box h6 {
  color: #dc071f;
  line-height: 17px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-align: right;
  text-transform: capitalize !important;
}

.reviews-box h6 span {
  font-weight: 500 !important;
}

.pull-right {
  float: right!important;
}

.reviews-box ul li {
  list-style: none;
  display: inline-block;
}

 
  /******************* edit **********************/

/*body {
  color: #6a6c6f;
  background-color: #f1f3f6;
  margin-top:30px;
}*/

/*.container {
  max-width: 960px;
}*/


/* */

.panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.panel-default>.panel-heading a {
  display: block;
  padding: 10px 15px;
}

.panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #eee;
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

#about-images .img-fluid {
  max-width: 100% !important;
  width: 490px !important;
  height: auto !important;
  margin: 11px 0px !important;
}
 


/* new css start ------------------------------------------------------------------------------------------------------- */


.hero h2 {
  /*margin-top: 24px !important;*/
  /*margin-bottom: 25px;*/
  margin-top: 10px;
  margin-bottom: 10px;
}

ul.bann-btn.d-flex {
  margin-top: 40px;
}


/* tab section styling  start*/

#tab-section ul.nav.nav-tabs-port li a {
  background: white;
  border: none;
  font-size: 18px !important;
  text-align: center !important;
}

#tab-section ul li a span::before {
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  width: 38px !important;
  height: 38px !important;
  line-height: 38px;
  margin: 0 auto;
}

#tab-section ul li:nth-child(1) a span::before {
  content: url("../images/logo-designing-branding.png") !important;
}

#tab-section ul li:nth-child(2) a span::before {
  content: url("../images/web-design-development.png") !important;
}

#tab-section ul li:nth-child(3) a span::before {
  content: url("../images/online-marketing.png") !important;
}

#tab-section ul li:nth-child(4) a span::before {
  content: url("../images/ecommerce.png") !important;
}

#tab-section ul li:nth-child(5) a span::before {
  content: url("../images/videos-marketing.png") !important;
}

#tab-section ul li a {
  position: relative;
}

#tab-section ul.nav.nav-tabs-port li a.active span {
  font-weight: bold !important;
  color: #BD1E2C!important;
}

#tab-section ul li:nth-child(1) a.active span::before {
  content: url("../images/logo-designing-branding-color.png") !important;
}

#tab-section ul li:nth-child(2) a.active span::before {
  content: url("../images/web-design-development-color.png") !important;
}

#tab-section ul li:nth-child(3) a.active span::before {
  content: url("../images/online-marketing-color.png") !important;
}

#tab-section ul li:nth-child(4) a.active span::before {
  content: url("../images/e-commerce-color.png") !important;
}

#tab-section ul li:nth-child(5) a.active span::before {
  content: url("../images/e-commerce-solutions-color.png") !important;
}

#tab-section ul li a.active::after {
  height: 4px;
  width: 100% !important;
  content: ' ';
  background-color: #BD1E2C;
  display: block;
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 10;
  transition: transform 0.3s cubic-bezier(.12,.75,.4,1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(.12,.75,.4,1);
  box-shadow: 0px 5px 25px 0px #ff8e96;
}

#tab-section ul {
  border-radius: 0px !important;
  margin-bottom: 30px;
}

/* .tab-content .nectar-button {
  padding: 8px 25px;
  margin-right: px;
} */

div#tab-section .tab-content .nectar-button {
  margin-bottom: 20px;
}


/* tab section stylng end */





/* choose plans styling  start */




div#choose-plans ul.pr-ul {
  height: auto !important;
  overflow: visible !important;
}

div#choose-plans {
  background-color: #F2F3F8;
}

button.btn.btn-outline-dark {
  font-size: 18px;
  padding: 10px 30px;
  border-radius: 100px;
  font-weight: bold;
  border: 4px solid;
}

div#choose-plans-btn {
  margin: 0 auto;
}

/* choose plans stylig end  */



/* keyfetures styling  */



.key-feature-box .normal-img {
  display: block;
  /*margin: auto !important;*/
}

.key-feature-box .hover-img {
  display: none;
}

.key-feature-box:hover p {
  color: #bd1e2c;
  font-weight: bold;
  font-size: 19px !important;
}

.key-feature-box:hover img.normal-img {
  display: none;
}

.key-feature-box:hover img.hover-img {
  display: block;
  margin: auto !important;
}





/* web dev slider section styling  */




.myslider .owl-item {
  padding: 30px 15px !important;
}

.myslider .owl-item:hover {
  background: linear-gradient(to right, #d6071e 0%,#61071a 100%);
  box-shadow: 0 18px 40px 0 rgb(184 7 29 / 32%);
}

.myslider .owl-item:hover p {
  color: rgb(246, 246, 246) !important;
}

.myslider .owl-item:hover h5 {
  color: white !important;
}

.myslider .owl-item:hover img {
  filter: brightness(0) invert(1);
}

.owl-nav {
  display: none;
}



/* testimonial styling */

.testimonail img.w-auto.m-0 {
  width: 40px !important;
}



/* home page choose plan card stlng  */


.plan-price {
  display: inline-block;
  position: absolute;
  right: 0;
  font-size: 16px !important;
}

div#choose-plans li {
  position: relative;
}

span.plan-price>span {
  color: #BD1E2C;
  font-size: 16px !important;
}

.brandbox.box1.mb-4:hover .plan-price>span {
  color: white !important;
}

#main-footer a {
  font-size: 14px !important;
}

#main-footer a:hover {
  color: #ffffff !important;
}


/* priority section button stylng  */



a#tab-btn-1 {
  background: transparent;
  color: black !important;
}

a.nectar-button.mt-1.tab-btn-1 {
  background: white;
  color: black !important;
  border: 2px solid #C2071D;
}

a.nectar-button.mt-1.tab-btn-1:hover {
  color: white !important;
  border: 2px solid #C2071D;
  background: linear-gradient(to right, #d6071e 0%,#61071a 100%);
}

a.nectar-button.mt-1.tab-btn-2 {
  color: white !important;
  border: 2px solid #C2071D;
  background: linear-gradient(to right, #d6071e 0%,#61071a 100%);
}

a.nectar-button.mt-1.tab-btn-2:hover {
  background: white;
  color: black !important;
  border: 2px solid #C2071D;
}



/* packages page styling  */



#packages-section {
  background-color: #000000;
  padding-top: 10%;
  padding-bottom: 4%;
  background-image: url("../images/home-banner.jpg");
  background-position: bottom;
  background-size: cover;
}

.pricing-sec .nav-tabs .nav-link {
  border-radius: 9px;
  margin-bottom: -1px;
  border: 1px solid transparent;
  padding: 23px 0px 23px 10px;
  color: gray;
  font-size: 18px;
  background-color: #E8E9ED;
  margin: 9px 0px 7px 0px;
}

.pricing-sec .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  background-color: #bd1e2c;
  color: white !important;
}

/* web category hero section styling  */


#web-service {
  padding-top: 10%;
  padding-bottom: 4%;
  background-image: url("../images/home-banner.jpg");
  background-position: center center;
  background-size: cover;
}

#web-section .web-sec-btn {
  background-image: -webkit-linear-gradient( 0deg , rgb(214,7,30) 0%, rgb(97,7,26) 100%) !important;
}

button.web-sec-btn {
  padding: 12px 10%;
  background-image: -webkit-linear-gradient( 0deg , rgb(214,7,30) 0%, rgb(97,7,26) 100%);
  border-radius: 100px;
  font-size: 20px;
  font-weight: bold;
  border: none;
}




/* faqs section styling  */


.faqs-section.pt-5.pb-5 .card {
  background: #F2F3F8;
  border: none;
}

.faq-heading {
  background-color: #F2F3F8 !important;
  box-shadow: none !important;
  border-bottom: 1px solid gray !important;
  padding-top: 20px;
  padding-bottom: 20px;
}

.faq-heading button {
  font-size: 26px !important;
  text-decoration: none !important;
  color: #545557 !important;
  text-transform: uppercase !important;
  text-align: left;
}

.faq-heading button:hover {
  color: #BD1E2C !important;
}

.faq-heading button:focus {
  box-shadow: none !important;
}

.faqs-section .card-header {
  display: flex;
  position: relative;
  align-items: center;
}

.faqs-section i.fa.fa-plus-circle {
  position: absolute;
  right: 0;
  font-size: 21px;
}

.img-fluid {
  width: 100%;
}



/* ham burger coloring  */

/* .is-sticky span.icon-menu.text-light.h3 {
  color: black !important;
} */

ul#footer-menu-items {
  display: inline;
}

#tab-target {
  display: none;
}

#web-service .img-fluid {
  width: 100%;
}

/* service page new banner styling  */


div#service-hero-section h1 {
  font-size: 60px !important;
  line-height: 72px;
  font-family: "Raleway";
  font-weight: 700 !important;
}

/*ul.customIcons.d-flex img {*/
/*  width: 120%;*/
/*}*/

span.light-text {
  font-weight: 400;
  font-size: 60px;
}

span.color-text {
  color: #ce151c;
}

/* hero button styling service section */

a.nectar-button, 
a.nectar-button.call-btn,  
.form-sb-btn {
  padding: 15px 30px;
  font-size: 20px !important;
  font-weight: 600;
  border-radius: 10px;
  font-weight: 400;
  font-family: poppins;
  text-transform: uppercase;
  background-size: 300% 100%;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

a.nectar-button, 
.form-sb-btn {
  background-image: linear-gradient(to right, #d3071d, #79081f, #b4b4b4, #ffffff);
  color: white !important;
  font-weight: 600 !important;
}

a.nectar-button:hover, 
.form-sb-btn:hover {
  background-image: linear-gradient(to right, #d3071d, #79081f, #b4b4b4, #ffffff);
  color: rgb(0, 0, 0) !important;
}

a.nectar-button:hover, 
a.nectar-button.call-btn:hover,
.form-sb-btn:hover {
  background-position: 100% 0;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

a.nectar-button.call-btn {
  background-image: linear-gradient(to right,  #b4b4b4, #ffffff, #d3071d, #79081f);
  color: #000 !important;
}

a.nectar-button.call-btn:hover {
  color: #fff !important;
}

#service-hero-section ul.bann-btn>li {
  list-style: none;
}

#service-hero-section ul li p,
ul li span {
  font-size: 18px !important;
  font-family: poppins !important;
  font-weight: 600 !important;
}



/* discount circle styling start  */


/*div#discount-circle {*/
/*  width: 150px;*/
/*  height: 150px;*/
/*  background: rgb(0, 0, 0);*/
/*  text-align: center;*/
/*  padding: 18px;*/
/*  border-radius: 100%;*/
/*  box-shadow: 4px 7px 0px 0px #bf2030;*/
/*  position: absolute;*/
/*  right: -70px;*/
/*  top: -100px;*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*}*/

div#discount-circle {
    width: 100px;
    height: 100px;
    background: rgb(0, 0, 0);
    text-align: center;
    padding: 18px;
    border-radius: 100%;
    box-shadow: 2px 2px 0px 0px #bf2030;
    position: absolute;
    right: -20px;
    top: -50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

div#discount-circle h2 {
  font-size: 20px !important;
  line-height: 20px;
  font-weight: 800;
  color: rgb(255, 255, 255);
  font-family: poppins;
  margin: 0 0 !important;
}

div#discount-circle h2 span {
  font-size: 14px;
  line-height: 14px;
}


/* new packages styling start  */




.new-package .brandbox .logo-hdbox {
  margin-top: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 9px;
  align-items: center;
}

.new-package .brandbox .logo-hdbox h4 {
  margin-top: 0px;
}

.new-package .brandbox.box1 {
  border: none;
  background-image: -moz-linear-gradient( 0deg, rgb(63,63,63) 0%, rgb(0,0,0) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(63,63,63) 0%, rgb(0,0,0) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(63,63,63) 0%, rgb(0,0,0) 100%);
  border-radius: 15px;
  transition: 1s !important;
}

.new-package .brandbox h4 span {
  color: #fff;
  font-weight: 600;
  position:relative !important;
  display: flex !important;
}
.mainbox {
   
    transform: scale(0.8) !important;
}

.new-package .brandbox.box1 .amount_sec ul li.packeg-amount {
  font-size: 50px;
  font-weight: 700;
  background: -webkit-linear-gradient(#ffffff 0%,#ffffff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  padding-top: 20px;
  text-align: center;
  padding-bottom: 9px;
  font-family: "Raleway";
  margin-bottom: 10px;
  border-bottom: 2px solid white;
}

.new-package .brandbox ul.pr-ul li .inn-li .dthd i, .new-package .brandbox ul.pr-ul li .inn-li .dthd {
  color: #fff !important;
  font-weight: normal;
}

.new-package .order-chat {
  padding-bottom: 25px;
  padding-top: 25px;
}

.new-package .brandbox.box1 .order-chat ul li.order-btn-sec a {
  padding: 10px 30px;
  border-radius: 10px !important;
  color: #ffff !important;
  font-size: 18px !important;
  font-weight: 400;
  border: 1px solid;
  background: transparent;
}

.new-package .brandbox.box1:hover .order-chat ul li.order-btn-sec a {
  color: #000 !important;
  font-weight: 600;
  background: #dddcdd;
  background-image: -moz-linear-gradient( 90deg, rgb(153,153,153) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(153,153,153) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(153,153,153) 0%, rgb(255,255,255) 100%);
  box-shadow: -1.035px 3.864px 24px 0px rgba(255, 255, 255, 0.5);
  border: 0px !important;
}

.new-package ul.pr-ul li:not(:last-child) .inn-li {
  border-bottom: none;
}

.new-package .brandbox.box1 .order-chat ul li.live-chat button, .new-package .brandbox.box1 .order-chat ul li.live-chat a {
  background-color: transparent !important;
  border: 0 !important;
  font-size: 20px !important;
  color: #ffffff !important;
  font-weight: 500;
}

.brandbox.box1:hover {
  box-shadow: none;
  background-image: -webkit-linear-gradient( 0deg , rgb(214,7,30) 0%, rgb(97,7,26) 100%);
}

.new-package .brandbox.box1 .amount_sec ul {
  margin-bottom: 0px !important;
}

.new-package .logo-hdbox {
  border-bottom: 2px solid white;
  margin-bottom: 20px;
}

.new-package .logo-hdbox h4 {
  margin-bottom: 9px !important;
}

.new-package .brandbox.box1:hover .amount_sec ul li {
  border-color: #ffffff !important;
}

.new-package small.click-here {
  font-size: 12px;
}

.new-package i.pl-1.fa.fa-commenting {
  color: red;
}

.new-package i.pl-1.fa.fa-commenting {
  color: red;
  margin-right: -6px;
}

ul.pr-ul li {
  position: relative;
}

ul.pr-ul li .dthd {
  padding-left: 20px;
}

ul.pr-ul li .dthd:before {
  content: "\f00c";
  font-family: FontAwesome;
  position: absolute !important;
  top: 5px;
  left: 0;
}

.new-package .brandbox.box1 {
  position: relative;
  z-index: 10;
  display: block;
  border-radius: 15px;
  background: transparent;
}

.new-package .brandbox.box1:before {
  content: "";
  position: absolute;
  transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-image: -moz-linear-gradient( 0deg, rgb(63,63,63) 0%, rgb(0,0,0) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(63,63,63) 0%, rgb(0,0,0) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(63,63,63) 0%, rgb(0,0,0) 100%);
  border-radius: 15px;
}

.new-package .brandbox.box1:hover:before {
  border-radius: 15px;
  opacity: 0;
}

.new-package .brandbox.box1:after {
  content: "";
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  border-radius: 15px;
  -webkit-transition: opacity 0.5s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-image: -moz-linear-gradient( 0deg, rgb(214,7,30) 0%, rgb(97,7,26) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(214,7,30) 0%, rgb(97,7,26) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(214,7,30) 0%, rgb(97,7,26) 100%);
  box-shadow: 0px 18px 40px 0px rgba(184, 7, 29, 0.32);
}

.new-package .brandbox.box1:hover:after {
  opacity: 1;
}

ul.pr-ul li .dthd {
  padding-left: 20px;
  padding-bottom: 6px;
}

.testimonial-main .item {
  border: 1px solid #c1c1c1;
  padding: 0px 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  border-radius: 20px;
  margin: 0 2px;
}

.testimonial-main .card-img {
  border-radius: 0px;
  border: 0px solid #e0e0e0;
  width: 40px !important;
  height: 40px !important;
  padding: 3px;
  margin-bottom: 10px;
}

.testimonial-main p {
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #292930;
  height: 150px;
  overflow-y: scroll;
}

.testimonial-main p::-webkit-scrollbar {
  width: 3px;
  background: #e1cdd1;
  border-radius: 10px;
}

.testimonial-main p::-webkit-scrollbar-thumb {
  background: red;
  border-radius: 10px;
}

.testimonial-main p::-webkit-scrollbar-thumb:hover {
  background: #000000;
}

.testimonial-main h6 {
  font-size: 20px;
  font-weight: 700;
  color: #292930;
}

.testimonial-main span {
  color: #8A90A2;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}

.testimonial-main img {
  border-radius: 150px;
  border: 2px solid #e0e0e0;
  width: 81px !important;
  height: 81px !important;
  padding: 3px;
}

.third-sec {
  background-color: #ffffff !important;
}

/* .third-sec {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
} */

.fifth-sec {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.fifth-sec.pt-5.pb-5 .container p {
  color: #c1c1c1 !important;
}

.inner-footer h3 {
  margin-bottom: 1% !important;
}



/* new css end -----------------------------------------------------------------------------------------------------------------*/



/* Counter CSS Start */

.counterText {
    text-align: center;
}

h2.timer.count-title.count-number {font-weight: 900;color: #bd1e2c;}

.customCounterContainer .counter {
    text-align: center;
    border-right: 1px solid #ccc;
    padding: 5px 0;
}

.customCounterContainer .col-lg-3:last-child .counter {
    border-right: 0;
}

div#service-hero-section h1 span strong {
    font-size: 68px;
    font-weight: 900;
}

ul#keyFeaturesDesktop {
    display: flex;
    list-style: none;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 0;
}

ul#keyFeaturesDesktop li {
    margin: 7px 10px;
}

ul#keyFeaturesDesktop li img {
    border-radius: 10px;
}

:root{
  --colorWhite: #fff;
  --colorBlack: #000;
  --colorRed: #ce151c;
}
.vertical-nav-a{position: fixed;top: 0;bottom: 0;right: 1rem; border-radius: 25px; margin: auto;height: 300px;width: 30px;z-index: 40;display: flex;align-items: center;background-color: var(--colorWhite);justify-content: center; box-shadow: 0 0 27px #00000016;}
.vertical-nav-ul-a{display: flex;flex-direction: column; list-style:none; color: var(--colorWhite);align-items: center; justify-content: center;}
.vertical-nav-ul-a > li > a{position: relative;}
.vertical-nav-ul-a > li > a::after{content: ""; display: inline-block; width: 15px; height: 15px; transition: 0.5s; background-color: var(--colorBlack); border-radius: 100%;}
.vertical-nav-ul-a > li > a:hover::after{background-color: var(--colorRed);}
.vertical-nav-ul-a > li.active > a::after{background-color: var(--colorRed);}
html{scroll-behavior: smooth;}
.vertical-nav-ul-a > li{position: relative;}
.vertical-nav-ul-a > li span{position: absolute;right: 100%;top: 0;bottom: 0;margin: auto;color: var(--colorBlack);display: flex;width: 116px;display: flex;font-size: 1.125rem;text-transform: capitalize;transition: 1s;opacity: 0;transform: translateX(20px);visibility: hidden;line-height: 1;text-align: revert;justify-content: flex-end;}
.vertical-nav-ul-a > li:hover span {opacity: 1; visibility: visible; transform: translateX(-8px);}
.vertical-nav-ul-a > li:not(:last-child){margin-bottom: 1.5rem;}
.vertical-nav-ul-a > li span {background-color: var(--colorWhite); padding: 1rem 1rem; line-height: 0; border-radius: 25px 0 0 25px; width: auto;}
.vertical-nav-ul-a > li:nth-child(2) span {min-width: 115px;}

img.best-img {
    position: absolute;
    width: 100px !important;
    left: -16px;
    top: 2px;
}
.pricing-sec .owl-carousel .item {
    padding-left: 15px;
}

@media screen and (max-width: 1680px) {
  .vertical-nav-ul-a > li > a::after {width: 10px; height: 10px;}
  .vertical-nav-ul-a > li:not(:last-child) {margin-bottom: 1rem;}
  .vertical-nav-a {height: 260px; width: 25px;}
  .mainbox {
    transform: scale(0.75) !important;
    }

}

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


  /* service hero section responsive css  */

  span.light-text {
    font-weight: 400;
    font-size: 50px;
  }

  div#service-hero-section h1 {
    font-size: 60px !important;
    line-height: 67px;
  }

  div#discount-circle h2 {
    font-size: 40px !important;
    line-height: 47px !important;
  }

  div#discount-circle {
    width: 150px;
    height: 150px;
    padding: 15px;
    right: -40px;
    top: -60px;
  }

  div#service-hero-section {
    padding-left: 5%;
    padding-right: 5%;
  }
}

@media screen and (max-width: 1366px) {
  /* service hero section styling  */
  div#service-hero-section {
    padding-left: 6% !important;
    padding-right: 8% !important;
  }
  .vertical-nav-ul-a > li > a::after {width: 10px; height: 10px;}
  .vertical-nav-ul-a > li:not(:last-child) {margin-bottom: 0.5rem;}
  .vertical-nav-a {height: 225px; width: 25px;}

}

@media screen and (max-width: 1280px) {
  .tab ul.nav.nav-tabs.justify-content-between li {
    margin-right: 20px !important;
  }

  .tab ul.nav.nav-tabs.justify-content-between {
    justify-content: center !important;
  }

  ul.nav.nav-tabs li a, ul.nav.nav-tabs li a.active {
    padding: 10px 15px !important;
    font-size: 16px !important;
  }

  .tab ul.nav.nav-tabs.justify-content-between li {
    margin-right: 10px !important;
  }

  h1, .h1, h2, .h2 {
    font-size: 30px !important;
    line-height: 40px !important;
  }

  .hero {
    padding-left: 7% !important;
    padding-right: 7% !important;
  }


/* services hero section responsive css */


  span.light-text {
    font-weight: 400;
    font-size: 40px;
  }

  div#service-hero-section h1 {
    font-size: 53px !important;
    line-height: 58px !important;
  }

  div#service-hero-section.hero .col-lg-8 h2 {
    font-family: poppins;
    font-size: 20px;
    line-height: 30px;
    font-size: 20px !important;
    font-weight: 400;
  }

  #service-hero-section ul li p, ul li span {
    font-size: 16px !important;
  }

  div#discount-circle {
    width: 129px;
    height: 130px;
    padding: 15px;
    right: -45px;
    top: -36px;
  }

  div#service-hero-section.hero .discount-circle h2 {
    font-size: 90px !important;
  }

  .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a img {
    padding-right: 5px !important;
    width: 36px !important;
  }

  ul.dropdown.arrow-top li a {
    font-size: 13px;
  }

  .site-navbar .site-navigation .site-menu .has-children .dropdown > li {
    min-width: 250px;
  }
}


@media only screen and (min-width: 768px) and (max-width: 1199px)  {
    
li.order-btn-sec {
    margin-bottom: 35px;
}
}
@media screen and (max-width: 1024px) {
  .nectar-button {
    padding: 10px 30px;
    font-size: 14px !important;
    background-image: -webkit-linear-gradient( 0deg , rgb(214,7,30) 0%, rgb(97,7,26) 100%);
    position: relative !important;
    border-radius: 60px;
    font-weight: 600;
    margin-bottom: 45px;
    font-family: poppins;
    display: inline-block;
  }

  h1, .h1 {
    font-size: 30px;
    line-height: 40px !important;
  }

  .hero h2, .hero .h2 {
    font-size: 20px !important;
    line-height: 30px !important;
  }

  ul li p, ul li span {
    font-size: 16px !important;
    font-family: poppins !important;
    font-weight: 400 !important;
  }

  .banner_form h4 {
    font-size: 20px !important;
  }

  .hero {
    padding-top: 11%;
    padding-bottom: 11%;
  }

  ul.keyfeatures-ul li .key-feature-box {
    padding-left: 3px;
    padding-right: 3px;
  }

  ul.nav.nav-tabs-port li a.active {
    padding: 14px 23px;
  }

  span.plan-price>span {
    color: #BD1E2C;
    font-size: 13px !important;
  }

  .dthd {
    font-size: 13px !important;
  }

  .plan-price {
    font-size: 13px !important;
  }

  #keyfeatures .text-center {
    padding-bottom: 50px;
  }

  h3, .h3 {
    font-size: 30px !important;
  }

  ul#footer-menu-items {
    display: flex;
  }

  ul.footer_icons.mt-5.mb-5.pb-5 li img {
    padding-top: 15px;
  }

  .footerTop:before, .footerTop:after {
    display: none;
  }

  .logo-hdbox h4 {
    font-size: 19px !important;
  }
}

@media screen and (max-width: 991px) {
  footer#main-footer {
    padding-top: 10%;
    background-size: cover !important;
  }

  ul.keyfeatures-ul li .key-feature-box {
    border-right: 0px !important;
  }

  ul.keyfeatures-ul {
    justify-content: center;
  }

  ul.keyfeatures-ul li {
    flex: 0 0 33%;
    list-style: none;
  }

  .hero .wpb_text_column.wpb_content_element {
    margin-bottom: 30px;
  }

  .tab ul.nav.nav-tabs.justify-content-between {
    justify-content: left !important;
  }

  div#Section1 .col-lg-7 {
    margin-bottom: 30px !important;
  }

  .hero {
    padding-top: 13%;
    padding-bottom: 13%;
  }

  .tab ul.nav {
    display: block !important;
    text-align: center;
  }

  .tab ul li a {
    width: 100%;
  }

  /* #tab-section > ul li {
    margin-bottom: 80px;
  } */

  #tab-target {
    display: block;
  }

  .faq-heading button {
    font-size: 18px!important;
  }

  #web-service {
    padding-top: 22%;
    padding-bottom: 10%;
    background-image: url(../images/indust-banner.jpg);
    background-position: center center;
    background-size: cover;
  }

  #web-service .img-fluid {
    margin-top: 5%;
  }

  .footerForm {
    padding-top: 0;
  }

  .footer-field.container {
    max-width: 100%;
    padding: 0;
  }

  .footer-field.container form input {
    width: 100%;
  }

  .footerForm p {
    font-family: "raleway";
    color: #000000 !important;
    font-size: 22px;
  }

  ul.keyfeatures-ul li .key-feature-box {
    flex-direction: column;
    /*margin-bottom: 30px;*/
    margin-bottom: 0px;
  }

  /* quality tab styling  */

  ul#quality-tab {
    display: flex !important;
    width: 100%;
    flex-wrap: nowrap !important;
    overflow-x: scroll;
    padding-top: 80px !important;
}

ul#quality-tab li {
  flex: 0 0 33%;
}

.home-third-sec #tab-section > ul::-webkit-scrollbar, ul#tab-links::-webkit-scrollbar {
  width: 3px;
  background: #e1cdd1;
  height: 5px !important;
}

.home-third-sec #tab-section > ul::-webkit-scrollbar-thumb, ul#tab-links::-webkit-scrollbar-thumb {
  background: #BD1E2C;
}

.home-third-sec #tab-section > ul::-webkit-scrollbar-thumb:hover, ul#tab-links::-webkit-thumb:hover {
  background: #000000;
}



#tab-section ul li a.active::after {
  display: none !important;
}


/* portfolio section :horizontal scroll styling  */


ul#tab-links {
  display: flex !important;
  width: 100% !important;
  flex-wrap: nowrap !important;
  overflow-x: scroll;
}

}

@media screen and (max-width: 800px) {
  .hero {
    padding-top: 17%;
    padding-bottom: 15%;
  }

  .copyright.mt-5 .justify-content-between {
    justify-content: center !important;
  }
}

@media screen and (max-width: 768px) {
  ul.portfolio-logoarea li {
    flex: 0 0 100%;
    list-style: none;
    padding: 10px;
    overflow: hidden;
  }

  .third-sec {
    background-color: #212121;
    background-image: none !important;
    padding-right: 0 !important;
  }

  ul.menu-services-1 li {
    flex: 0 0 100%;
  }

  ul.keyfeatures-ul li {
    flex: 0 0 100%;
    list-style: none;
  }

  #main-footer {
    padding-top: 13%;
    text-align: center;
  }

  #main-footer p {
    text-align: center !important;
  }

  .menu-services-1 li::before, #menu-services-2 li::before {
    display: none;
  }

  .seven-sec {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important;
  }

  #packages-section {
    padding-top: 24%;
    padding-bottom: 15%;
    /*background-image: url(../images/indust-banner.jpg);*/
    /*background-position: center center;*/
    /*background-size: cover;*/
  }

  img.img-fluid.normal-logo, img.img-fluid.dark-logo {
    width: 95px;
  }
}

@media screen and (max-width:767px) {
  .vertical-nav-a{display: none;}

}
@media screen and (max-width: 690px) {
  .hero {
    padding-top: 28% !important;
    padding-bottom: 7% !important;
    padding-left: 7% !important;
    padding-right: 7% !important;
  }

  .testi_image {
    position: relative;
    left: 0;
  }

  .testimonail .card {
    text-align: center !important;
  }

  .testimonail .card img {
    margin-top: 10px !important;
  }

  .testimonail .card .card-body {
    padding-right: 0 !important;
    margin-right: 0 !important;
    margin-top: 20px;
  }

  p, .p {
    font-size: 16px;
    font-family: poppins;
    font-weight: 400;
    color: #555555;
  }

  .hero .nectar-button-about {
    padding: 6px 26px 6px 26px;
    font-size: 15px !important;
  }

  .header {
    padding-left: 5%;
    padding-right: 5%;
  }

  ul.ticklist.flex-wrap.d-flex.mt-1.pl-0 {
    display: block !important;
  }


  ul#quality-tab li {
    flex: 0 0 50% !important;
  }
  ul.social_icons {
    margin: 0 auto;
    padding: 15px 0;
  }

}

@media screen and (max-width: 480px) {
  .hero {
    padding-top: 33%;
    padding-bottom: 20%;
  }

  header.site-navbar.js-sticky-header .row {
    flex-wrap: nowrap !important;
    padding-left: 15px;
    padding-right: 15px;
  }

  h2, .h2 {
    font-size: 25px;
    line-height: 35px !important;
  }

  .nectar-button {
    padding: 10px 20px;
    font-size: 16px !important;
    background-image: -webkit-linear-gradient( 0deg , rgb(214,7,30) 0%, rgb(97,7,26) 100%);
    position: relative !important;
    border-radius: 60px;
    font-weight: 600;
    font-family: poppins;
    display: inline-block;
  }

  .third-sec .d-flex.justify-content-center.pb-5.mt-5 {
    padding-bottom: 0 !important;
  }

  ul.footer_icons li {
    margin-bottom: 10px;
  }

  h3, .h3 {
    font-size: 20px !important;
    line-height: 30px !important;
  }

  /* #packages-section {
    padding-top: 33%;
    padding-bottom: 15%;
    background-image: url(../images/indust-banner.jpg);
    background-position: center center;
    background-size: cover;
  } */

  button.web-sec-btn {
    padding: 10px 6%;
    font-size: 16px;
  }

  #web-service {
    padding-top: 40%;
    padding-bottom: 20%;
  }

  div#discount-circle {
    width: 71px;
    height: 71px;
    padding: 15px;
    right: -13px;
    top: -20px;
  }

  .bann-btn {
    flex-direction: column;
  }

  .bann-btn a {
    margin-bottom: 10px;
  }

  div#service-hero-section h1 {
    font-size: 25px !important;
    line-height: 35px !important;
  }

  span.light-text {
    font-size: 25px;
  }

  ul.bann-btn.d-flex.justify-content-center li {
    margin-right: 0px !important;
  }

  .banner_form {
    margin-top: 30px;
  }

  div#discount-circle h2 {
    font-size: 20px !important;
    line-height: 19px !important;
  }

  ul.customIcons.d-flex img {
    width: 100% !important;
  }

  .banner_form.aos-init.aos-animate h4 span {
    font-size: 20px !important;
  }

    /* hero home btn  */

    .hero .bann-btn {
      flex-direction: row;
  }
  
  
  .hero .bann-btn a.nectar-button {
    padding: 5px 12px !important;
    line-height: 30px;
  }
  
  a.contentButton.nectar-button.mt-1.aos-init.aos-animate {
    margin-bottom: 15px;
    padding: 9px 15px !important;
    font-size: 16px !important;
  }


  .banner_form h4 span {
    font-size: 25px !important;
}


.wpb_text_column.wpb_content_element a.nectar-button.mt-1.btn-border {
  font-size: 14px !important;
  padding: 10px 10px;
}


ul#quality-tab li {
  flex: 0 0 50%;
}

}

@media screen and (max-width: 414px) {
  h1, .h1 {
    font-size: 20px;
    line-height: 40px !important;
  }

  .nectar-button {
    padding: 10px 10px;
    font-size: 14px !important;
    background-image: -webkit-linear-gradient( 0deg , rgb(214,7,30) 0%, rgb(97,7,26) 100%);
    position: relative !important;
    border-radius: 60px;
    font-weight: 600;
    font-family: poppins;
    display: inline-block;
  }

  .hero h2, .hero .h2 {
    font-size: 16px !important;
    line-height: 26px !important;
  }

  ul li p, ul li span {
    font-size: 14px !important;
    font-family: poppins !important;
    font-weight: 400 !important;
  }

  h2, .h2 {
    font-size: 25px;
    line-height: 35px !important;
  }

  .brandbox.box1 .order-chat ul li.order-btn-sec a {
    padding: 10px 15px;
    font-size: 16px !important;
    font-weight: 800;
  }

  .brandbox.box1 .order-chat ul li.live-chat button {
    font-size: 16px !important;
  }

  #main-footer a {
    font-size: 17px !important;
  }

  ul#quality-tab li {
    flex: 0 0 100% !important;
  }

}

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

@media screen and (max-width: 360px) {
  .brandbox.box1 .order-chat ul li.order-btn-sec a {
    padding: 10px 10px;
    font-size: 16px !important;
    font-weight: 800;
  }

  .brandbox.box1 .order-chat ul li.live-chat button {
    font-size: 16px !important;
  }
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
  span.light-text {
    font-size: 40px;
  }

  div#service-hero-section h1 {
    font-size: 40px !important;
    line-height: 50px !important;
  }

  .hero h2 {
    margin-top: 10px !important;
  }

  #service-hero-section ul li p,
    ul li span {
    font-size: 16px !important;
    font-weight: 400 !important;
  }

  #service-hero-section a.nectar-button,
    a.nectar-button.call-btn {
    padding: 10px 23px;
    text-transform: uppercase;
  }

  div#discount-circle {
    width: 100px;
    height: 100px;
    box-shadow: 2px 3px 0px 0px #bf2030;
    top: -50px;
    right: -30px;
  }

  div#discount-circle h2 {
    font-size: 32px !important;
    line-height: 32px !important;
  }

  .footerForm p {
    font-size: 18px;
  }

  .footerTop:before {
    background-size: 60%;
  }

  .footerTop:after {
  /* background-size: 60%; */
  /* right: -145px; */
    width: 16%;
  }
}

@media only screen and (min-width:1200px) and (max-width:1399.98px) {
  /* .site-navbar {
        overflow: hidden;
  } */

  .footerForm p {
    font-size: 16px;
  }

  .footerTop:before {
    background-size: 50%;
  }

  .footerTop:after {
  /* background-size: 60%; */
  /* right: -145px; */
    width: 14%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px)  {
.customCounterContainer .col-lg-3:nth-last-child(3) .counter {
    border-right: 0;
}
}


@media only screen and (min-width: 992px)  {
    ul#keyfeatures{
        display:none;
    }
}

@media only screen and (max-width: 991px)  {
    #keyFeaturesDesktop{
        display:none !important;
    }
}

@media only screen and (max-width: 767px)  {
    
    .customCounterContainer .counter {
    border-right: 0;
    border-bottom: 1px solid #ccc;
}

.customCounterContainer .col-lg-3:last-child .counter {
    border-bottom: 0;
}

}
p.best-se-a {
    color: #fff !important;
    background-color: #bd1e2c !important;
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.5 !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    border-radius: 15px 15px 0 0;
}
p.best-se-a i{font-size:75%;}
p.add-on-a {
    color: #fff !important;
    font-weight: bold;
    font-size: 1rem;
}
@media screen and (max-width:767px){.res-txt-a{width:100%;} .gap-1-a{gap:1rem;}}

.tab-a > ul {
    background: #f5f5f5 !important;
    border-radius: 12px;
}
.tab-col-a {
    padding-bottom: 3rem;
}
.tab-col-a > div {
    background: #f5f5f5;
    padding: 1.35rem;
    border-radius: 8px;height: 100%;
}
.tab-col-a > div ul {
    margin-left: 0;
    list-style:none;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 0;
}
.tab-col-a > div ul a{
    color:#000;font-weight: 600;
}
.tab-col-a > div ul >li {
    padding: 1rem 0;
    border-bottom: 1px solid #00000050;
}
.h3-a {
    font-size: 1.5rem;
    line-height: 1.25;
    margin-bottom: 1rem;
}
.p-a {
    font-size: 1rem;
    line-height: 1.5;
}

.img-a {
    margin-bottom: 1.35rem;
}
.remove-dis-tag-a #discount-circle{
    display:none !important;
}


/* Custom Software Development */
.software-tabs-horizental {
  background: #212121 !important;
  padding: 5rem 0;
}
.software-tabs-horizental h2 {
  text-align: center;
}
.software-tabs-horizental h2 span {
  color: #bd1e2c;
}
.software-tabs-horizental p:first-child {
  text-align: center;
}
.software-tabs-horizental .nav-tabs .nav-link {
  width: 48%;
}
.software-tabs-horizental img {
  width: 50px;
  filter: brightness(0) invert(1);
}
.software-tabs-horizental h3 {
  color: #ffffff !important;
  padding: 1.5rem 0;
}
.software-tabs-horizental p {
  color: #ffffff !important;
}
.our-advantage {
  padding: 5rem 0;
}
.our-advantage h2 {
  text-align: center;
  padding-bottom: 30px;
}
.our-advantage h2 span {
  color: #bd1e2c;
}
.our-advantage .advantage-box {
  padding: 2rem;
}
.advantage-box:hover {
  border-style: solid;
  border-width: 10px 0px 0px 0px;
  border-color: #bd1e2c;
  box-shadow: 0px 0px 10px 0px #D3D3D3;
  border-radius: 20px 20px 20px 20px;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.our-advantage svg {
    width: 60px;
    height: 60px;
    padding-bottom: 15px;
}
.our-advantage h3 {
  font-size: 25px;
  line-height: 35px;
  font-weight: 400;
}

.operating-models {
  background: #212121 !important;
  padding: 5rem 0;
  color: #ffffff;
}

.operating-models h2 {
  text-align: center;
  padding-bottom: 30px;
}
.operating-models h2 span {
  color: #bd1e2c;
}
.operating-models h3 {
  color: #ffffff;
  font-size: 30px;
  line-height: 40px;
}
.operating-models p {
  color: #ffffff !important;
}
.software-cta {
  background: #BD1E2C;
  padding: 5rem 0;
  color: #ffffff;
  text-align: center;
}
.software-cta h2 {
  font-size: 55px;
  line-height: 65px;
  font-weight: 700;
  padding-bottom: 50px;
}
.software-cta p {
  color: #ffffff !important;
}

.blockchain-tools {
    display: flex;
}
.blockchain-tools ul {
  margin-left: 0px;
  margin: 30px auto;
  mragin-bottom: 0;
  padding: 0 2px;
  display: flex;
  flex-wrap: wrap;
}
.blockchain-tools li {
    list-style: none;
    margin: 0 0 30px 0;
    text-align: center;
    width: 20%;
}
.blockchain-t-logo {
    background-color: #ffffff;
    padding: 14px 20px;
    height: 100px;
    line-height: 66px;
    /* width: 200px; */
    margin-bottom: 10px;
    border: 1px solid lightgrey;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: -1px;
}
.blockchain-t-logo.h60 img {
    height: 60px;
}
.tools-section .blockchain-t-logo.w150 img {
    width: 150px;
}
.tools-section .blockchain-t-logo.w120 img {
    width: 120px;
}
.blockchain-t-logo img {
    max-height: 80px;
    height: auto;
    width: auto;
    max-width: 90%;
}
.featured-industries {
  background: #212121;
  padding: 5rem 0;
  color: #ffffff;
}
.featured-industries h2 {
  text-align: center;
  padding-bottom: 50px;
}
.featured-industries h2 span {
  color: #bd1e2c;
}
.fetured-ind-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0px;
}
.fetured-ind-list-item {
    width: 33.333%;
    margin-bottom: 30px;
}
.featured-ind-card {
    display: flex;
    align-items: center;
    background: #f5f6f8;
    background: #fff;
    margin-right: 30px;
    padding: 20px 30px;
    border-radius: 46px;
    height: 75px;
    border: 1px solid #E5E5E5;
}
.featured-ind-card span {
    min-width: 66px;
    display: inline-block;
    text-align: center;
}
.featured-ind-card img {
    margin-right: 10px;
}
.featured-ind-card a {
    font-size: 23px;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: 0.29px;
    color: #000;
}

.divider {
  padding: 4rem 0;
}