.modal-dialog.modal-dialog-centered {
    max-width: 890px;
  }
  
  
  /* modal popup css  */
  
  .popupform ul li {
    text-align: left;
    position: relative;
    width: 49%;
    margin: 8px 0px;
    display: inline-block;
  }
  
  .popupform ul li input[type="text"],
  .popupform ul li input[type="email"],
  .popupform ul li textarea {
    background: #fafafa;
    border: #dcdcdc 1px solid;
    padding: 10px 10px 10px 34px;
    width: 100%;
    border-radius: 7px;
    font-size: 14px;
    color: #000;
    box-shadow: none !important;
    outline: none 0px !important;
  }
  
  .popupform ul li i {
    position: absolute;
    top: 12px;
    left: 10px;
    color: #0094c0;
  }
  
  .popupform ul li.first,
  .popupform ul li:nth-child(4) {
    width: 100%;
  }
  
  .popupform ul li textarea {
    height: 110px;
  }
  
  .popupform ul li.last {
    text-align: center;
    width: 100%;
    margin: auto 0;
  }
  
  .popupform ul li input[type="submit"] {
    background: linear-gradient(75deg, #007ba8, #00a2ce) !important;
    color: #fff;
    font-size: 20px;
    border: #000c69 1px solid;
    text-transform: uppercase;
    font-weight: 600;
    padding: 14px 50px;
    letter-spacing: 1px;
    border-radius: 3px;
    outline: 0px none;
    width: 100%;
    display: inline-block;
    border: 1px solid transparent;
    /* font-style: italic; */
  }
  
  .popupform ul li input[type="submit"]:hover {
    background: #006f2f;
  }
  
  .popupform ul li input[type="text"]:focus,
  .popupform ul li input[type="email"]:focus,
  .popupform ul li textarea:focus {
    border: #0c8a41 1px solid !important;
  }
  
  .popupform {
    width: 540px;
    border-radius: 23px;
    padding: 26px 0px 0px;
    overflow: visible;
    border-bottom: rgb(0 158 202) 5px solid;
    box-shadow: none;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    background-image: url('../images/popup-bg.webp');
    height: auto;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
    position: relative;
    background-position: top;
    padding: 0px 0px 0px 0px;
    border: 3px solid #ffffff00;
    box-sizing: content-box;
    position: relative;
    border-radius: 14px;
    background-color: rgba(0, 0, 0, .639);
    /* position: fixed; */
    /* top: 0; */
    /* left: 0; */
    /* right: 0; */
    /* margin: auto; */
    /* bottom: 0; */
    z-index: 99999999999;
    border: 0px solid #ffffff;
  }
  
  .popupform h2 {
    font-size: 28px;
    color: #ffffff;
    font-weight: 800;
    padding-left: 15px;
    border-left: rgb(0 161 206) 6px solid;
    margin-bottom: 6px;
    line-height: 35px;
    margin-top: 0;
    text-transform: uppercase;
    /* font-style: italic; */
  }
  
  .popupform h2+p {
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 6px;
    color: white;
    /* font-style: italic; */
  }
  
  .popupform .fancybox-close-small {
    border: rgb(255 153 0 / 80%) 3px solid;
    background: #fff;
    border-radius: 72px;
    text-align: center;
    box-shadow: #000 0 0 10px;
    right: -18px;
    top: -11px;
  }
  
  .popupform .fancybox-close-small:after {
    color: rgb(255 153 0 / 80%);
    font-size: 25px;
    right: 4px;
    background: transparent;
    padding-top: 0;
    font-size: 20px;
  }
  
  input.required.error,
  textarea.required.error,
  select.required.error {
    border-bottom: red 2px solid !important;
    color: red !important;
  }
  
  label.error {
    display: none !important;
  }
  
  .modal-footer a:after {
    content: "x";
    position: absolute;
    top: 3px;
    right: 3px;
    width: 30px;
    height: 30px;
    font: 20px/30px Arial, Helvetica Neue, Helvetica, sans-serif;
    color: #0c8a41;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    background: #fff;
    transition: background .2s;
    box-sizing: border-box;
    z-index: 2;
  }
  
  #ouibounce-modal .modal-footer {
    position: absolute;
    top: -10px;
    right: -8px;
    border: 0px none;
  }
  
  div#btmsticky b {
    color: #fcb314;
    font-size: 24px;
  }
  
  div#btmsticky span {
    display: block;
    color: #fcb314;
    font-size: 29px;
  }
  
  div#btmsticky .content a {
    display: inline-block;
    /* width: 250px; */
    position: relative;
    top: 15px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600 !important;
    border: 0px none;
    cursor: pointer;
    color: #000;
    padding: 18px 6px;
    font-size: 15px;
    margin: 0 0 0 19px;
    border-radius: 2px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear;
    background: #fcb314;
  }
  
  div#btmsticky h2 {
    font-size: 24px;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 600;
    width: 61%;
    color: #f5f5f5;
    margin: 13px 0 0 0;
  }
  
  .btm-sticky {
    position: fixed;
    bottom: -1px;
    display: none;
    left: 0;
    width: 100%;
    background: #2b2b2b;
    padding: 16px 0;
    border-top: #000 2px solid;
    z-index: 4;
  }
  
  .hide {
    opacity: 0;
    left: -100%;
  }
  
  .show {
    opacity: 1;
    left: 0;
  }
  
  .loader {
    text-align: center;
  }
  
  .loader img {
    width: 45px;
  }
  
  .logoImg {
    width: 180px;
  }
  
  
  .form_submissionXtra {
    margin-top: 0 !important;
  }
  
  .min_form_submission {
    text-align: center;
    position: relative;
    margin-top: 100px;
  }
  
  .start-project {
    position: absolute;
    top: -60px;
    left: -12px;
    z-index: 1;
  }
  
  .start-project img {
    width: 250px;
  }
  
  ul.mini-form {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    background-color: #ebebeb75;
    padding: 20px;
    border-radius: 0.25rem;
    width: 100%;
    list-style-type: none;
    box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px, rgb(0 0 0 / 6%) 0px 0px 0px 1px;
    border: 5px solid #ebebeb75;
    flex-wrap: wrap;
    gap: 15px;
  }
  
  ul.mini-form li {
    margin: 0px;
    flex: 0 0 27%;
  }
  
  ul.mini-form input {
    height: 45px;
    border-radius: 0.25rem;
    padding-left: 15px;
    border: none;
    background-color: #e2e2e2;
    width: 100%;
  }
  
  ul.mini-form button {
    background: linear-gradient(-28deg, #00caff 0%, #000c69 60%);
    color: #fff;
    border-radius: 0.25rem;
    padding: 10px 11px;
    font-weight: 600;
    margin-left: 0;
    font-size: 14px;
  }
  
  ul.mini-form li:last-child {
    flex: 0 0 10%;
  }
  
  .numberBrand a {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 17px;
  }
  
  .numberBrand a i {
    margin-top: -3px;
    margin-right: 6px;
  }
  
  @media(max-width: 567px) {
    .logoImg {
      width: 138px;
      object-fit: cover;
      height: auto;
    }
  }
  
  .modal-content .modal-body ul {
    margin-bottom: 0px !important;
    width: 100%;
    padding: 0;
  }
  
  
  .sence-foggy h2 span {
    color: #00a1cd;
  }
  
  .popupform.sec-banner-foam {
    background: white;
    border: 1px solid #d1d1d1;
    box-shadow: 4px 4px 14px #00a1cdb3;
    width: 399px;
  }
  
  .popupform.sec-banner-foam h2 {
    color: black;
    font-weight: 700;
    font-size: 34px;
  }
  
  .popupform.sec-banner-foam p {
    color: black;
    font-weight: 700;
    font-size: 16px;
  }
  
  .popupform.sec-banner-foam .modal-body {
    padding: 0;
  }
  
  .popupform.sec-banner-foam p strong {
      color: #007ca9;
      font-weight: 700;
  }
  
  .modal-content.popupform span.h1 {
    color: white;
    font-weight: 800;
    text-align: center;
    font-size: 52px;
  }
  
  .modal-content.popupform .heading-two {
    line-height: 50px;
    transform: translateX(30px);
    color: #009fcc;
    /* font-style: italic; */
  }
  
  .modal-content.popupform .heading-three {
    line-height: 60px;
    transform: translateX(60px);
    color: white;
    /* font-style: italic; */
  }
  
  img.popleft {
    position: absolute;
    left: -148px;
    bottom: -66px;
  }
  
  .popupform ul li.modal-stetment {
    width: 100%;
    color: white;
    text-align: center;
  }
  
  .popupform ul li.modal-stetment {
    width: 100%;
    color: white;
    text-align: center;
  }
  
  .popupform ul li.modal-stetment p {
    margin: 0;
    color: white;
    font-style: italic;
  }
  
  .heading-one {
    transform: translateX(-30px);
    /* font-style: italic; */
  }
  .alert-success {
      color: #ffffff;
      background-color: #00a2ceb3 !important;
      border-color: #c3e6cb;
  }
  
  div#popupform {
      border: 5px solid #00a1cd;
      border-radius: 12px;
  }
  
  .modal-content.popupform div#popupform {
      padding: 20px;
  }
  
  .popupform button.close {
      width: 40px;
      height: 40px;
      display: block;
      position: absolute;
      top: 12px;
      right: 15px;
      font-size: 28px;
      font-weight: 900;
      color: white;
      padding-top: 0px;
      background-color: #00a1cd;
      text-align: center;
      border-radius: 50px;
      align-items: center;
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 1;
      z-index: 5;
      padding: 0px 0;
  }
  .popupform.sec-banner-foam div#popupform {
      border: 0;
  }
  /* modal popup css  */
  
  @media only screen and (max-width: 1700px) {
  }
  
  @media only screen and (max-width: 1600px) {
  }
  
  @media only screen and (max-width: 1445px) {
  
      .innerWork h4 {
          font-size: 50px;
      }
  
      .innerWork small {
          font-size: 20px;
          padding-top: 10px;
      }
  
      .innerWork .callmain {
          font-size: 40px;
      }
  
      .innerWork {
          padding-top: 50px;
      }
  }
  
  @media only screen and (max-width: 1366px) {
      .container {
          max-width: 1140px;
      }
  
      .seamSec {
          padding: 50px 0px 50px;
      }
  
      .landing-txt h1 {
          font-size: 40px;
          line-height: 50px;
          padding-bottom: 10px;
      }
  
      .landing-txt>span {
          font-size: 16px;
          padding-bottom: 10px;
      }
  
      .landing-txt p {
          font-size: 18px;
          line-height: 30px;
      }
  
      .btn-wrap {
          padding-top: 20px;
      }
  
      .landing-txt strong {
          font-size: 16px;
      }
  
      .landing-txt strong {
          padding-top: 50px;
      }
  
      .inner-dis h4 span {
          font-size: 30px;
      }
  
      .inner-dis h4 {
          font-size: 24px;
          padding: 20px 0px;
      }
  
      .land-formm input.form-control {
          height: 50px;
      }
  
      .discount-form {
          padding-bottom: 7px;
      }
  
      .idea-txt h4 {
          font-size: 40px;
          line-height: 50px;
      }
  
      .idea-txt p {
          font-size: 14px;
      }
  
      .portfolioSec .main-head p {
          font-size: 14px;
          line-height: 25px;
      }
  
      .main-head h2 {
          font-size: 40px;
      }
  
      .portfolioSec .container {
          padding: 50px 50px 50px;
      }
  
      .portfolioSec {
          padding: 80px 0px 80px;
      }
  
      .review-inner p {
          font-size: 20px;
      }
  
      .review-inner span {
          padding-top: 20px;
      }
  
      .review-inner strong {
          padding-top: 20px;
      }
  
      .seam-inner h4 {
          font-size: 20px;
      }
  
      .seam-inner {
          padding: 40px 30px 30px;
      }
  
      .contact-section .main-head {
          max-width: 85%;
          padding-bottom: 30px;
      }
  
      .contact-section .container {
          padding: 50px 30px 20px;
      }
  
      .Seller-inner h2 {
          font-size: 40px;
      }
  
      .Seller-inner p {
          font-size: 22px;
      }
  
      .Seller-inner .seller-cntct {
          font-size: 40px;
          padding-top: 0px;
      }
  }
  
  @media (max-width: 1199.98px) {
      .container {
          max-width: 960px;
      }
  
      .landing-txt h1 {
          font-size: 32px;
          line-height: 40px;
          padding-bottom: 0px;
      }
  
      .landing-txt p {
          font-size: 16px;
          line-height: 27px;
      }
  
      .landing-txt strong {
          padding-top: 30px;
      }
  
      .idea-txt h4 {
          font-size: 34px;
          line-height: 40px;
      }
  
      .idea-txt .btn-wrap {
          padding-top: 10px;
      }
  
      .landing-bann .row {
          align-items: center;
      }
  
      .upbeatIdea {
          padding: 50px 0px 30px;
      }
  
      .innerWork h4 {
          font-size: 40px;
      }
  
      .innerWork small {
          font-size: 18px;
      }
  
      .innerWork small br {
          display: none;
      }
  
      .Work-cta {
          padding-bottom: 40px;
      }
  
      .innerWork .callmain {
          font-size: 34px;
      }
  
      .innerWork a {
          width: 220px;
          height: 60px;
      }
  
      .sd-workcta {
          top: -90px;
      }
  
      .main-head h2 {
          font-size: 32px;
      }
  
      .portfolioSec .main-head p {
          font-size: 14px;
          line-height: 22px;
      }
  
      .portfolioSec .container {
          padding: 30px 30px 30px;
      }
  
      .seam-inner {
          padding: 30px 15px;
      }
  
      .Seam-sec .main-head {
          padding-bottom: 30px;
      }
  
      .Seam-sec {
          padding: 70px 0px;
      }
  
      .contact-section .main-head small {
          font-size: 22px;
      }
  
      .contact-section .main-head {
          max-width: 100%;
      }
  }
  
  @media (max-width: 991.98px) {
      .container {
          max-width: 720px;
      }
  
      .cntct-main {
          display: none;
      }
  
      .brands-slider {
          margin-top: 0px;
          padding-top: 30px;
      }
  
      .landing-bann {
          background: #202028;
          min-height: auto;
          padding-top: 140px;
          padding-bottom: 40px;
      }
  
      .discount-form {
          width: 450px;
          margin: auto;
      }
  
      .landing-txt {
          text-align: center;
          padding-bottom: 30px;
      }
  
      .landing-txt .btn-wrap {
          justify-content: center;
      }
  
      .landing-txt strong {
          justify-content: center;
      }
  
      .upbeatIdea .container {
          padding-bottom: 50px;
      }
  
      .serv-mn {
          padding: 40px 20px 40px;
          min-height: 400px;
      }
  
      .services-sec {
          padding: 50px 0 60px;
      }
  
      .sd-workcta {
          display: none;
      }
  
      .idea-txt {
          padding-right: 0;
          text-align: center;
      }
  
      .idea-txt .btn-wrap {
          justify-content: center;
      }
  
      .innerWork {
          padding-top: 30px;
          text-align: center;
      }
  
      .innerWork .btn-wrap {
          justify-content: center;
      }
  
      .innerWork small {
          font-size: 16px;
          padding: 0;
      }
  
      .innerWork h4 {
          font-size: 30px;
      }
  
      .Work-cta {
          padding-bottom: 30px;
      }
  
      .portfolioSec .main-head {
          max-width: 100%;
          padding-bottom: 20px;
      }
  
      .portfolioSec .container {
          padding: 30px 10px 30px;
      }
  
      .main-head h2 {
          font-size: 28px;
      }
  
      .portfolioSec {
          padding: 50px 0px;
      }
  
      .contact-section .leadform button {
          width: 100%;
      }
  
      .Seller-inner .btn-wrap a {
          font-size: 20px;
          height: 70px;
      }
  
      .head-links ul li .an-btn {
          display: none;
      }
  
      header {
          border-bottom: 1px solid white;
          padding-top: 15px;
      }
  
      .head-links ul li:nth-child(1) a {
          font-size: 16px;
      }
  
      .head-links ul li:nth-child(1) span {
          font-size: 14px;
      }
  
      .landing-txt h1 br {
          display: none;
      }
  
      .review-inner {
          text-align: center;
          padding-top: 20px;
      }
  
      .reviewSec .row {
          padding: 50px 20px;
      }
  
      .review-inner strong {
          justify-content: center;
      }
  
      .review-inner .rev-mn {
          gap: 20px;
          padding-top: 20px;
          justify-content: center;
      }
  
      .Seam-sec {
          padding: 50px 0px;
      }
  
      .Seam-sec .row {
          justify-content: center;
      }
  
      .review-inner p {
          font-size: 18px;
          line-height: inherit;
      }
  
      .review-inner span {
          padding-top: 10px;
          font-size: 16px;
      }
  
      .review-inner strong {
          padding-top: 15px;
          font-size: 16px;
          gap: 2px;
      }
  
      .contact-section .main-head small {
          font-size: 20px;
      }
  
      .Seller-inner h2 {
          font-size: 26px;
      }
  
      .Seller-inner p {
          font-size: 17px;
      }
  
      .Seller-inner .seller-cntct {
          font-size: 32px;
      }
  
      .idea-txt h4 {
          font-size: 30px;
          line-height: inherit;
      }
  
      .brands-slider {
          padding-bottom: 0px;
      }
  }
  
  @media (max-width: 767.98px) {
      .container {
          max-width: 540px;
      }
  
      .head-links ul li:nth-child(1) a {
          font-size: 14px;
      }
  
      .landing-txt h1 {
          font-size: 22px;
          line-height: inherit;
      }
  
      .landing-txt>span {
          font-size: 14px;
          padding-bottom: 0px;
      }
  
      .landing-txt p {
          font-size: 14px;
          line-height: inherit;
      }
  
      .btn-wrap {
          padding-top: 10px;
      }
  
      .landing-txt strong {
          font-size: 14px;
          gap: 3px;
      }
  
      .review-inner p {
          font-size: 16px;
          line-height: inherit;
      }
  
      .review-inner span {
          padding-top: 0px;
          font-size: 14px;
      }
  
      .review-inner strong {
          padding-top: 10px;
          font-size: 14px;
      }
  
      .main-head h2 {
          font-size: 24px;
      }
  
      .portfolioSec .main-head p {
          font-size: 12px;
          line-height: inherit;
      }
  
      .innerWork .callmain {
          font-size: 28px;
      }
  
      .upbeatIdea {
          padding: 30px 0px 30px;
      }
  
      .services-sec {
          padding: 30px 0;
      }
  
      .services-slider .slick-dots {
          bottom: -30px;
      }
  
      .main-head h2 br {
          display: none;
      }
  
      .contact-section .main-head small {
          font-size: 18px;
      }
  
      .Seller-inner h2 {
          font-size: 24px;
      }
  
      .Seller-inner p {
          font-size: 15px;
      }
  
      .Seller-inner .seller-cntct {
          font-size: 28px;
      }
  
      .bestSeller {
          padding: 120px 0 40px;
      }
  
      footer .row {
          justify-content: center;
          text-align: center;
          padding-bottom: 10px;
      }
  
      .social-icons ul {
          justify-content: center;
          padding-top: 20px;
      }
  
      .conditions {
          justify-content: center;
      }
  }
  
  @media (max-width: 575.98px) {
  
      .btn-wrap a {
          width: 100%;
      }
  
      .btn-wrap {
          flex-direction: column;
      }
  
      .idea-txt .btn-wrap a {
          width: 100%;
      }
  
      .Seller-inner .btn-wrap a {
          font-size: 18px;
          width: 100%;
          height: 60px;
      }
  
      .head-links ul li:nth-child(1) a {
          font-size: 12px;
      }
  
      .discount-form {
          width: auto;
          margin: auto;
      }
  
      .inner-dis h4 span {
          font-size: 24px;
      }
  
      .inner-dis h4 {
          font-size: 18px;
          padding: 15px 0px;
      }
  
      .landing-txt strong {
          font-size: 12px;
      }
  
      .landing-bann {
          padding-top: 100px;
          padding-bottom: 40px;
      }
  
      .Seam-sec {
          padding: 30px 0px;
      }
  
      .seam-inner {
          padding: 25px 15px;
          min-height: auto;
      }
  
      .review-inner strong .stars small {
          font-size: 12px;
      }
  
      .review-inner p {
          font-size: 14px;
          line-height: inherit;
      }
  
      .review-inner strong {
          font-size: 12px;
      }
  
      .review-inner strong .stars small {
          display: none;
      }
  
      .innerWork h4 {
          font-size: 24px;
      }
  
      .innerWork small {
          font-size: 14px;
          padding: 0;
      }
  
      .innerWork .callmain {
          font-size: 20px;
      }
  
      .contact-section .main-head small {
          font-size: 14px;
      }
  
      .contact-section .container {
          padding: 30px 10px 20px;
      }
  
      .Seller-inner .seller-cntct {
          font-size: 20px;
      }
  
      .Seller-inner p {
          font-size: 13px;
      }
  
      .idea-txt h4 {
          font-size: 20px;
          line-height: inherit;
      }
  
      .copyright p {
          font-size: 12px;
      }
  }
  
  @media (max-width: 320.98px) {
  }