html {
  scroll-behavior: smooth;
  max-width: 100vw;
  overflow-x: hidden;
}

body {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #1e2125;
  background-color: #fff;
  line-height: 30px;
  max-width: 100%;
  overflow-x: hidden;
}

.mobile-view {
  display: none;
}

#fixedheader {
  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px;
}

#fixedheader.fixed {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background: #fff;
  z-index: 9999 !important;
}

.hero-banner-section {
  background: linear-gradient(0deg, rgba(255, 255, 255, .01), rgba(255, 255, 255, 1) 85%), radial-gradient(ellipse at top left, rgb(255 255 255), transparent 50%), radial-gradient(ellipse at top right, rgb(11 58 90), transparent 50%), radial-gradient(ellipse at center right, rgb(11 36 100), transparent 50%), radial-gradient(ellipse at center left, rgb(49 104 151 / 41%), transparent 50%);
}

.banner-tooltip {
  display: inline-block;
  padding: 7px 15px;
  text-align: center;
  border: 1px solid #0b2464;
  color: #ffffff;
  font-size: 17px;
  font-weight: 500;
  border-top: none;
  border-left: none;
  position: relative;
  background: #0b2464;
}

.banner-tooltip::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #ffffff;
}

.top-hero-heading {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
}

.d-sm-none {
  display: block;
}

html {
  scroll-behavior: smooth
}


.py-7 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.mt-lg-n1 {
  margin-top: -5rem !important;
}

.mt-lg-n2 {
  margin-top: -10rem !important;
}

.mt-lg-n3 {
  margin-top: -15rem !important;
}

.mt-lg-n4 {
  margin-top: -20rem !important;
}

#counter {
  font-size: 2em;
  font-weight: bold;
  color: #b50505;
}

.buy_now_btn:hover.buy_now_btn .buy-slash {
  color: #08680b;
}

.buy-slash {
  font-size: 17px;
  text-decoration: line-through;
  color: #efff00;
}

@media (max-width: 991px) {
  #counter {
    font-size: 20px;
  }
  .custom-row{
    gap: 0px !important;
  }
  .right-listing-menu li .btn_banner{
    font-size: 10px;
    padding: 6px 10px !important;
  }
  .right-listing-menu{
    gap: 5px !important;
    padding-left: 10px;
  }
  .right-listing-menu li .btn_banner svg{
    display: none;
  }
  .right-listing-menu li .btn_banner .buy-slash{
    font-size: 10px;
  }
  .right-listing-menu li:nth-child(1) {
    display: none;
  }

  .tab_listing_product .p_tablist {
    padding: 4px 10px;
    font-size: 12px;
    white-space: nowrap;
  }
  .tab_listing_product {
    flex-wrap: wrap;
    justify-content: center;
}

  .offer-heading {
    font-size: 26px;
  }

  .btn_banner {
    margin-top: 10px;
  }

  .py-7 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .contact_title h2 {
    font-size: 30px !important;
  }

  .contact_card_info {
    margin-top: 20px !important;
  }

  .solute-img {
    bottom: auto !important;
    left: auto !important;
    top: 10px !important;
    right: 11px !important;
  }

  .about-bnner-cont h1 {
    font-size: 26px !important;
    line-height: 1em !important;
    margin-bottom: 20px !important;
  }

  .section_heading {
    background-image: none !important;
  }

  .about-bnner-cont p {
    font-size: 15px !important;
    font-weight: 400 !important;
    margin-top: 0px;
    line-height: 1.2 !important;
  }

  .heading-product {
    font-size: 2rem !important;
  }

  .mob-logo {
    margin-top: 10px;
  }

  .counter-section {
    background-image: none !important;
  }

  .top-hero-heading {
    font-size: 2rem !important;
  }

  .text {
    font-size: 2rem !important;
  }

  .blink-animation {
    height: 30px !important;
  }

  .mt-lg-n1,
  .mt-lg-n2,
  .mt-lg-n3,
  .mt-lg-n4 {
    margin-top: 0rem !important;
  }
}

.text-main {
  color: #0b2464;
}

.initial-caps {
  text-transform: capitalize;
}

.radius-15 {
  border-radius: 15px;
}

.why-choose-section_para {
  color: #28458d;
  font-weight: 400;
}

.list-circle-brown li {
  list-style: none;
  position: relative;
  color: #585858;
  font-weight: 400;
}

.list-circle-brown li::before {
  content: "";
  position: absolute;
  top: 4px;
  left: -35px;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background-image: url(../img/tick.png);
  background-position: center;
  background-repeat: no-repeat;

}

.section_heading {
  position: relative;
  background-color: #f5f5f5;
  background-image: linear-gradient(90deg, #022140 25%, #f5f5f5 25%);
}

.section-img {
  background-image: url(../img/rect1.png);
  background-repeat: repeat;
}

.heading-product {
  font-size: 3rem;
  font-weight: 700;
  color: #0b2464;
}

.home_product_box {
  display: flex;
  margin: 25px 2px;
  background-color: #fff;
  box-shadow: 0 0 15px #27507859;
  padding: 30px 25px;
  border-radius: 6px;
  transition: all .2s;
}

.home_product_box .home_product_box_l svg {
  width: 50px;
  margin-right: 18px;
  fill: #022140;
  transition: all .2s;
}

.home_product_box_r h3 {
  font-weight: 700;
}

.home_product_box_r p {
  line-height: 1.3;
  font-weight: 400;
}

.ubtn {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: #0b2464;
}

.ubtn svg {
  width: 20px;
  fill: #0b2464;
}

.btn {
  border-radius: 6px;
  padding: 10px 30px;
  transition: 0.4s;
  font-weight: 600;
}

.cleint-section {
  background: linear-gradient(90deg, rgba(255, 255, 255, .01), rgba(255, 255, 255, 1) 85%), radial-gradient(ellipse at top left, rgb(255 255 255), transparent 50%), radial-gradient(ellipse at top right, rgb(11 58 90), transparent 50%), radial-gradient(ellipse at center right, rgb(11 36 100), transparent 50%), radial-gradient(ellipse at center left, rgb(49 104 151 / 41%), transparent 50%);
}

.f17 {
  font-size: 17px;
}

p.f17 {
  font-weight: 400;
}

.btn:hover {
  transform: translateY(-3px);
}

.mab-70 {
  margin-bottom: 70px;
}

.section-title .line,
.section-title .line1,
.contact-box-title .line1 {
  width: 100px;
  height: 3px;
  border-radius: 7px;
  background-color: #0b2464;
  margin: auto;
}

.service-box {
  padding: 25px;
  border: 2px solid transparent;
  transition: .2s all;
  -webkit-box-shadow: 0px 5px 55px -3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 5px 55px -3px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 55px -3px rgba(0, 0, 0, 0.15);
}

.service-box img {
  width: 75px;
}

.service-box .line {
  width: 30px;
  height: 2px;
  background-color: #3c4858;
  margin: auto;
  opacity: .6;
}

.service-box:hover {
  border: 2px solid #0b2464;
  -webkit-box-shadow: 1px 1px 50px 2px rgba(126, 90, 255, 0.25);
  -moz-box-shadow: 1px 1px 50px 2px rgba(126, 90, 255, 0.25);
  box-shadow: 1px 1px 50px 2px rgba(126, 90, 255, 0.25);
  cursor: pointer;
}

.secpad {
  padding: 100px 0 70px 0;
}

#teti-carousel .owl-item img {
  width: auto !important;
}

.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}

.testi-box p {
  font-weight: 400;
  color: #626060;
}

.rounded-circle {
  width: 60px !important;
}

/*Start Navbar*/
.navbar-nav .nav-item .nav-link {
  margin: 5px 14px;
  transition: 0.3s;
  font-size: 16px;
  border-bottom: 2px solid transparent;
  color: #333333;
  font-weight: 600;
}

.navbar-nav .nav-item button.nav-link {
  border: none;
  background-color: transparent;
}

.nav-item .dropdown-menu {
  width: 100%;
  background: #0b2464;
}

.nav-item .dropdown-menu .dropdown-item {
  color: #fff;
}

.nav-item .dropdown-menu .dropdown-item:hover {
  background-color: #29358f;
}

.navbar-nav .nav-item:hover .nav-link {
  color: #0b2464;
  border-bottom: 2px solid #0b2464;
}

.bg-blue {
  background-color: #0b2464;
}

.social-foot {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #5e178b;
}

.social-foot svg {
  width: 20px;
  fill: #fff;
}

@media(max-width:991px) {
  .navbar-nav .nav-item .nav-link {
    margin: 5px 14px;
    padding: 2px 0;
  }
}

.get-in-touch-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 140px;
  border: 1px solid #ccc;
  padding: 4px 10px;
  border-radius: 5px;
  text-decoration: none;
  color: #333333;
  font-weight: 500;
  font-size: 17px;
  transition: all 0.5s;
}

.get-in-touch-link:hover {
  background: #0b2464;
  color: #fff;
  border: none;
  border-radius: 0px;
}

.get-in-touch-link:hover svg {
  fill: #fff;
  transform: rotate(0deg);
}

.get-in-touch-link svg {
  width: 13px;
  fill: #626060;
  transform: rotate(-40deg);
  transition: all 0.5s;
}

.counter-section {
  position: relative;
  background-color: #f5f5f5;
  background-image: linear-gradient(90deg, #f5f5f5 75%, #022140 75%);
  overflow: hidden;
}

.section-child-counter {
  background-image: url(../img/rect1.png);
  background-repeat: repeat;
}

.counter_before::before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

}

.n_container {
  text-align: center;
  position: relative;
  margin: 40px 8px;
  background-color: #fff;
  box-shadow: 0 0 2px #275078a6;
  padding: 30px 25px;
  border-radius: 6px;
}

.n_container.one::before {
  content: "";
  position: absolute;
  height: 30px;
  width: 30px;
  border-radius: 6px 0 0 0;
  z-index: -1;
  background-color: #275078;
  left: -5px;
  top: -5px;
}

.n_container.two::before {
  content: "";
  position: absolute;
  height: 30px;
  width: 30px;
  border-radius: 6px 0 0 0;
  z-index: -1;
  background-color: #275078;
  left: -5px;
  bottom: -5px;
}

.n_container.three::before {
  content: "";
  position: absolute;
  height: 30px;
  width: 30px;
  border-radius: 6px 0 0 0;
  z-index: -1;
  background-color: #275078;
  right: -5px;
  top: -5px;
}

.n_container.four::before {
  content: "";
  position: absolute;
  height: 30px;
  width: 30px;
  border-radius: 6px 0 0 0;
  z-index: -1;
  background-color: #275078;
  right: -5px;
  bottom: -5px;
}

.n_digit {
  font-size: 42px;
  font-weight: 700;
  color: #0b2464;
}

.n_text {
  font-size: 18px;
  font-weight: 600;
  color: #575757;
}

.gotoTop {
  position: fixed;
  cursor: pointer;
  bottom: 30px;
  right: 30px;
  font-size: 40px;
  z-index: 999;
  width: 50px;
  height: 50px;
  line-height: 0;
  border-radius: 50%;
  background-color: linear-gradient(145deg, #e2e8ec, #ffffff);
  ;
  text-align: center;
  z-index: 999 !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  border: 1px solid #e9e9ed;
}

.gotoTop:hover {
  color: #fff;
  background: linear-gradient(145deg, #c00, #d11414);
}

.fadeinup {
  animation: fadeInUp 1s ease backwards;
}

@keyframes fadeInUp {
  0% {
    transform: translate(0px, 100px);
    opacity: 0;
  }

  100% {
    transform: translate(0px, 0);
    opacity: 1;
  }
}

.fadein {
  opacity: 0;
  transition: all 1.5s;
  transform: translate(0, 100px);
}

.fadein.visible {
  opacity: 1;
  transform: translate(0, 0);
}

.text {
  color: #0b2464;
  font-size: 3.5rem;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
}

.blink-animation {
  width: 4px;
  height: 55px;
  background: #0b2464;
  display: inline-block;
  animation: blink-animation 2s infinite linear;
}

.banner-para-hero {
  font-size: 18px;
  line-height: 1.6;
  font-weight: 400;
}

.btn_banner {
  display: inline-flex;
  align-items: center;
  font-size: 18px;
  color: #fff;
  background-color: #0b2464;
  font-weight: 600;
  padding: 13px 25px !important;
}
.custom-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.fixed-header-new {
  background: aliceblue;
  position: fixed;
  left: 0;
  top: 0;
  visibility: hidden;
  width: 100%;
  opacity: 0;
  transition: all 0.5s;
  z-index: 9999 !important;
}
.fixed-header-new.scrolled {
  visibility: visible;
  opacity: 1;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px;
}
.right-listing-menu {
  display: flex;
  gap: 20px;
  width: 100%;
  justify-content: end;
  list-style: none;
  align-items: center;
  margin-bottom: 0px;
}
.list-heading {
  font-weight: 700;
  font-size: 23px;
  color: #0b2464;
}

.btn_download {
  background: #099e44;
}

.btn_download:hover svg {
  fill: #000031;
}

.btn_banner:hover svg {
  fill: #000031;
}

.btn_banner svg {
  width: 15px;
  fill: #fff;
}

@keyframes blink-animation {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes typing {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

@keyframes blink-caret {

  from,
  to {
    border-color: transparent;
  }

  50% {
    border-color: orange;
  }
}

.banner_listing {
  list-style: none;
  padding-left: 15px;
  margin-bottom: 1.4rem;
}

.banner_listing li {
  color: #333333;
  font-weight: 400;
  position: relative;
}

.banner_listing li::before {
  content: '';
  position: absolute;
  top: 7px;
  left: -21px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-image: url(../img/list_tick.png);
  background-position: center;
  background-size: contain;
}

.section-title .title {
  font-size: 24px;
  display: inline-block;
  margin-top: 15px;
}

.section_icon_p {
  display: flex;
  align-items: flex-start;
  margin-top: 3rem;
}

.icon_content_sec {
  padding-left: 2rem;
}

.heading_cont_sec {
  font-size: 24px;
  color: #646464;
  font-weight: 600;
}

.icon_content_sec p {
  margin-top: 15px;
  color: #6a6a6a;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
}

.section_icon_p a {
  color: #000031;
  text-decoration: none;
  font-weight: 600;
  font-size: 17px;
  position: relative;
}

.section_icon_p a::before {
  width: 0%;
  height: 2px;
  background-color: #000031;
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  transition: all 0.5s;
}

.download_btn_mg {
  padding: 8px 20px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: #099e44;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  border-radius: 5px;
  text-decoration: none;
  position: relative;
  transition: all 0.5s;
}

.download_btn_mg:hover {
  color: #099e44;
  background-color: transparent;
  border: 1px solid #099e44;
}

.download_btn_mg:hover svg {
  width: 15px;
  fill: #099e44;
}

.download_btn_mg svg {
  width: 15px;
  fill: #fff;
}

.section_icon_p a:hover::before {
  width: 100%;
}

footer {
  background-color: #000031;
  color: #c2c2c2;
}

footer a {
  color: #a2b8ee;
  text-decoration: none
}

footer a:hover {
  color: #ccc;
  text-decoration: none;
}

ul.list-footer {
  list-style: none;
  padding-left: 0px
}

ul.list-footer li {
  position: relative;
  text-align: left;
  /* padding-bottom: 5px*/
  padding-top: 5px;
  padding-bottom: 5px;
}

ul.list-footer li:before {
  position: absolute;
}

.footer-widget-heading {
  font-weight: 600;
  margin-bottom: 10px;
  color: #fff;
  font-size: 16px;
}

.about-banner {
  padding: 0px 0px 60px;
  z-index: 1;
  background-color: #f2f4ff;
  position: relative;
}

.top-bradcomb-menu {
  margin-top: 35px;
  position: relative;
  display: block;
}

.Our-mission {
  position: relative;
  display: block;
  background: #ffffff;
  padding: 20px 0px 92px;
}

.bredcommb-listing {
  display: inline-block;
  list-style: none;
  padding-left: 0px;
  position: relative;
}

.bredcommb-listing::before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  content: "";
  background: #c7c7ff;
}

.bredcommb-listing li {
  display: inline-block;
  list-style: none;
  padding-left: 0px;
  color: #575757;
}

.bredcommb-listing li a {
  text-decoration: none;
  color: #080808;
}

.bredcommb-listing li a:hover {
  color: #0b2464;
}

.bredcommb-listing li.svg-item {
  padding-left: 10px;
  width: 15px;
}

.bredcommb-listing li.active {
  padding-left: 10px;
}

.about-bnner-cont {
  margin-top: 40px;
}

.banner-about-tool {
  color: #626060;
  font-size: 22px;
  margin-bottom: 15px;
  font-weight: 500;
}

.about-bnner-cont h1 {
  font-size: 65px;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 30px;
}

.about-bnner-cont p {
  font-size: 22px;
  color: #0e0e0e;
  font-weight: 600;
  margin-top: 0px;
}

.solute-img {
  position: absolute;
  bottom: 120px;
  left: 100px;
}

.about_tool-top-sec {
  display: inline-flex;
  padding: 5px 21px;
  align-items: center;
  gap: 10px;
  background: #4450fd26;
  color: #000031;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -.32px;
  margin-bottom: 15px;
  border-radius: 100px;
}

.section-title-about_new p {
  font-size: 17px;
  color: #3c4858;
  line-height: 1.4;
  font-weight: 400;
}

.sec_listing {
  list-style: none;
  margin-top: 20px;
}

.sec_listing li {
  margin-top: 6px;
  font-size: 18px;
  color: #3c4858;
  font-weight: 400;
  position: relative;
}

.sec_listing li::before {
  content: '';
  position: absolute;
  left: -35px;
  top: 3px;
  width: 25px;
  height: 25px;
  background-image: url(../img/checkmarkIcon.webp);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  background-size: contain;
}

.about_left_image_thumb {
  position: relative;
}

.main_cont {
  display: flex;
  justify-content: end;
  position: relative;
  z-index: 3;
}

.bg_thumb {
  position: absolute;
  bottom: 0px;
  right: 0;
  z-index: 1;
  width: 465px;
  height: 350px;
  border-radius: 0 0 50px 50px;
  background: #e8e5fd;
}

.section_space {
  padding: 120px 0px;
}

.section_padding_img {
  padding: 15px;
  border-radius: 15px;
  background-color: #f0efef;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
}

.mission_content p {
  font-size: 20px;
  color: #3c4858;
  line-height: 1.3;
  font-weight: 400;
  margin-top: 20px;
}

.heading-product {
  margin-top: 15px;
  margin-bottom: 15px;
}

.heading-product a {
  font-weight: 600;
  font-size: 26px;
  text-decoration: none;
  color: #000031;
  transition: all 0.5s;
}

.heading-product a:hover {
  color: #28458d;
}

.same_card_about p {
  font-size: 20px;
  color: #575757;
  font-weight: 400;
  line-height: 1.3;
}

.after_imge-shape {
  position: relative;
  width: 100%;
}

.shape_1 {
  position: absolute;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: #f0efef;
  left: 60%;
  top: 65%;
  transform: translate(-50%, -50%);
}

.shape_2 {
  transform: translate(-50%, -50%);
  width: 110px;
  height: 110px;
  background-color: #6f6fff60;
  left: 54%;
  top: 60%;
}

.shape_2,
.shape_3 {
  position: absolute;
  border-radius: 50%;
}

.shape_3 {
  transform: translate(-50%, -50%);
  width: 90px;
  height: 90px;
  background-color: #6fddff60;
  left: 30%;
  top: 65%;
}

.support_system p {
  margin-top: 10px;
  color: #575757;
  font-size: 18px;
  font-weight: 400;
}

.supppoert_system_image {
  background-image: url(../img/migrate-pratner/our_values.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-left: 20px;
  width: 100%;
  height: 100%;
  border-radius: 0px 10px 10px 0px;
}

.contact_banner {
  padding: 0px 0px 132px;
}

.contact_card_info {
  margin-top: -85px;
  position: relative;
  z-index: 4;
}

.card_wraper_cont {
  padding: 48px 15px 67px;
  background: #efefef;
  border-radius: 2px;
  height: 245px;
}

.card_wraper_cont .svg_itemx svg {
  width: 40px;
  fill: #0b2464;
}

.card_wraper_cont .number_phone {
  margin-top: 20px;
  font-size: 35px;
  font-weight: 500;
  letter-spacing: 3px;
  color: #333333;
  margin-bottom: 20px;
}

.card_wraper_cont a {
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 2px;
  color: #0b2464;
  font-size: 20px;
}

.main_contact_section {
  padding: 50px 0px;
}

.contact_left_heading {
  font-size: 40px;
  letter-spacing: 2px;
  line-height: 1.2;
  font-weight: 600;
}

.contact_left p {
  font-size: 20px;
  line-height: 1.5;
  margin-top: 10px;
}

.contact-page__right {
  position: relative;
  display: block;
  background: #dfe1fc;
  padding: 70px 45px 80px;
  border-radius: 5px;
}

.contact_title h2 {
  font-size: 40px;
  margin-bottom: 15px;
}

.contact_title p {
  font-size: 18px;
  line-height: 1.5;
}

.contact_title {
  margin-bottom: 35px;
}

.contact-page__right form .form-control {
  padding: .875rem .75rem;
  border: none;
  border-radius: 2px;
}

.same-heading {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 15px;
}

.card-term {
  background: #f2f4ff;
  border: 1px solid #1728a5;
}

.accordion-button:not(.collapsed) {
  background-color: #1728a5;
  color: #fff;
}

.accordion-button:not(.collapsed)::after {
  filter: invert(1);
}

.accordion-item {
  border: none;
}

.accordion-button {
  border: 1px solid #000031;
  font-weight: 500;
}

.accordion-button:not(.collapsed) {
  border: none;
}

.accordion-collapse.collapse.show {
  border: 1px solid #000031;
  border-top: none;
  border-radius: 0px 0px 10px 10px;
}

.same_pay_btn {
  color: #FFF;
  padding: 7px 15px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  border-radius: 4px;
}

.same_pay_btn:hover {
  color: #fff;
}

.buy_now_btn {
  background-color: #c94a17;
}

.buy_now_btn:hover {
  border: 1px solid #c94a17;
  color: #c94a17;
}

.buy_now_btn:hover svg {
  fill: #c94a17;
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

.tablist {
  border: none;
  border-radius: 5px;
  padding-left: 15px;
  cursor: pointer;
}

.tablist.active {
  border-left: 1px solid #000031;
}

.tablist p {
  opacity: 0.6;
}

.tablist.active p {
  opacity: 1;
  color: #030391;
  font-weight: 600;
  font-size: 18px;
}

.tablist.active span {
  color: #000;
  font-size: 16px;
  font-weight: 500;
}

.tab_listing_product {
  display: flex;
  gap: 10px;
  align-items: center;

}

.tab_listing_product .p_tablist {
  padding: 8px 15px;
  border: 1px solid #000031;
  background-color: #000031;
  color: #fff;
  outline: none;
  border-radius: 3px;
  font-size: 17px;
  font-weight: 500;
}

.tab-contents_products {
  padding-top: 10px;
  margin-top: 20px;
}

.p-tab-content {
  display: none;
}

.p-tab-content.active {
  display: block;
}

button.p_tablist.active {
  background: none;
  color: #000031;
}

.offer-heading {
  font-size: 36px;
  font-weight: 800;
  color: #0b2464;
}

ul.list-check {
  list-style: none;
  /* padding-left: 25px; */
}

ul.list-check li:before {
  position: absolute;
  height: 20px;
  width: 20px;
  content: "";
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBmaWxsPSJyZ2IoMzAsMTMwLDYwKSIgZD0iTTIwLjUsNDJhMi4zNjgsMi4zNjgsMCwwLDEtMS43NTktLjc2NmwtMTQtMTQuNDIzYTIuNTg0LDIuNTg0LDAsMCwxLDAtMy42MjZsMy45ODgtNC4xMDlhMi40LDIuNCwwLDAsMSwzLjUxOCwwbDguMjQ5LDguNUwzOC43NTUsOC43NmEyLjQsMi40LDAsMCwxLDMuNTE4LDBsMy45ODgsNC4xMDlhMi41ODQsMi41ODQsMCwwLDEsMCwzLjYyNmwtMjQsMjQuNzM3QTIuMzcsMi4zNywwLDAsMSwyMC41LDQyWiI+PC9wYXRoPjwvc3ZnPg==) no-repeat;
  background-size: 20px 20px;
  top: 2px;
  margin-left: -25px;
}

ul.list-check li {
  position: relative;
  text-align: left;
  padding-bottom: 5px;
}

.new-card-pst {
  border: 1px solid #007dff;
  box-shadow: rgba(75, 146, 240, 0.6) 0px 5px 8px;
}

.problem-card {
  padding: 15px 30px;
  background: #f5f5f5;
  border-radius: 5px;
}

.problem-main-heading {
  font-size: 24px;
  font-weight: 600;
}

.section-title {
  text-align: center;
  max-width: 90%;
  text-transform: capitalize;
  margin-left: auto;
  margin-bottom: 60px;
  margin-right: auto;
  font-weight: 600;
}

div.bhoechie-tab-menu {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}


div.bhoechie-tab-content {
  background-color: #fff;
  padding-left: 20px;
  margin-top: -14px;
}

.bhoechie-tab-content {
  display: none;
}

.bhoechie-tab-content.active {
  display: block;
}

div.bhoechie-tab-content {
  background-color: #fff;
  padding-left: 20px;
  margin-top: -14px;
}

div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa {
  background-color: #b60102;
  background-image: #b60102;
  color: #fff;
}

div.bhoechie-tab-menu div.list-group>a.active:after {
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #b60102;
}

div.bhoechie-tab-menu div.list-group>a:first-child {
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}

div.bhoechie-tab-menu div.list-group>a {
  margin-bottom: 0;
}

.list-group-item:first-child {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
}

.list-group-item {
  position: relative;
  display: block;
  padding: .75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .125);
}

.services-area {
  background: #f5f5f5;
}

/* ========================Css For Use Everywhere======================= */

.custom-text-area {
  padding: 10px;
  max-height: 250px;
  height: 200px;
  box-shadow: rgba(75, 146, 240, 0.6) 0px 3px 8px;
}

.card-blue {
  box-shadow: 0px 0px 5px #007dff;
  overflow: hidden;
  padding: 2rem;
  background: #eff7ff;
  border-radius: 30px;
  color: #004085;
  margin-top: 4rem;
  margin-bottom: 4rem;

}