.form-check-input:checked {
      background-color: #000 !important;
      border-color: #000 !important;
    } 
    .btn-outline-light-4 {
      border-radius: 5px;
      font-size: 20px;
      background-color: #fff;
      border: 1px solid black;
      color: #393836;
    }

    .btn-outline-light-4:hover {
      font-size: 20px;
      background-color: #189bf3;
      color: #fff;
    }

    .btn-outline-light-5 {
      border-radius: 5px;
      font-size: 20px;
      background-color: #fff;
      border: 1px solid black;
      color: #393836;
    }

    .btn-outline-light-4:hover {
      font-size: 20px !important;
      border: 1px solid #189bf3 !important;
      background-color: #189bf3 !important;
      color: #fff !important;
    }


    .btn-outline-light-5:hover {
      font-size: 20px;
      border: 1px solid #d13786 !important;
      background-color: #d13786 !important;
      color: #fff;
    }

    .btn-outline-light-6:hover {
      font-size: 20px !important;
      border: 1px solid #29b374 !important;
      background-color: #29b374 !important;
      color: #fff !important;
    }

    .bottom-color.two::after {
      background-color: #d13786 !important;
    }

    .bottom-color.three::after {
      background-color: #29b374 !important;
    }



    .btn-outline-light-6 {
      border-radius: 5px;
      font-size: 20px;
      background-color: #fff;
      border: 1px solid black;
      color: #393836;
    }

    .btn-outline-light-6:hover {
      font-size: 20px;
      border: 1px solid #29b374;
      background-color: #29b374;
      color: #fff;
    } 
    .pricing_list li {
      padding-left: 35px;
    }

    .pricing_list li::before {
      content: '' !important;
      color: #000;
      width: 24px;
      height: 24px;
      top: 5px !important;
      background: url(/assets/images/check-mark.png) no-repeat left top;
    }

    .pricing_list li.no::before {
      background: url(/assets/images/check-mark-no.png) no-repeat left top;
    }
    .process_box-1 {
      background-color: #ffffff;
      padding: 30px;
      text-align: left;
      border: 1px solid #dfdfdf;
      /* background-color: #f8f8f8; */
      min-height: 100%;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }

    .process_box-1:hover {
      -webkit-box-shadow: 0px 25px 50px 0px rgba(33, 30, 30, 0.2);
      box-shadow: 0px 25px 50px 0px rgba(33, 30, 30, 0.2);
    }

    .process_box-1 img {
      margin-bottom: 34px;
      height: 70px;
      width: 100px;
    }

    .process_box-1 .item-content .item-title {
      margin-bottom: 15px;
      font-size: 21px;
    }

    .process_box-1 .item-content .item-title a {
      color: #111111;
      font-weight: 600;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }

    .process_box-1 .item-content .item-title a:hover {
      color: #111;
    }
 

    .high-content .title {
      font-size: 60px;
      font-weight: 500;
      padding-bottom: 27px;
    }

    .high-content p {
      font-size: 20px;
      line-height: 40px;
    }

    .experience-item-2 {
      box-shadow: 0px 16px 32px 0px rgba(22, 85, 197, 0.1);
      border: 1px solid #aeaeae;
      padding: 15px 30px 0px 30px;
      border-radius: 10px;
      min-height: 100%;
      justify-content: center;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s;
    }

    .experience-item-2 i {
      font-size: 40px;
      color: #4783f7;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s;
    }

    .experience-item-2:hover {
      background: #02b2fd;
      border: none;

    }

    .experience-item-2:hover,
    .experience-item-2:hover i {
      color: #fff;
    }


    .experience-item {
      box-shadow: 0px 16px 32px 0px rgba(22, 85, 197, 0.1);
      padding: 42px 20px 20px;
      min-height: 100%;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s;
    }

    .experience-item i {
      font-size: 40px;
      color: #4783f7;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s;
    }

    .experience-item:hover {
      background: #02b2fd;
    }

    .experience-item:hover,
    .experience-item:hover i {
      color: #fff;
    }
 
 
    @media only screen and (max-width:1200px) {
      .home_banner {
        padding: 90px 0 60px;
      }

      .banner-caption h1 {
        font-size: 40px;
      }
    }

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

    @media only screen and (max-width:768px) {
      .home_banner {
        padding: 40px 0;
        background-image: url(assets/images/banner/home1-m.jpg)
      }

      .high-content .title {
        font-size: 40px;
      }

      .high-content p {
        font-size: 18px;
        line-height: 30px;
      }
    }

    @media only screen and (max-width:479px) {
      .high-content .title {
        font-size: 30px;
      }

      .high-content p {
        font-size: 17px;
        line-height: 25px;
      }
    }

    .justify-content-center {
      justify-content: center !important;
    }

    /* .btn-outline-light {
      background-color: #ffff00;
      color: #393836;
    } */

    .pricing_table {
      border-radius: 15px !important;
    }

    .pr-title {
      font-size: 16px;
      font-weight: 700;
    }

    .amount {
      font-size: 32px;
      font-weight: 700;
    }
    .start {
      font-size: 18px;
      line-height: 30px;
    }

    .btn-primary {
      background: #4783f7 !important;
      color: #fff;
    }


    .btn-outline-light {
      border-radius: 5px;
      font-size: 20px;
      background-color: #189bf3;
      color: #fff;
    }

    .btn-outline-light:hover {
      font-size: 20px;
      background-color: #000;
      color: #fff;
    }

    .btn-outline-light-4 {
      border-radius: 5px;
      font-size: 20px;
      background-color: #fff;
      border: 1px solid black;
      color: #393836;
    }

    .btn-outline-light-4:hover {
      font-size: 20px;
      background-color: #189bf3;
      color: #fff;
    }

    .btn-outline-light-5:hover {
      font-size: 20px;
      border: 1px solid #d13786;
      background-color: #d13786;
      color: #fff;
    }

    .btn-outline-light-6:hover {
      font-size: 20px;
      border: 1px solid #29b374;
      background-color: #29b374;
      color: #fff;
    }

    .btn-outline-light-5 {
      border-radius: 5px;
      font-size: 20px;
      background-color: #fff;
      border: 1px solid black;
      color: #393836;
    }



    .btn-outline-light-6 {
      border-radius: 5px;
      font-size: 20px;
      background-color: #fff;
      border: 1px solid black;
      color: #393836;
    }


    .ribbon {
      position: absolute;
      right: -5px;
      top: -5px;
      z-index: 1;
      overflow: hidden;
      width: 100px;
      height: 100px;
      text-align: right;
    }

    .blue span,
    .btn.btn-blue,
    .btn.btn-blue:hover {
      background: #189bf3;
    }

    .purple span,
    .btn.btn-purple,
    .btn.btn-purple:hover {
      background: #8051d3;
    }


    .ribbon span {
      font-size: 14px;
      color: #fff;
      text-transform: uppercase;
      text-align: center;
      line-height: 22px;
      transform: rotate(45deg);
      display: block;
      background: #29b374;
      box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
      position: absolute;
      width: 130px;
      top: 30px;
      right: -24px;
    }

    #user-login .ribbon {
      left: -5px;
      right: auto;
    }

    #user-login .ribbon span {
      transform: rotate(-45deg);
      left: -24px;
      right: auto;
    }

    .blue span,
    .btn.btn-blue,
    .btn.btn-blue:hover {
      background: #189bf3;
    }

    .red span,
    .btn.btn-red,
    .btn.btn-red:hover {
      background: #d13786;
    }

    .blue span::before {
      border-left-color: #189bf3;
      border-top-color: #189bf3;
    }

    .ribbon span {
      font-size: 16px;
      color: #fff;
      text-transform: capitalize;
      text-align: center;
      line-height: 22px;
    }

    .website {
      position: relative;
      top: 0px;
      margin-top: -59px;
      bottom: 120px;
      z-index: -999px;
    }

    .home_banner::after {
      z-index: 0 !important;
    }

    .bottom-color {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%;
    }

    .bottom-color::after {
      content: "";
      position: absolute;
      bottom: 0px;
      left: 238px;
      width: 147px;
      height: 4px;
      background-color: #189bf3;
      border-radius: 0 0 0 5px;
    }

    .bottom-color.two::after {
      background-color: #d13786;
    }

    .bottom-color.three::after {
      background-color: #29b374;
    }
  
    @media (max-width: 768px) {

      .bottom-color::after {
        content: "";
        position: absolute;
        bottom: 0px;
        left: 172px;
        width: 147px;
        height: 4px;
        background-color: #189bf3;
        border-radius: 0 0 0 5px;
      } 
    }
 

    .all-include {
      position: absolute;
      right: 22px;
      top: 9px;
      z-index: 1;
      overflow: hidden;
      width: 100px;
      height: 100px;
      text-align: right;
    }


    .all-include span {
      font-size: 16px;
      color: #9d9d9d;
      text-transform: none;
      text-align: center;
      line-height: 22px;
      transform: rotate(45deg);
      display: block;
      position: absolute;
      width: 130px;
      top: 30px;
      right: -24px;
    }

    .pricing_list li {
      padding-left: 35px;
    }

    .pricing-addon-list {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .pricing-addon-list li {
      margin-bottom: 12px;
    }

    .pricing-addon-list li label {
      display: flex;
      align-items: center;
      gap: 8px;
      height: 24px;
      padding: 10px 14px;
      cursor: pointer;
      transition: all 0.3s ease;
      font-size: 15px;
    }

    .pricing-addon-list input[type="checkbox"] {
      width: 18px;
      height: 18px;
      accent-color: #007bff;
    }


    .pr-title {
      font-size: 18px !important;
      font-weight: 700;
    }

    .options {
      font-weight: 100;
    }

    .home_banner {
      background-image: url('/assets/images/banner/home1.jpg');
    }

    @media (max-width: 768px) {
      .home_banner {
        background: transparent;
      }

      .home_banner::after {
        display: none;
      }

      .bg_common {
        background-image: url('/assets/images/banner/home1.jpg');
        padding-bottom: 3rem;
      }

      .bg_common::after {
        position: absolute;
        content: "";
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.8);
        right: 0;
        top: 0;
        z-index: 1;
      }

      .website {
        z-index: 2;
        padding-top: 3rem;
      }

      .coverd-set {
        padding-left: 10px !important;
        margin-top: 50px;
      }

      .coverd-set ul {
        margin-left: 0 !important;
      }

      .seo-call-btn a {
        margin-right: 0 !important;
        margin-bottom: 20px;
      }
    }

    .total.animate {
      transform: scale(1.1);
      transition: 0.2s ease;
    }

    .form-bg {
      background-color: #f2f3f8;
      border-radius: var(--bs-modal-border-radius) 0 0 var(--bs-modal-border-radius);
    }

    @media (max-width: 991.98px) {
      .form-bg {
        border-radius: var(--bs-modal-border-radius) var(--bs-modal-border-radius) 0 0;
      }
    }

    .iti--separate-dial-code .iti__selected-flag {
      background-color: unset
    }

    .iti--allow-dropdown {
      width: 100%;
    }

    .iti .iti__selected-dial-code {
      color: #645f5f !important;
      margin-left: 4px;
    }

    .iti--separate-dial-code .iti__selected-flag {
      background-color: unset
    }

    .intl-phone {
      padding-left: 94px !important;
    }

    .iti__country-container {
      position: absolute;
      top: 0;
      bottom: 0;
      padding-left: 10px !important;
    }

    .advance_pay {
      list-style: none;
      padding-left: 0;
    }

    .pricing_footer {
      margin-top: auto;
    }

    .our_process {
      list-style: none;
      padding-left: 0;
      font-size: 20px;
      margin-top: 15px;
    }

    .our_process li {
      position: relative;
      padding-left: 28px;
      margin-bottom: 10px;
      color: #444;
    }

    .our_process li::before {
      content: "➜";
      position: absolute;
      left: 0;
      top: 0;
      color: #29b374;
      font-weight: bold;
    }

    .kart-img {
      position: absolute;
      right: -52px;
      bottom: -64px;
      z-index: 9;
    }

    .kart-img img {
      width: 200px;
    }

    @media (max-width: 576px) {
      .kart-img {
        position: absolute;
        right: -21px;
        top: 700px;
        z-index: 9;
      }

      .kart-img img {
        max-width: 222px;
      }
    }

    @media (max-width: 768px) {
      .kart-img {
        position: absolute;
        right: -37px;
        top: 606px;
        z-index: 9;
      }
    }

    @media (max-width: 420px) {
      .kart-img {
        position: absolute;
        right: -17px;
        top: 687px;
        z-index: 9;
      }

      .kart-img img {
        max-width: 222px;
      }
    }

    @media (max-width: 360px) {
      .kart-img {
        position: absolute;
        right: -15px;
        top: 858px;
        z-index: 9;
      }

      .kart-img img {
        max-width: 180px;
      }
    }

    .bottom-color-2 {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%;
    }

    .bottom-color-2::after {
      content: "";
      position: absolute;
      bottom: 0px;
      left: 40px;
      width: 147px;
      height: 4px;
      background-color: #5fb77e;
      border-radius: 0 0 0 5px;
    }

    .ecommerce {
      border: 1px solid #ddd;
    }

    .btn-outline-light-7 {
      border-radius: 5px;
      font-size: 20px;
      background-color: #fff;
      border: 1px solid black;
      color: #393836;
    }

    .btn-outline-light-7:hover {
      font-size: 20px;
      border: 1px solid #f88d13ff;
      background-color: #f88d13ff;
      color: #fff;
    }

    .pr-title {
      font-size: 20px;
      font-weight: 700;
    }

    .orange span,
    .btn.btn-red,
    .btn.btn-red:hover {
      background: #5fb77e;
    }

    .include-set {
      right: 25px;
      top: 11px;
    }

    .ribbon.green-set {
      right: 11px;
      top: -5px;
    }

    .set-of span {
      background-color: #000;
      color: #fff;
      padding: 2px 8px;
      border-radius: 50%;
      margin-right: 7px;
      font-size: 15px;
      position: relative;
    }

    .coverd-set {
      padding-left: 20px;
    }

    .set-of {
      list-style: none;
    }

    .set-of li {
      padding-bottom: 10px;
    }

    .light-gap {
      padding-bottom: 100px;
    }

    .dark-gap {
      padding: 130px 0;
    }

    .announcement-bar {
      color: #fff;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .announcement-bar__message {
      position: relative;
      height: 40px;
      overflow: hidden;
    }

    .message {
      display: flex;
      flex-direction: column;
      transition: transform 0.6s ease-in-out;
    }

    .announcement-bar .item {
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;      
    }
    .form-floating > label {
      color:rgba(var(--bs-body-color-rgb), 0.4) !important;
    }
    .refresh-captcha{position: absolute; right: 0px; top: -5px; background: none; border: none; cursor: pointer;}