@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.navbar-toggler:focus {
  box-shadow: none;
}

::-moz-selection {
  background-color: #261E05;
  color: #fff;
}

::selection {
  background-color: #261E05;
  color: #fff;
}
.overlay-wrapper {
  position: fixed;
  z-index: 99999;
  height: 100vh;
  width: 100%;
  display: none;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: radial-gradient(rgba(20, 20, 20, 0.35), rgba(0, 0, 0, 0.01));
}

.spinner {
  z-index: 9999;
  width: 75px;
  height: 75px;
  display: inline-block;
  border-width: 5px;
  border-color: rgba(0, 0, 0, 0.35);
  border-top-color: #1e1e1e;
  animation: spin 1s infinite linear;
  border-radius: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  border-style: solid;
}

label.cabinet{
	display: block;
	cursor: pointer;
}

label.cabinet input.file{
	position: relative;
	height: 100%;
	width: auto;
	opacity: 0;
	-moz-opacity: 0;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  margin-top:-30px;
}

#upload-demo{
	width: 250px;
	height: 250px;
  padding-bottom:25px;
}


@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
a {
  text-decoration: none;
  color: inherit;
}

.line_input_box {
    position: relative;
    margin-bottom: 20px;
}

input:focus, .form-control:focus, .btn-close:focus {
  outline: none !important;
  box-shadow: none !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.latest_plan_section .select_box.input::after{
  display: none !important;;
}
.latest_plan_section .select_box.input input{
  border:0.5px solid #000
}
.profile_live_preview{
  margin-top:15px;
  height:100px;
  width: 100px;
  padding:7px;
  position: relative;
}

.profile_live_preview img{
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  border:1px solid #ddd;
  max-height:100%;
  max-width:100%;
  margin:auto
}
.upload__img-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.upload__img-wrap img {
  width: 100px;
  height: 100px;
  margin: 5px;
  object-fit: cover;
}
.validate-has-error{
    display: block;
    padding-top: 5px;
    font-size: 12px;
    color: #cc3f44;
    position: absolute;
    bottom: 6px;
}
.contact_section{
  padding:70px 0;
}
.contact_row{
  justify-content:space-between;
}
.contact_section .contact_part h5{
color:#261E05;
font-size:24px;
font-weight:600
}
.contact_section .contact_part  .contact_text{
  color:#261E05;
  font-weight: 600;
  margin-bottom:20px;
}
.contact_section .contact_part .contact_box{
  display:flex;
  margin-bottom:30px;
}
.contact_section .contact_part .contact_box .contact_key{
  margin-bottom:2px;
  font-size:16px;
  color:#261E05;
  font-weight:400
}
.contact_section .contact_part .contact_box .icon_box{
  padding-right:10px;;
}
.contact_section .contact_part .contact_box .contact_value{
  font-weight:700;
  color:#261E05;
  margin-bottom:0;
}
.about_heading_section{
  padding: 100px 0;
}
.about_heading_section h1{

  color: #261E05;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
}
.about_heading_section  p{
  font-size:18px;
  font-weight:500;
  text-align:center;
}
.mission_section{
  padding:50px 0;
  background-color:#F8F4E7
}
.mission_section p{
  color:#4F4F4F;
  font-size: 18px;
  text-align: center;
}
.mission_section h2{
  font-size: 26px;
  font-weight: 600;
  color: #261E05;
  text-align: center;
  margin: 25px 0 0 0;
  line-height: 40px;
}
.privacy_section p{
  line-height: 32px;;
}
.privacy_section .que{
  font-size: 20px;
  margin-bottom: 0px;
  margin-top: 30px;
}
.service_img_box{
  position: relative;
  height:100%;
}
.service_img_box img{
  max-height:100%;
  max-width:100%;
  position:absolute;
  left: 0;
  top: 0;
  bottom:0;
  margin:auto;
  right:0;
  width: auto;
  height: auto;
}
/* Firefox */
/* input[type=number] {
  -moz-appearance: textfield;
} */
.main_heading h1 {
  font-weight: 700;
  font-size: 52px;
  line-height: 79px;
  color: #261E05;
  font-family: "Open Sans", sans-serif;
}
.main_heading h1 span {
  font-weight: 400;
}
.main_heading .yellow {
  color: #FFBD13;
}

.yellow_heading h1 {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 42px;
  line-height: 57px;
  margin-bottom: 0;
  color: #FFBD13;
}

.main_btn {
  display: inline-block;
}
.main_btn a,.main_btn button {
  border-radius: 10px;
  border: 1px solid #261E05;
  color: #fff;
  background-color: #261E05;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  padding: 10px 38px;
  transition: all 0.5s ease;
}
input:-webkit-autofill,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
input:-webkit-autofill ~ .form-label{
    display:none!important;
}


.otp_group  {
    width:70%;
    margin:20px auto;
}
.otp_group input{
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #261E05;
    font-size: 24px;
    border: 1px solid #231E05;
    border-radius: 5px;
}
.otp_group input {
    display: inline-block;
    width: 60px;
    height: 60px;
    text-align: center;
    color:#261E05;
    font-size: 30px;
}
.or_text{
    position: relative;
    margin:20px 0;
}
.or_text span{
  font-size:14px;
  color: #666666;
  padding:0 15px;
  background:#fff;
  font-weight:600;
  z-index: 1;
  position: relative;
}
.or_text::after {
  content: "";
  top: 12px;
  right: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: #666666;
}
.main_btn a:hover,.main_btn button:hover {
  color: #261E05;
  background-color: #FFBD13;
  border: 1px solid #FFBD13;
}
.main_btn .outline {
  background-color: transparent;
  color: #261E05;
  border: 1px solid #261E05;
}
.main_btn .yellow {
  color: #261E05;
  background-color: #FFBD13;
  border: 1px solid #FFBD13;
}
.main_btn .yellow:hover {
  background-color: #261E05;
  border: 1px solid #261E05;
  color: #fff;
}

.normal_text p.gray {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #777777;
}

.normal_text p.dark {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #261E05;
}

.normal_text a {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #FFBD13;
}
.normal_text a:hover {
  color: #261E05;
  transition: all 0.5s ease;
}

body {
  font-family: "Open Sans", sans-serif;
  overflow-x: hidden;
}

header {
  z-index: 999;
}
header .user_profile > a{
  height: 60px;
  width: 60px;
  position: relative;
  display: block;
}
header .user_profile {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
header .user_profile  p{
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
  color: #261e05;
}
header .user_profile  > a img{

  width: 100%;
  height: 100%;
  max-width:100%;
  max-height: 100%;
  position: absolute;
  left:0;
  top:0;
  bottom:0;
  right:0;
  margin:0;
  border-radius:50%
}

.scrolled {
  position: fixed;
  width: 100%;
  box-shadow: 0px 0px 31px rgba(0, 0, 0, 0.25);
  background-color: #fff;
  transition: all 0.5s ease;
  top:0
}

.header_nav .normal_text a {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #000;
  margin: 0 15px;
  font-weight: 600;
  position: relative;
  pointer-events: auto;
  transition: all 0.5s ease;
}

.cursor {
  z-index: 9999;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, background-color 0.3s, width 0.3s, height 0.3s;
  width: 12px;
  height: 12px;
  background-color: #261E05;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cursor.active {
  transform: translate(-50%, -50%) scale(1.5);
  z-index: 9999;
}
.cursor.hidden {
  width: 40px;
  height: 40px;
  opacity: 0.5 !important;
  z-index: 9999;
}

.menu_hover {
  overflow: hidden;
  display: block;
  position: relative;
  pointer-events: none;
}
.menu_hover > span {
  display: inline-block;
}
.menu_hover > span > span {
  content: attr(data-text);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(200%);
}
.menu_hover > span:nth-of-type(1) {
  transition: 0.4s ease all;
}
.menu_hover > span:nth-of-type(2) {
  transition: 0.4s ease all;
  transition-delay: 0.05s;
}

.fancy-hover:hover > a > span, .fancy-hover:focus > span > span {
  transform: translateY(-200%);
}

.fancy-hover:hover > a {
  border-bottom: 1px solid #000;
}

#animate2 #skew_scroll {
  position: relative;
  transform: perspective(1200px) rotateY(25deg) rotateX(15deg);
}

.hero_banner {
  padding: 70px 0;
}
.hero_banner .row {
  justify-content: center;
  font-style: normal;
  text-align: center;
  position: relative;
}
.hero_banner .row .side_social {
  position: absolute;
  left: 0;
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.hero_banner .row .side_social a {
  margin: 10px 0;
}
.hero_banner .row .part_text {
  position: relative;
}
.hero_banner .row .part_text h1 {
  font-family: "Prompt", sans-serif;
  font-weight: 600;
  font-size: 72px;
  line-height: 109px;
  color: #261E05;
  padding-bottom: 10px;
}
.hero_banner .row .part_text p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 33px;
  color: #000000;
  padding: 0 80px 10px;
}
.hero_banner .row .part_text .heading_shape {
  position: absolute;
  top: 30%;
  left: 3%;
  margin: auto;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1200;
  animation: banner_shape 5s infinite ease;
}

.swiper-wrapper {
  transition-timing-function: linear;
}

@keyframes banner_shape {
  100% {
    stroke-dashoffset: 0;
  }
}
.line_input_box.focused .form-label {
  z-index: 2;
}
.line_input_box input {
  padding: 15px 27px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  background-color: transparent;
}
.line_input_box .form-label {

  font-weight: 500;
  font-size: 14px;
  line-height: 10px;
  color: #261E05;
  font-weight: 600;
}

.login_bg {
  position: relative;
  background-image: url("../images/login_main_bg.svg");
   height: 100vh; 
  width: 100%;
  padding:70px 0;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
}
.login_bg .main_btn  .main-btn , .login_bg .main_btn button{
  min-width:250px;
}
.login_bg .inner_regiter_bg {
  /* background-image: url("../images/login_inner_bg.svg"); */
  padding: 70px 0;
  height: 100%;
}
.login_bg .inner_regiter_bg .login_logo {
  width: 80px;
  margin: auto;
}
.login_bg .tabs_row {
  margin: 50px 0;
}
.login_bg .register_login_bg {
  text-align: center;
  background-repeat: no-repeat;
  background: #fff;
  border-radius: 50px 150px 50px 150px;
  box-shadow: 0px 0px 4px 0px #00000045;
}
.login_bg .register_login_bg .login_text{
  margin-bottom:20px;
  color:#000000;
  font-size:16px;

  margin-bottom: 60px;
  margin-top: 30px;
}
.login_bg .line_input_box {
  margin: auto;
}
.login_bg .line_input_box input::placeholder{
  font-size:16px;
  color:#261e0580;
  font-weight:600
}
.login_bg .login_form, .login_bg .register_form {
  padding: 0 100px;
}

.login_bg .banner_btn_grp {
  margin-top: 15px;
}

.mockup_swiper {
  background-image: url("../images/bg_yellow.png");
  background-size: cover;
  width: 100%;
  padding: 50px 0 70px;
  position: relative;
  background-repeat: no-repeat;
}
.mockup_swiper .swiper-slide-prev, .mockup_swiper .swiper-slide-next {
  opacity: 0.5;
  transform: scale(0.8);
}
.mockup_swiper .part_img {
  text-align: center;
}
.mockup_swiper .mockup_bg_shape {
  position: absolute;
  top: 30%;
  left: 20%;
}

.digital_card {
  position: relative;
  margin: 150px 0 0;
  padding-bottom: 100px;
}
.digital_card .hand_mockup {
  position: absolute;
  right: 0;
  top: 0;
  width:40%;
}

.endless_mockup {
  margin: 200px 0 70px;
  position: relative;
}
.endless_mockup .container .row {
  align-items: center;
}
.endless_mockup .container .row .part_img {
  position: relative;
}
.endless_mockup .container .row .part_img .bee_shape {
  position: relative;
  z-index: 9;
}
.endless_mockup .container .row .part_img .bee_shape1 {
  position: absolute;
  left: -12%;
  top: 0;
  bottom: 0;
  margin: auto;
}
.endless_mockup .container .row .part_img .bee_shape2 {
  position: absolute;
  right: 14%;
  top: 0;
  bottom: 0;
  margin: auto;
  animation: round_shape 15s infinite ease;
}
.endless_mockup .container .row .part_img .bee_shape3 {
  position: absolute;
  right: -5%;
  bottom: 15%;
  animation: zoomInOut1 15s infinite ease;
}
.endless_mockup .container .row .part_desc .normal_text {
  padding: 0 190px 0 0;
}

@keyframes round_shape {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes zoomInOut1 {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.share_card {
  padding: 70px 0;
  position: relative;
}
.share_card .first_main_row {
  flex-wrap: nowrap;
}
.share_card .shape_row .col_box svg {
  padding: 15px;
  background-color: #261E05;
  border-radius: 10px;
  margin: 40px 0;
  height: 65px;
  width: 65px;
  border: 2px solid #261E05;
}
.share_card .first_shape_row .first_box {
  text-align: right;
  margin-right: -4%;
}
.share_card .first_shape_row .first_box:hover svg, .share_card .first_shape_row .second_box:hover svg, .share_card .first_shape_row .third_box:hover svg, .share_card .first_shape_row .forth_box:hover svg {
  border: 2px solid #261E05;
  background-color: transparent;
  transition: all 0.5s ease;
}
.share_card .first_shape_row .first_box:hover svg path, .share_card .first_shape_row .second_box:hover svg path, .share_card .first_shape_row .third_box:hover svg path, .share_card .first_shape_row .forth_box:hover svg path {
  fill: #261E05;
}
.share_card .first_shape_row .second_box {
  text-align: center;
  margin-left: 15%;
}
.share_card .first_shape_row .third_box {
  text-align: center;
  margin-right: -8%;
}
.share_card .first_shape_row .forth_box {
  text-align: center;
  margin-left: 30%;
}
.share_card .first_shape_row span {
  font-weight: 500;
  font-size: 20px;
  line-height: 36px;
  padding-left: 7px;
}
.share_card .second_shape_row .first_box:hover svg, .share_card .second_shape_row .second_box:hover svg, .share_card .second_shape_row .third_box:hover svg, .share_card .second_shape_row .forth_box:hover svg {
  border: 2px solid #261E05;
  background-color: transparent;
  transition: all 0.5s ease;
}
.share_card .second_shape_row .first_box:hover svg path, .share_card .second_shape_row .second_box:hover svg path, .share_card .second_shape_row .third_box:hover svg path, .share_card .second_shape_row .forth_box:hover svg path {
  fill: #261E05;
}
.share_card .second_shape_row .first_box {
  text-align: left;
  margin-left: -15%;
}
.share_card .second_shape_row .second_box {
  text-align: left;
  margin-left: 20%;
}
.share_card .second_shape_row .third_box {
  text-align: center;
  margin-left: 10%;
}
.share_card .second_shape_row .forth_box {
  text-align: left;
  margin-left: 0%;
}
.share_card .second_shape_row span {
  font-weight: 500;
  font-size: 20px;
  line-height: 36px;
  padding-right: 7px;
}
.share_card .mobile_shape {
  height: 640px;
  width: 100%;
  border-radius: 50%;
  background-color: #fff2d0;
}
.share_card .mobile_shape .round_mobile {
  text-align: center;
}
.share_card .mobile_shape .round_mobile img {
  width: auto;
}

.cookie-popup .button-grd-line {
  margin-left: auto;
}
/*
::-moz-placeholder {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #261E05;
  opacity: 0.3;
}

::placeholder {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #261E05;
  opacity: 0.3;
} */

.subscribe {
  padding: 360px 0;
  position: relative;
  background-image: url("../images/subscribe_bg.svg");
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.subscribe .row {
  padding-top: 50px;
  padding-bottom: 40px;
  align-items: end;
}
.subscribe .row .rounded_input {
  width: 400px;
  border-radius: 35px;
  background-color: #fff;
  border: none;
  padding: 20px 30px;
  margin-right: 20px;
}
.subscribe .row .main_btn a {
  padding: 20px 38px;
}
.subscribe .subscribe_shape {
  position: absolute;
  right: 0;
  top: 10%;
}

.tabs_row {
  text-align: center;
  margin: 50px 0 70px 0;
}
.tabs_row .changable_tab {
  display: inline-block;
}
.tabs_row .changable_tab .radio_container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #000;
  border-radius: 35px;
  border: 7px solid #000;
}
.tabs_row .changable_tab .radio_container input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: none;
}
.tabs_row .changable_tab .radio_container label {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  color: #FFFFFF;
  padding: 12px 25px;
  border-radius: 50px;
}
.tabs_row .changable_tab .radio_container input:checked + label {
  background-color: #fff;
  color: #000;
}

.pricing_section {
  padding: 0 0 100px 0;
  position: relative;
}
.pricing_section .yearly_price {
  display: none;
}
.pricing_section .box_row {
  padding-top: 125px;
  position: relative;
}
.pricing_section .box_row .pricing_bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.pricing_section .box_row .pricing_girl {
  position: absolute;
  left: 8%;
  bottom: 0;
}
.pricing_section .box_row .pricing_tree {
  position: absolute;
  right: 5%;
  bottom: 0;
}
.pricing_section .box_row .pricing_tree {
  position: absolute;
}
.pricing_section .box_row .row .col-xl-4 {
  padding: 0 7px !important;
}
.pricing_section .box_row .cards {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.pricing_section .box_row .cards .card1 {
  background: #fff;
  box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  position: relative;
  text-align: center;
}
.pricing_section .box_row .cards .card1 .top_header {
  display: none;
  text-align: left;
}
.pricing_section .box_row .cards .card1 .top_header .small_image_corner {
  position: absolute;
  left: 0;
  top: 0;
}
.pricing_section .box_row .cards .card1 .top_header h4 {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  color: #FFBD13;
  z-index: 9;
  position: relative;
  padding: 25px 20px 20px 20px;
}
.pricing_section .box_row .cards .card1 .pricing_heading {
  z-index: 1;
  position: relative;
  background: #fdbc13;
  box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.1);
  border-radius: 47px;
  /* display: inline-block; */
  padding: 19px 90px;
  margin-top: -50px;
  margin-bottom: 70px;
  overflow:hidden;
}
.pricing_section .discount_badge{

  position: absolute;
  right: -57px;
  top: 23px;
  background: #3A9A03;
  padding: 5px 59px;
  font-size: 14px;
  color: #fff;
  transform: rotate(45deg);
}
.pricing_section .removed_price{
  position: relative;
  display:inline-block;
  color:#261E05;
  font-size:34px;
  font-weight:700;
}
.pricing_section .removed_price::after{
  content:"";
  position: absolute;
  left:0;
  right:0;
  height:4px;
  width:100%;
  top:0;
  bottom:0;
  margin:auto; 
  background-color: #FF0000;
}
.pricing_section .box_row .cards .card1 .pricing_heading h5 {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 33px;
  color: #261E05 !important;
}
.pricing_section .box_row .cards .card1 .pricing_heading h5 span {
  font-weight: 700;
  font-size: 52px;
  line-height: 79px;
}
.pricing_section .box_row .cards .card1 .pricing_services {
  z-index: 9;
  position: relative;
  padding-bottom: 60px;
}
.pricing_section .box_row .cards .card1 .pricing_services p {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 35px;
  color: #261E05;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.pricing_section .box_row .cards .card1 .pricing_services p svg {
  margin-right: 10px;
}
.pricing_section .box_row .cards .card1 .main_btn {
  margin-bottom: 40px;
}
.pricing_section .box_row .cards .card1 .pricing_bee {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 60%;
  margin: auto;
}
.pricing_section .box_row .cards .card1.active {
  background: #261E05;
  color: #fff;
  align-items: center;
  z-index: 1;
}
.pricing_section .box_row .cards .card1.active p {
  color: #fff;
}
.pricing_section .box_row .cards .card1.active h5 {
  color: #fff;
}
.pricing_section .box_row .cards .card1.active .top_header h4 {
  color: #261E05;
  font-weight: 700;
  font-size: 24px;
  line-height: 33px;
  padding: 35px 20px 20px 15px;
}

footer {
  padding: 70px 0 40px 0;
  background-color: #261E05;
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.25);
}
footer .footer_text {
  color: #FFBD13;
  font-family: "Open Sans", sans-serif;
}
footer .footer_text .social_icons {
  display: flex;
  margin-top: 50px;
}
footer .footer_text .social_icons a {
  margin: 0 10px;
  color: #261E05;
  padding: 8px;
  background-color: #FFBD13;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .footer_text .social_icons a i {
  font-size: 20px;
}
footer .footer_text .footer_menu {
  padding-top: 30px;
}
footer .footer_text .footer_menu a {
  display: block;
  font-size: 18px;
  padding-bottom: 20px;
  color: #FFBD13;
}
footer .footer_text h4 {
  font-weight: 700;
  font-size: 24px;
}

.copyright_section {
  padding: 10px 0;
  background-color: #FFBD13;
}
.copyright_section span {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #261E05;
  text-align: center;
}

.cards_section {
  padding: 70px 0;
  position: relative;
}
.cards_section .cards_bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.line_input_box {
  position: relative;
}
.iti--allow-dropdown{
    width:100%;
    margin-bottom: 20px;
}
.already_account{
    font-size:14px;
    padding-top:50px;
    font-weight:500;
    color: #261E05;
    padding-top:10px;
}
.already_account a{
    font-weight:600;
    color:#FFBD13;
    font-weight:600
}
.banner_btn_grp button{
    /* width:100%; */
    border-radius: 10px;
}
.line_input_box input, .line_input_box textarea {
  border: 1px solid #7f7f7f;
  padding: 10px 20px;
  border-radius:8px;
  width: 100%;
  margin-bottom:25px;
}
.line_input_box input::placeholder, .line_input_box textarea::placeholder{
  color:#7f7f7f;
  font-weight:500;
  font-size:14px;
}
.main_notice{
  position: relative;
  background-color: #F8F2E2;
  border-radius:5px;
  overflow:hidden;
  margin-top:7px;
}
.social_input{
  margin-bottom:20px;
}
.main_social_media_box{
  position: relative;
}
.main_social_media_box input   {
  margin-bottom:0!important;

  padding-left: 55px!important;
}
.social_media_box{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 40px;
  border-radius: 8px 0px 0px 8px;
  background: #261E05;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main_notice:before{
  content:"";
  position:absolute;
  left:0;
  width:15px;
  height:100%;
  background:#261E05
}
.main_notice p{
  padding: 7px 10px 7px 30px;
  margin-bottom: 0;
  font-size: 14px;
  color: #261E05;
  font-weight: 500;
}
.line_input_box input:focus, .line_input_box textarea:focus {
  outline: none !important;
}
.resend_otp{
  padding-top:0;
  margin-bottom:25px;
}
.resend_otp p{
  margin-bottom:0;
  color: #000;
  font-size:16px;
  font-weight:600;
}
.resend_otp p span{
  color:#FFBD13
}
.modal_heading h3 {
  font-weight: 700;
  font-size: 44px;
  line-height: 60px;
  color: #261E05;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 60px;
  margin-top: 50px;
  text-align: center;
}

.mini_hero {
  background-color: #261E05;
  padding: 30px 0;
}
.mini_hero .row {
  align-items: center;
  position: relative;
}
.mini_hero .row .breadcrumb {
  position: absolute;
  left: 0;
  top: 30%;
  margin-bottom: 0;
  color: #FFFFFF;
  z-index:99;
}
.mini_hero .row .breadcrumb a:hover {
  color: #FFBD13;
}
.mini_hero .row .breadcrumb a.active {
  color: #FFBD13;
}
.mini_hero .hero_heading {
  text-align: center;
  font-weight: 700;
  font-size: 52px;
  line-height: 79px;
  color: #FFFFFF;
  opacity: 0.2;
  margin-bottom: 0;
}
.latest_plan_section{
  padding:50px 0;
}

.latest_plan_section .main_heading{
  margin-bottom:50px;
}
.latest_plan_section .main_heading  p{
  color:#261E05;
  font-weight:600;
  margin-top:10px;
  font-size:16px;
}
.latest_plan_section .main-box , .latest_plan_section .payment_section{
  padding:15px 20px;
  border-radius: 12px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
}
.latest_plan_section .payment_section{
  padding:12px;;
}
.latest_plan_section .payment_section .product_detail{
  display:flex;
  align-items:center;

  justify-content: space-between;
  padding:30px 0 50px 0;
  border-bottom:1px solid #000000;
}
.latest_plan_section .payment_section .total_row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 0 40px 0;
}
.latest_plan_section .coupon_code_form form .input_box{
  display: flex;
  padding: 10px;
  border-radius: 8px;
  border: 0.5px solid #000;
}
.latest_plan_section .coupon_code_form .checkbox_row {
  padding-top:15px;
}
.latest_plan_section .checkbox_row input[type=checkbox] {
  display: none;
}
.latest_plan_section .terms_form{
  padding-top:15px;
}
.latest_plan_section  label {
  color: #000000;
  margin-left: 1px;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
}
.latest_plan_section input[type=checkbox] + label a{
  color:#FFBD13;
  text-decoration:underline;
}
.latest_plan_section input[type=checkbox]:checked + label:before {
  background-color: white;
  border-color: #261E05;
  color: #261E05;
}
.latest_plan_section input[type=checkbox] + label:before {
  content: "\2714";
  border: 1px solid #261E05;
  border-radius: 5px;
  display: inline-block;
  width: 20px;
  padding-left: 3px;
  padding-top: 0;
  height: 20px;
  vertical-align: bottom;
  margin-right: 15px;
  color: transparent;
  transition: .2s;
}
.latest_plan_section .coupon_code_form button{
  border: 0;
  border-radius: 6px;
  background: #261E05;
  color: #ffbd13;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 15px;
}
.latest_plan_section .form-check-input{
  display:none;
}
.latest_plan_section .checkbox_text {
  padding:15px 0
}
.latest_plan_section .coupon_code_form input{
  width: 100%;
  padding-right: 10px;
  border: 0.5px solid #000;
  height: 100%;
  border-radius: 4px;
  padding: 0 15px;
}
.latest_plan_section .coupon_note{
  font-size:14px;
  color:#261E05;
  padding-top:5px;
  text-align:right;
}
.latest_plan_section .payment_section .product_detail .product_box p , .latest_plan_section .payment_section .total_row .product_box p{
  color:#000;
  font-size:16px;
  font-weight:700;
  margin-bottom:2px;
}
.latest_plan_section .payment_section .product_detail .product_box span{
  font-size:16px;
  font-weight:600;
  color:#261E05;
  display:flex;
}
.latest_plan_section .payment_section .product_detail .product_box span p{
  opacity:1!important
}
.latest_plan_section .payment_section .product_detail .product_box p.final_amt{
  opacity:1!important
}
.latest_plan_section .main_radio_box s{
  font-size:14px;
  color:#261e0599
}
.latest_plan_section .payment_section .product_detail .product_box p{
  color: #261E05;
  opacity: 0.5;
}
.latest_plan_section .payment_section .payment_heading{
  font-size:22px;
  color:#000000;
  font-weight:500;
}
.latest_plan_section .max-limit{

  font-size: 14px!important;
  margin-top: 5px!important;
}
.latest_plan_section .radio_label {
  display: block;
  cursor: pointer;
}

.latest_plan_section .radio_label .monthly_text{

  font-size: 14px;
  color: #000;
  font-weight: 600;
  margin-bottom: 10px;
}

.latest_plan_section .radio_input{
  display: none;
}

.latest_plan_section .main_radio_box {
  border-radius: 12px;
  border: 2px solid #FFBD13;
  padding: 10px 20px;
  transition: all 0.5s ease;
}
.latest_plan_section .main_radio_box  h5{
  font-size:24px;
  font-weight:700
}
.latest_plan_section .main_radio_box  h5 span{
  font-size:16px;
}
.latest_plan_section .main_radio_box svg{
  margin-right:2px;
}
.latest_plan_section  .select_box p{

  color: #000000;
  margin-bottom:5px;
  font-size: 16px;
  margin-top: 20px;
  font-weight: 600;
}
.latest_plan_section .radio_input:checked + .main_radio_box {
  background-color: #FFBD13;
  transition: all 0.5s ease;
}
.latest_plan_section  .select_box{
  position: relative;
}
.latest_plan_section  .select_box select {
  width: 100%;
  padding: 7px 12px;
  border-radius: 8px;
  border: 0.5px solid #000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.latest_plan_section  .select_box select:focus{
  outline:none
}

.latest_plan_section  .select_box::after {
  content:"";
  right: 15px;;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 65%;
  height: 8px !important;
  width: 8px !important;
  border-style: solid !important;
  border-color: #FFBD13 !important;
  border-width: 0px 2px 2px 0px !important;
  transform: rotate(45deg) !important;
}

.month-range-slider {
  position: relative;
  margin-top: 20px;
}


.month-range-slider output span {
  margin-right: 5px;
}


.latest_plan_section .month-range-slider output {
  position: absolute;
  bottom: -30px;
  left:47%;
  text-align: center;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-30%);
}
.latest_plan_section .month-range-slider p{
  color:#261E05;
  font-size:16px;
  font-weight:600;
  margin-bottom:0px;
}


/* .month-range-slider {
  display: flex;
  align-items: center;
  position: relative;
}

.month-range-slider input {
  width: 100%;
}

.month-range-slider output {
  position: absolute;
  bottom: -30px;
  text-align: center;
  font-weight: bold;
  color:#261E05;
  transform: translateX(-50%);
}
.month-range-slider span {
  margin-top: 5px;
  font-weight: normal;
} */
/* .month-range-slider output:after{
  content:"Month";
  position:absolute;
  font-size:16px;
  left:12px;
  color:#261E05;
} */


.pricing_section {
  padding: 70px 0;
}
.pricing_section .main_heading .normal_text {
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  color: #261E05;
}
.pricing_section .tabs_row {
  margin: 70px 0 10px 0;
}

.plans_section {
  padding: 70px 0 100px;
  /*For IE*/
}
.plans_section .yearly_price1 {
  display: none;
}
.plans_section .plans_radio {
  text-align: center;
  margin-bottom: 50px;
}
.plans_section .plans_radio label {
  font-weight: 400;
  font-size: 20px;
}
.plans_section .plans_radio input {
  margin-left: 20px;
}
.plans_section .plans_radio [type=radio]:checked,
.plans_section .plans_radio [type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.plans_section .plans_radio [type=radio]:checked + label,
.plans_section .plans_radio [type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  line-height: 24px;
  display: inline-block;
  color: #261E05;
  margin: 0 20px;
}
.plans_section .plans_radio [type=radio]:checked + label:before,
.plans_section .plans_radio [type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 20px;
  height: 20px;
  border: 2px solid #261E05;
  border-radius: 100%;
  background: #fff;
}
.plans_section .plans_radio [type=radio]:checked + label:after,
.plans_section .plans_radio [type=radio]:not(:checked) + label:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #261E05;
  position: absolute;
top: 7px;
left: 4px;
  border-radius: 100%;
  transition: all 0.2s ease;
}
.plans_section .plans_radio [type=radio]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.plans_section .plans_radio [type=radio]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
.plans_section table {
  background-color: #f4f3f2;
  width: 100%;
}
.plans_section table thead {
  border-bottom: 2px solid #e9e8e5;
}
.plans_section table thead th {
  padding: 15px 25px;
}
.plans_section table thead th span {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #261E05;
  padding: 12px;
  display: inline-block;
}
.plans_section table thead th img {
  padding-right: 10px;
  height: 25px;
}
.plans_section table tbody td {
  padding: 20px 25px;
}
.plans_section table tbody td span {
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: #261E05;
}
.plans_section table tbody td select {
border-radius: 12px;
font-weight: 500;
font-size: 14px;
padding: 5px 50px 10px 15px;
line-height: 27px;
border: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
          appearance: none;
  /* Some browsers will not display the caret when using calc, so we put the fallback first */
  background: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") #deddd9 no-repeat 98.5% !important; /* !important used for overriding all other customisations */
  background: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") #deddd9 no-repeat calc(100% - 15px) !important; /* Better placement regardless of input width */
}
.plans_section table tbody td select:focus {
  outline: none !important;
  border: none !important;
}
.plans_section table tbody td select:focus {
  outline: none !important;
  border: none !important;
}
.plans_section select::-ms-expand {
  display: none;
}
.plans_section .coupon_row {
  border-bottom: 2px solid #e9e8e5;
  padding-bottom: 30px;
  margin-top: 50px;
}
.plans_section .checkbox_text input {
  display: none;
}
.plans_section .checkbox_text label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #261E05;
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 15px;
  border-radius: 8px;
}
.plans_section .checkbox_text input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 8px;
  width: 7px;
  height: 12px;
  border: solid #261E05;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.plans_section .checkbox_text label {
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: #777777;
  position: relative;
}
.plans_section .price_row {
  padding-top: 40px;
  padding-bottom: 50px;
  align-items: center;
}
.plans_section .price_row .price_col {
  display: flex;
  justify-content: end;
}
.plans_section .price_row .price_col .price_count {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #261E05;
  margin-bottom: 0;
}
.plans_section .price_row .price_col .price_count svg {
  width: 15px;
  display: inline-block;
}
.plans_section .price_row .price_col .total_price_text {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #261E05;
    padding-right: 50px;
    margin-bottom: 0;
}
.plans_section .btn_row {
  justify-content: end;
  float:right;
}
.plans_section .btn_row button {
  width: auto;
  padding: 20px 70px;
}
.plans_section .input_box {
  display: flex;
  align-items: center;
}
.plans_section .input_box .coupon_text {
  width: 100px;
  margin-bottom: 0;
}
.plans_section .input_box .border_rounded {
  width: 100%;
}
.plans_section .input_box .border_rounded form {
  border: 1px solid #261E05;
  border-radius: 10px;
}
.plans_section .input_box .border_rounded form input {
  border: 0;
  padding: 5px 0 5px 15px;
  height: 100%;
  width: 100%;
  background-color: transparent;
}
.plans_section .input_box .border_rounded form .form_row {
  padding-left: 10px;
}
.plans_section .input_box .border_rounded form .main-btn {
  background-color: #261E05;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #FFFFFF;
  border-radius: 10px;
  padding:12px;
  border: 0;
}
.plans_section .input_box .border_rounded .coupon_note {
  position:absolute;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  padding-top: 10px;
  color: #777777;
}

.suceessfull_section {
  padding: 20px 0 60px;
}
.suceessfull_section .row {
  justify-content: center;
}
.suceessfull_section .suceessfull_main_img {
  text-align: center;
  padding-top: 40px;
}
.suceessfull_section .suceessfull_main_img img{
  width:35%
}
.suceessfull_section .mini_heading h5{
  font-size: 34px;
}
.suceessfull_section .successfull_text {
  padding-top: 40px;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  text-align: center;
  color: #000000;
}
.suceessfull_section .main_btn_row {
  text-align: center;
  padding-top: 40px;
}
.suceessfull_section .main_btn_row .main-btn {
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  color: #fff !important;
  padding: 18px 40px;
}

.mini_heading h5 {
  font-weight: 700;
  font-size: 42px;
  line-height: 57px;
  text-align: center;
  margin-bottom: 0;
  color: #261E05;
}

.main-btn {
  background: #261E05;
  border-radius:14px;
  font-weight: 600;
  font-size: 16px;
  line-height: 25px;
  color: #FFFFFF;
}

.company_data_main {
  padding: 100px 0;
  position:relative;
}
.company_data_main:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  height:100%;
  width:100%;
  background-image: url('https://virtualdigicard.com/ui/front/images/company_data_main.svg');
  background-repeat:no-repeat;
  z-index: -1;

  background-size: cover;;
}


.dashboard_section{
  padding:70px 0;
}
.dashboard_section .main_box{
  display:flex;

  padding: 12px;
  align-items:center;
}
.dashboard_section .main_box .img_box{
  height:60px;
  width:60px;
  background-color: #FFBD13;
  border-radius:6px;;
  display:flex;
  align-items:center;
  justify-content:center;
}
.dashboard_section .main_box .detail_content{
  padding-left:20px;
}
.dashboard_section .main_box .detail_content p{

  font-size: 18px;
  color: #000;
  margin-bottom: 5px;
  font-weight: 500;
}
.dashboard_section .main_box .detail_content h5{
  font-size:30px;
  color:#000;
  font-weight:500;
  margin-bottom: 0;
}
.dashboard_section .main_box {
  border-radius: 12px;
  border: 2px solid #DDD;
  background: #FFF;
}
.company_data_main .line_input_box input {

    padding: 8px 17px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom:20px;
}
.company_data_main .line_input_box .form-label {
    top: 3px;
    font-size: 14px;
    font-weight: 500;
}
.gallery_img_box{
  height:100px;
  width:100px;
  position: relative;
  border:1px solid #222;
  margin-bottom:15px;
}
.close_icon{

  position: absolute;
  right: -7px;
  top: 0;
  color: red;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.gallery_img_box img{
  max-width:100%;
  max-height:100%;
  position: absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin:auto;
}
.click_link{
  color:#261E05;
  font-size:16px;
  font-weight:500;

  padding-top: 10px;
  display: block;
}
.company_data_main .file-upload-wrapper-other .form-label{
  margin-bottom: 0;
}
.company_data_main .line_input_box.focused .form-label {
  font-weight: 500;
}
.summary_heading{
  padding-bottom:10px;
}
.company_data_main .changable_header .nav {
  justify-content: center;
  padding:15px;
  background-color:#fff;
  box-shadow: 0px 0px 21.53829px 0px rgba(0, 0, 0, 0.10);
  border-radius:12px;
  height:100%;
}
.table_section .main_table{
  padding:15px;
  border-radius: 12px;
  border: 2px solid #DDD;
  background: #FFF;
}
.table_section .main_table .copy_url{
  position:relative;
  width:300px;
}
.table_section .main_table .copy_url input{
  width:100%;
  padding:10px 15px;
  border-radius: 8px;
  border: 0.5px solid #000;
}
.copy_btn{
  position: absolute;
  right: 12px;
  top: 32%;
  padding: 5px;
  margin: auto;
  display: flex;
  align-items: center;
  background: white;
  height: auto;
}
.copy_btn svg{
  width:20px;
}

.table_section .main_table .table_heading{
  margin-bottom:0;
  font-size: 18px;
  font-weight: 600;
  color:#000
}
.table_section .name_box{
  display:flex;
  align-items:center;
}
.table_section .name_box .img_box{
  height:50px;
  width:50px;
  border-radius: 50%;
  overflow:hidden;
}
.table_section .name_box img{
  width:100%;
}
.table_section .name_box  .name_row{
  padding-left:10px;
}
.table_section .name_box  .name_row .name{
  font-size:18px;
  margin-bottom:2px;
  font-weight:600;
}
.table_section .name_box  .name_row .designation{
  font-size:14px;
  margin-bottom:0;
  font-weight:500;
}
.table_section .table {
  margin-top:20px;
}
.table_section .table tr{
  vertical-align:middle;
}
.table_section .table thead th{
  background-color: #261E05;
  color:#fff;
  padding:15px;
}
.table_section .table th{
  padding:15px;
}
.table_section .status_btn{
  padding: 10px;
  width: 150px;
  border-radius: 8px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
.table_section .status_btn.active{
  background-color: #e5f4e3;
  color: #168A07;
}
.table_section .status_btn.inactive{
  background-color: #f4e3e3;
  color:#8A0707
}
.table_section .table thead th:first-child{
  border-radius: 12px 0 0 0;
}
.table_section .table thead th:last-child{
  border-radius: 0 12px 0 0;
}
/*.company_data_main .changable_header .nav-item {*/
/*  background: #000000;*/
/*  padding: 7px;*/
/*}*/
.company_data_main .changable_header .nav-item button {
    font-weight:500;
    color: #000;
    font-size: 16px;
    line-height: 25px;
    padding: 15px 0;
    text-align:left;
    width:100%;
    transition:all 0.5s ease;
}
.company_data_main .changable_header .nav-item button:hover span , .company_data_main .changable_header .nav-item button.active span{
    background:#fff;
}
.company_data_main .changable_header .nav-item button span{
    position:relative;
    padding: 10px;
    margin-right: 10px;
    background: #F5F5F5;
    border-radius: 50%;
}
.company_data_main .changable_header .nav-item button span{
  height:100px;
  width:100px;
}
.billing_transaction_modal .modal-header {
  padding:15px;
  border-radius: 0!important;
}
.billing_transaction_modal .modal-header h5{
  color:#261E05;
  font-size:18px;
  font-weight: 600;
  margin:0!important;
}
.billing_transaction_modal .transaction_body .key{
  color:#000000;
  font-size: 16px;
  font-weight: 600;
}
.billing_transaction_modal .transaction_body .value{
  color:#52575C;
  font-size: 16px;
  font-weight: 500;
}
.billing_transaction_modal .transaction_body .transaction_row{
  margin-bottom: 10px;
}
.billing_transaction_modal .transaction_body .value span{
  color: #000000;
  display: inline-block;
  margin-right:7px;
}



@media (min-width: 576px) {
  .billing_transaction_modal .modal-dialog {
      margin-right: 0!important;
      margin-top:0!important;
      margin-bottom:0!important
  }
  .billing_transaction_modal .modal-dialog  .modal-content{
  border-radius: 0!important;
  height: 100vh;
  }
}



.company_data_main .tab-content .tab-pane:first-child{
  background-color:#fff;
  border-radius:12px;
  box-shadow: 0px 0px 21.53829px 0px rgba(0, 0, 0, 0.10);
  height:100%;
}
.company_data_main .tab-content .tab-pane:last-child .transaction_table {
  padding:15px
}

.company_data_main .tab-content .form_heading h4{

  padding: 15px 30px;
  border-bottom: 0.5px solid #FFBD13;
}
.company_data_main .changable_header .nav-item button.active , .company_data_main .changable_header .nav-item button:hover {
  background-color: #fff;
  color: #261E05;
  font-weight:700;
}
/*.company_data_main .changable_header .nav-item:last-child {*/
/*  border-radius: 0 35px 35px 0;*/
/*}*/
/*.company_data_main .changable_header .nav-item:first-child {*/
/*  border-radius: 35px 0 0 35px;*/
/*}*/
.company_data_main .mini_heading h4 {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #261E05;
  margin-bottom:10px;
}
.company_data_main .form_heading h4 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #261E05;
    margin-bottom:10px;
}
.color_input .color_div {
    border: 1px solid #261E05;
    border-radius: 10px;
    position: relative;

    height: 100px;
    width: 100px;
}
.select_color_main{

  display: flex;
  align-items: center;
  padding-left:40px;
}
.color_input input {
  width: 98px;
  border-radius: 10px;
  height: 75px;
  overflow: hidden;
  display: block;
  padding: 0 !important;
  border: 0;
}
.color_input  label{

  font-size: 14px;
  color: #270f01;
  font-weight: 500;
}
.select_color_main .color_input{
  margin-right:20px;
}
.company_details_card_body{
  padding:15px 35px;
}

.company_details_card_body .mini_title{

  font-size: 18px;
  font-weight: 600;
  padding: 50px 0 30px;;
}
.color_input .color_div .show_colorCode {
  color: #261E05;
  font-size: 12px;
  font-weight: 700;
  bottom: -3px;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
.theme_selection .card {
    width: 130px;
    border:0
}
.theme_selection {
    display: flex;
    padding:20px;
}
.radio ~ .plan-details .mockup_mobile {
  position: absolute;
  max-height: 100%;
  max-width: 100%;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  top: 0;
  padding: 9px;
}
.main_selection_row .mini_heading h4{
  padding:15px 30px;;
  color:#000;
  font-size:16px;
  font-weight:500
}
.radio:checked ~ .plan-details {
    border: 2px solid #FFBD13;
}
.radio ~ .plan-details {
    text-align: center;
    height: 200px;
    position: relative;
    border-radius: 12px;
    border: 1px solid #DDD;
}
.theme_selection .radio {
    display: none;
}
.theme_selection .card {
    width: 200px;;
    border-radius: 0;
    margin: 0 7px;
}
.company_data_main .warning_text {
  font-weight:500;
  font-size: 14px;
  line-height: 25px;
  color: #777777;
  margin-top: 0;
  display: block;
}
.company_data_main .map_section iframe {
  border-radius: 28px;
}
.company_data_main .checkbox_label {
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: #261E05;
}
.company_data_main .main-btn {
  width: auto;
  padding: 15px 50px;
  border: 0;
}
.company_data_main .divider {
  opacity: 0.2;
  border: 2px solid #261E05;
  margin: 50px 0 50px 0;
}
.company_data_main .dvPassport {
  display: none;
}
.company_data_main .input_box input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.company_data_main .input_box label {
  position: relative;
  cursor: pointer;
}
.company_data_main .input_box label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #261E05;
  border-radius: 5px;
  padding: 8px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}
.company_data_main .input_box input:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 6px;
    width: 6px;
    height: 14px;
    border: solid #261E05;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
/* .company_data_main .transaction_table {
  padding-top: 70px;
  overflow-y: scroll;
} */
.company_data_main .transaction_table table {
  width: 100%;
}
.company_data_main .transaction_table table thead {
  border-bottom: 2px solid #e9e8e5;
}
.company_data_main .transaction_table table thead th {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  color: #261E05;
  opacity: 0.5;
  padding: 15px 0;
}
.company_data_main .transaction_table table tbody tr {
  background: #FFFFFF;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  margin-top: 20px;
}
.company_data_main .transaction_table table tbody tr td {
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  padding: 25px 0;
  color: #261E05;
}


.company_data_main .inner_transaction_row{
  box-shadow: 0px 0px 21.54px 0px #0000001A;
  padding:15px 20px;
  border-radius:12px;
  margin-bottom: 20px;;
  background-color: #fff;
}
.company_data_main .inner_transaction_row .icon{
  height:40px;
  width:40px;
  background-color: #F5F5F5;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 30px;
}
.company_data_main .inner_transaction_row .date_box{
  display: flex;
  align-content: center;
}
.company_data_main .inner_transaction_row .content{}
.company_data_main .inner_transaction_row .content h4{
  font-size: 18px;
  font-weight: 700;
  color: #261E05;
  margin-bottom: 5px;
}
.company_data_main .inner_transaction_row .content p{
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  color: #7E7E7E;
}
.company_data_main .inner_transaction_row .month_text{
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
  color:#261E05;
} 
.company_data_main .inner_transaction_row .month_text.success{
  color: #0A7120;
}
.company_data_main .inner_transaction_row .month_text.failed{
  color:#8A0707
}
.company_data_main .inner_transaction_row .status_btn , .transaction_row .status_btn{
  padding:10px 20px;
  font-size:16px;
  font-weight: 600;
  border:0;
  border-radius: 12px;
}
.company_data_main .inner_transaction_row .status_btn.success  , .transaction_row .status_btn.success{
  background-color: #E5F4E3;
  color:#168A07;
}
.company_data_main .inner_transaction_row .status_btn.failed , .transaction_row .status_btn.failed{
  background-color: #F2E2DF;
  color:#8A0707;
}
.renewel_text{
  font-size: 16px;
  font-weight: 600;
  background-color: #F4EFE3;
  color: #8A6507;
  text-align: center;
  padding: 7px 0;
  border-radius: 6px;
  margin-top: 30px;
}




.file-upload-wrapper, .file-upload-wrapper-other {
  position: relative;
  width: 100%;
  border:1px dashed #1E1E1E;
  border-radius:10px;
  min-height:40px;
  display: flex;
  margin-top:25px;
  align-items: center;
  justify-content: center;
}
.file-upload-wrapper:after, .file-upload-wrapper-other:after {
  content: attr(data-text);
  font-weight: 600;
  font-size: 14px;
  line-height: 25px;
  color: #261E05;
  display: block;
  text-align: center;
  display:none;
}
.file-upload-wrapper:before,.file-upload-wrapper-other:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 60px;
  color: #fff;
  font-weight: 700;
  z-index: 25;
  font-size: 16px;
  padding: 0 15px;
  text-transform: uppercase;
  pointer-events: none;
  border-radius: 0 5px 5px 0;
}
.file-upload-wrapper input,.file-upload-wrapper-other input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  margin: 0;
  padding: 0;
  display: block;
  cursor: pointer;
  width: 100%;
}

.sprucecss {
  align-items: flex-start;
  background-color: hsl(0, 0%, 100%);
  border-radius: 0.25rem;
  box-shadow: 0 0 0.5rem hsla(0, 0%, 0%, 0.05);
  color: #444;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  inset: auto auto 1rem 1rem;
  line-height: 1.5;
  max-width: 11rem;
  padding: 1.5rem;
  position: fixed;
  text-decoration: none;
}
.sprucecss img {
  height: 1.5rem;
  width: auto;
}

.last_row .file-upload-wrapper,.last_row .file-upload-wrapper-other {
  display: none;
}
.last_row .file-upload-wrapper:after, .last_row .file-upload-wrapper-other:after {
  margin-top:8px;
}

/* billing section strart*/
.billing_heading h4{
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #261E05;
    margin-bottom: 10px;
}
.billing_heading p{
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #261E05;
    margin-bottom: 10px;
}

.summary_table{
    border-radius: 12px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
    padding: 12px;
}
.summary_table .checkout_box .mini_heading{
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 2px;
  color: #261E05;
  opacity: 0.5;
}
.summary_table  .checkout_details{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid #000000;
}
.summary_table .checkout_box span{
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 2px;
  color: #261E05;
}
.summary_table table{
    width:100%;
}
.summary_table tr{
    margin-bottom:10px;
}
.summary_table tbody tr:last-child td{
    padding-bottom:25px;
}
.summary_table td{
    padding-bottom: 10px;
}
.summary_table tfoot{
    border-top:1px solid #261E05;
}
.summary_table tfoot td{
    padding-top:15px;
}
.summary_table td:first-child{
    font-weight:500;
}
.summary_table td span{
    font-size:14px;
    color: #261E05;;
}
.summary_table td svg{
    width:20px;
    margin-right: 10px;
}
.summary_heading{
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    color: #000000;
    margin-bottom:15px;
}
.dropdown-menu.show{
    margin-top: 15px;
    border-radius: 5px;
    left: -50%;
    padding:0;

    border: 2px solid #261e05;

}
.dropdown-menu.show a{
    font-size:14px;
    font-weight: 500;
    padding:7px 0 7px 20px;
    color: #261E05;
}
.payment_option{
    padding-top:15px;
}
.payment_option .main-btn{
    border: 1px solid #261E05;
    color: #fff;
    background-color: #261E05;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
    display: inline-block;
    padding: 10px 38px;
    transition: all 0.5s ease;
    margin-top:20px;
}
.summary_table .payment_heading{
  font-size:18px;
}
.summary_table .notice_text{
  color:#261E05;
  line-height: 24px;
  font-size:14px;
}
.summary_table .notice_text .highlight , .successfull_text .highlight{
  background:#FFBD13;
  font-weight:500;
}
.payment_option .main-btn:hover, .payment_option .main-btn:hover {
    color: #261E05;
    background-color: #FFBD13;
    border: 1px solid #FFBD13;
}
.bootstrap-growl{
    display: flex!important;
    align-items: center;
    justify-content: space-between;
}
.bootstrap-growl a{
    font-size: 24px;
    order:1;
    padding-right: 15px;
}
@media (max-width: 475px) {
  .subscribe .row .rounded_input {
    width: 100% !important;
  }
  .company_data_main {
    padding: 50px 0;
  }
  .company_data_main .changable_header .nav .nav-item {
    padding: 3px;
  }
  .company_data_main .changable_header .nav .nav-item button {
    font-size: 14px;
    font-weight: 500;
    padding: 10px 12px;
  }
}
@media (max-width: 575px) {
  .login_bg .inner_regiter_bg {
    background: #fff;
    padding: 20px;
    border-radius: 20px;
  }
  .login_bg .inner_regiter_bg .tabs_row {
    margin: 30px 0;
  }
  .login_bg .inner_regiter_bg .login_logo {
    width: 80px;
  }
  .login_bg .login_form, .login_bg .register_form {
    padding: 0;
  }
  .tabs_row .changable_tab .radio_container input:checked + label {
    font-size: 14px;
    padding: 7px 25px;
  }
  .tabs_row .changable_tab .radio_container label {
    font-size: 14px;
    padding: 7px 25px;
  }
  .subscribe {
    padding: 120px 0 80px !important;
    margin-top: 100px;
  }
  .subscribe .subscribe_shape {
    width: 65%;
    top: -15% !important;
  }
  .subscribe .row {
    padding-top: 30px;
    padding-bottom: 40px;
    justify-content: center;
    text-align: center;
  }
  .subscribe .yellow_heading h1 {
    font-size: 32px;
    line-height: 50px;
    margin-bottom: 20px;
  }
  .subscribe .row .rounded_input{
    border-radius: 10px;;
  }
  .subscribe .rounded_input {
    padding: 10px 30px !important;
    margin-bottom: 15px;
    width: 70% !important;
  }
  .subscribe .main_btn a {
    padding: 12px 32px !important;
  }
  .share_card .first_main_row {
    flex-wrap: wrap;
  }
  .share_card .first_main_row .first_shape_row, .share_card .first_main_row .second_shape_row {
    display: flex;
    flex-wrap: wrap;
  }
  .share_card .first_main_row .first_shape_row .col_box, .share_card .first_main_row .second_shape_row .col_box {
    text-align: left !important;
    margin: 0 !important;
    width: 50% !important;
  }
  .share_card .first_main_row .first_shape_row .col_box span, .share_card .first_main_row .second_shape_row .col_box span {
    font-weight: 600;
    padding-left: 10px;
  }
  .share_card .first_main_row .first_shape_row .col_box img, .share_card .first_main_row .second_shape_row .col_box img {
    margin: 20px 0;
  }
  .share_card .first_main_row .first_shape_row {
    margin-bottom: 100px;
  }
  .share_card .first_main_row .second_shape_row {
    margin-top: 70px;
  }
  .share_card .first_main_row .second_shape_row .col_box {
    display: flex;
    align-items: center;
  }
  .share_card .first_main_row .second_shape_row .col_box svg {
    order: 0;
  }
  .share_card .first_main_row .second_shape_row .col_box span {
    order: 1;
  }
  .pricing_section .cards {
    margin-top: 100px;
  }
  .mini_hero .row .breadcrumb {
    top: 95%;
  }
  .mini_hero .hero_heading{
    font-size: 35px;
    line-height: 65px;
  }
  .plans_section {
    padding: 40px 0;
  }
  .plans_section .input_box .border_rounded form .form_row {
    padding-left: 0 !important;
  }
  .plans_section .input_box .border_rounded form .main-btn {
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 15px;
  }
  .plans_section .input_box .border_rounded form input {
    padding: 10px 20px 10px 20px;
    font-size: 16px;
  }
  .plans_section .input_box .border_rounded form input::-moz-placeholder {
    font-size: 16px;
  }
  .plans_section .input_box .border_rounded form input::placeholder {
    font-size: 16px;
  }
  .plans_section .input_box .border_rounded .coupon_note {
    font-size: 14px;
    padding-top: 5px;
  }
  .plans_section .price_row {
    padding-top: 30px;
    padding-bottom: 7px;
  }
  .plans_section .price_row .price_col {
    padding-top: 30px;
  }
  .plans_section .price_row .col {
    width: 100%;
  }
  .plans_section .price_row .checkbox_text label {
    font-size: 14px;
  }
  .plans_section .price_row .checkbox_text label::before {
    margin-right: 5px;
    padding: 8px;
  }
  .plans_section .price_row .total_price_text {
    padding-right: 18px !important;
    font-size: 22px !important;
  }
  .plans_section .price_row .price_count {
    font-size: 22px !important;
  }
  .plans_section .price_row .price_count svg {
    width: 14px !important;
  }
  .plans_section .btn_row button {
    border: 0;
    font-size: 14px;
    padding: 15px 50px;
  }
  .plans_section .plans_radio label {
    font-size: 16px;
    line-height: 18px !important;
    padding-left: 25px !important;
  }
  .plans_section .plans_radio [type=radio]:checked + label:before, .plans_section .plans_radio [type=radio]:not(:checked) + label:before {
    width: 18px;
    height: 18px;
  }
  .plans_section .plans_radio [type=radio]:checked + label:after, .plans_section .plans_radio [type=radio]:not(:checked) + label:after {
    width: 10px;
    height: 10px;
    top: 4px;
    left: 4px;
  }
  .plans_section table thead th {
    text-align: center;
  }
  .plans_section table thead th span {
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    padding-top: 15px;
  }
  .plans_section table thead th img {
    display: block;
    margin: auto;
  }
  .plans_section table tbody td {
    padding: 12px 20px;
  }
  .plans_section table tbody td select {
    font-size: 16px;
    font-weight: 600;
    padding: 7px 50px 7px 17px;
  }
  .plans_section table tbody td span {
    font-size: 16px;
    font-weight: 600;
  }
}
@media (max-width: 767px) {
  .main_heading h1 {
    font-size: 28px;
    line-height: 42px;
    padding-bottom: 0;
  }
  .otp_group input{
    font-size: 20px;
    font-weight: 600;
    width: 45px;
    height: 45px;
  }
  .company_data_main{
    padding: 40px 0!important;
  }
  .company_data_main .changable_header  .nav-pills{
    flex-wrap: nowrap;
    overflow: auto;
    justify-content:  start;
    padding-left: 0;
  }
  .company_data_main .changable_header .nav .nav-item button{
    font-size: 12px;
    font-weight: 500;
    padding: 0 5px;
    text-align: center;
    line-height: 22px;
  }
  .company_data_main .changable_header .nav .nav-item .nav-link span{
    margin:0 0 10px 0;
    display:inline-block;
    height: 100%;
    width: 100%;
  }
  .file-upload-wrapper-other .form-label{
    margin-top: 0;
  }
  .breadcrumb{
    padding-left:20px;
  }
  .header_nav .normal_text a{
    font-size:16px;

  }
  header .navbar-collapse{
    margin-top:20px;
  }
  header .navbar-collapse .navbar-nav a{
    font-size:16px;
    margin-bottom:20px;
    display:block;
  }
  .company_data_main .tab-content{
    margin-top:20px;
  }

  .dashboard_section .main_box .detail_content p{
    font-size:14px;
  }
  .dashboard_section .main_box .detail_content h5{
    font-size:20px;
  }
  .table_section .table thead th{
    font-size: 14px;
    font-weight: 500;
    text-align:center;
  }
  .table_section th{
    min-width: 220px;
  }
  .table_section .name_box .name_row .designation {
    font-size: 12px;
  }

  .table_section .name_box .name_row .name {
    font-size: 14px;
  }
  .table_section td{
    font-size:14px;
    text-align: center;
  }
  .table_section .status_btn{
    width:120px;
    font-size:14px;
    margin:auto
  }
  .dashboard_section .main_box{
    margin-bottom:20px;
  }





  .hero_banner .main_btn a, .hero_banner .main_btn button{
    margin-top:20px;
  }
  .endless_mockup .container .row .part_img{
    overflow: hidden !important;;
  }
  .main_btn a, .main_btn button{
    margin-left:0!important;
  }
  .login_bg .inner_regiter_bg {
    background: #fff;
    padding: 20px;
    border-radius: 20px;
  }
  .share_card{
    padding:30px 0;
  }
  .share_card .main_heading {
    padding-bottom:0!important;
    margin-bottom:20px!important;
  }
  .share_card .shape_row .col_box svg{
    border-radius: 5px;
    margin: 15px 0;
    height: 55px;
    width: 55px;
  }
  .login_bg .inner_regiter_bg .register_form, .login_bg .inner_regiter_bg .login_form {
    padding: 0 15px;
  }
  .normal_text p {
    font-size: 14px !important;
    line-height: 24px !important;
  }
  .hero_banner {
    padding: 20px 0;
  }
  .hero_banner .row .part_text .heading_shape {
    top: 40%;
    width: 20%;
    left: 3%;
  }
  .hero_banner .row .part_text h1 {
    font-size: 36px;
    line-height: 44px;
  }
  .hero_banner .row .part_text p {
    font-size: 17px;
    line-height: 30px;
    padding: 0 20px 10px;
  }
  .mockup_swiper .mockup_bg_shape {
    left: 0;
    width: 100%;
  }
  .share_card .first_shape_row span , .share_card .second_shape_row span{
    font-size:16px;
  }
  .digital_card .hand_mockup {
    display: none;
  }
  .endless_mockup {
    margin: 0;
    overflow-x: hidden;
  }
  .endless_mockup .part_img .bee_shape {
    width: 100%;
  }
  .endless_mockup .part_img .bee_shape1 {
    left: -3%;
    top: -25%;
  }
  .endless_mockup .main_heading h1 {
    margin-top: 50px;
  }
  .endless_mockup .normal_text {
    padding: 0 !important;
  }
  .share_card .first_main_row {
    flex-wrap: wrap;
  }
  .share_card .first_main_row .col_box {
    text-align: left !important;
    margin: 0 !important;
    width: 50% !important;
  }
  .share_card .first_main_row .col_box span {
    padding-left: 12px;
  }
  .share_card .first_main_row .first_shape_row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 100px;
  }
  .share_card .first_main_row .second_shape_row {
    margin-top: 70px;
    display: flex;
    flex-wrap: wrap;
  }
  .share_card .first_main_row .second_shape_row .col_box {
    display: flex;
    align-items: center;
  }
  .share_card .first_main_row .second_shape_row .col_box svg {
    order: 0;
  }
  .share_card .first_main_row .second_shape_row .col_box span {
    order: 1;
  }
  .pricing_section {
    padding: 50px 0;
  }
  .pricing_section .cards {
    margin-top: 100px;
  }
  .pricing_section .pricing_bg, .pricing_section .pricing_girl, .pricing_section .pricing_tree {
    display: none;
  }
  .pricing_section .tabs_row {
    margin: 0;
  }
  .pricing_section .box_row {
    padding-top: 0 !important;
    position: relative;
  }
  .pricing_section .pricing_services p {
    margin-bottom: 12px !important;
  }
  .pricing_section .pricing_services p svg {
    width: 20px;
  }
  .pricing_section .col-12 {
    margin-top: 60px;
  }
  .subscribe {
    background-image: url(../images/subscribe_bg_mobile.svg);
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 315px 0 150px;
  }
  .subscribe .row {
    justify-content: center;
    text-align: center;
  }
  .subscribe .subscribe_shape {
    width: 65%;
    right: 0;
    left: 0;
    margin: auto;
    top: 0;
  }
  .subscribe .rounded_input {
    padding: 10px 30px !important;
    margin: 15px 0;
  }
  .subscribe .main_btn a {
    padding: 15px 38px !important;
  }
  footer .footer_menu {
    padding-top: 10px !important;
  }
  footer .footer_menu a {
    font-size: 14px !important;
    padding-bottom: 10px !important;
  }
  footer .social_icons {
    margin: 30px 0 50px;
  }
  .modal .col-lg-4 {
    display: none;
  }
  .modal .banner_btn_grp {
    margin-bottom: 40px;
  }
  .modal .shape_form_main {
    padding: 0 20px;
  }
  .plans_section {
    padding: 40px 0;
  }
  .plans_section .coupon_row {
    margin-top: 30px;
    padding-bottom: 50px;
  }
  .plans_section .input_box .border_rounded {
    position: relative;
  }
  .plans_section .input_box .border_rounded form .form_row {
    padding-left: 0 !important;
  }
  .plans_section .input_box .border_rounded form .main-btn {
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 15px;
  }
  .plans_section .input_box .border_rounded form input {
    padding: 10px 20px 10px 20px;
    font-size: 16px;
  }
  .plans_section .input_box .border_rounded form input::-moz-placeholder {
    font-size: 16px;
  }
  .plans_section .input_box .border_rounded form input::placeholder {
    font-size: 16px;
  }
  .plans_section .input_box .border_rounded .coupon_note {
    font-size: 14px;
    padding-top: 5px;
    position: absolute;
    bottom: -30px;
  }
  .plans_section .price_row {
    padding-top: 30px;
    padding-bottom: 7px;
  }
  .plans_section .price_row .price_col {
    padding-top: 0;
  }
  .plans_section .price_row .col {
    width: 100%;
  }
  .plans_section .price_row .checkbox_text label {
    font-size: 14px;
  }
  .plans_section .price_row .checkbox_text label::before {
    margin-right: 5px;
    padding: 8px;
  }
  .plans_section .price_row .total_price_text {
    padding-right: 18px !important;
    font-size: 22px !important;
  }
  .plans_section .price_row .price_count {
    font-size: 22px !important;
  }
  .plans_section .price_row .price_count svg {
    width: 14px !important;
  }
  .plans_section .btn_row button {
    border: 0;
    font-size: 14px;
    padding: 15px 50px;
  }
  .plans_section .plans_radio label {
    font-size: 16px;
    line-height: 18px !important;
    padding-left: 25px !important;
  }
  .plans_section .plans_radio [type=radio]:checked + label:before, .plans_section .plans_radio [type=radio]:not(:checked) + label:before {
    width: 18px;
    height: 18px;
  }
  .plans_section .plans_radio [type=radio]:checked + label:after, .plans_section .plans_radio [type=radio]:not(:checked) + label:after {
    width: 10px;
    height: 10px;
    top: 4px;
    left: 4px;
  }
  .plans_section table thead th {
    text-align: center;
  }
  .plans_section table thead th span {
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    padding-top: 15px;
  }
  .plans_section table thead th img {
    display: block;
    margin: auto;
  }
  .plans_section table tbody td {
    padding: 12px 20px;
  }
  .plans_section table tbody td select {
    font-size: 16px;
    font-weight: 600;
    padding: 7px 50px 7px 17px;
  }
  .plans_section table tbody td span {
    font-size: 16px;
    font-weight: 600;
  }
  .company_data_main {
    padding: 70px 0;
  }
  .company_data_main .form_heading h4 {
    font-size: 20px;
  }
  .company_data_main .line_input_box input {
    padding: 10px 30px;
    border-radius: 12px;
  }
  .company_data_main .line_input_box label {
    font-size: 12px !important;
    top: 16px !important;
  }
  .company_data_main .line_input_box input, .company_data_main .line_input_box textarea {
    margin-bottom:20px;
  }
  .company_data_main .mini_heading h4 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .company_data_main .row {
    padding-bottom: 20px;
  }
  .company_data_main .warning_text {
    font-size: 14px;
  }
  .company_data_main .map_section {
    padding-bottom: 20px;
  }
  .company_data_main table td, .company_data_main table th {
    min-width: 150px;
  }
  .pricing_section .box_row .cards .card1 .pricing_heading{
    background: #fdbc13;
    padding: 3px 55px;
    border-radius: 20px;
  }
  .pricing_section .box_row .cards .card1 .pricing_heading h5{
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
  }
  .pricing_section .box_row .cards .card1 .pricing_heading h5 span{

    font-size: 32px;
    line-height: 50px;
  }
  .pricing_section .box_row .cards .card1 .pricing_services p{

    padding-left: 15px;
    text-align: left;
    line-height: 35px;
    font-size: 16px;
    line-height: 35px;
    justify-content: start;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .hero_banner .heading_shape {
    width: 25%;
    left: -3% !important;
    top: 40% !important;
  }

  .dashboard_section .main_box .detail_content p{
    font-size:14px;
  }
  .dashboard_section .main_box .detail_content h5{
    font-size:20px;
  }
  .table_section .table thead th{
    font-size: 14px;
    font-weight: 500;
    text-align:center;
  }
  .table_section th{
    min-width: 220px;
  }
  .table_section .name_box .name_row .designation {
    font-size: 12px;
  }

  .table_section .name_box .name_row .name {
    font-size: 14px;
  }
  .table_section td{
    font-size:14px;
    text-align: center;
  }
  .table_section .status_btn{
    width:120px;
    font-size:14px;
    margin:auto
  }
  .dashboard_section .main_box{
    margin-bottom:20px;
  }






  .login_bg .inner_regiter_bg {
    background: #fff;
    padding: 50px 20px 20px 20px;
    border-radius: 20px;
  }
  .login_bg .inner_regiter_bg .register_form, .login_bg .inner_regiter_bg .login_form {
    padding: 0 15px;
  }
  .digital_card .hand_mockup {
    display: none;
  }
  .endless_mockup {
    margin-top: 0;
  }
  .endless_mockup .part_img {
    text-align: center;
  }
  .endless_mockup .part_img .bee_shape1 {
    left: 2% !important;
    transform: rotate(-20deg);
  }
  .endless_mockup .part_img .bee_shape3 {
    right: 5% !important;
  }
  .endless_mockup .part_desc {
    padding-top: 70px;
  }
  .subscribe {
    padding: 315px 0 150px;
  }
  .subscribe .row {
    padding-top: 20px;
    padding-bottom: 70px;
  }
  .subscribe .subscribe_shape {
    top: 0;
    width: 40%;
    right: 5% !important;
  }
  .subscribe .rounded_input {
    padding: 15px 30px !important;
    margin: 15px 0;
  }
  .subscribe .main_btn a {
    padding: 15px 38px !important;
  }
  .share_card .first_main_row {
    flex-wrap: wrap;
  }
  .share_card .first_main_row .col_box {
    text-align: left !important;
    margin: 0 !important;
    width: 50% !important;
  }
  .share_card .first_main_row .col_box span {
    padding-left: 12px;
  }
  .share_card .first_main_row .first_shape_row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 100px;
  }
  .share_card .first_main_row .second_shape_row {
    margin-top: 70px;
    display: flex;
    flex-wrap: wrap;
  }
  .share_card .first_main_row .second_shape_row .col_box {
    display: flex;
    align-items: center;
  }
  .share_card .first_main_row .second_shape_row .col_box svg {
    order: 0;
  }
  .share_card .first_main_row .second_shape_row .col_box span {
    order: 1;
  }
  .pricing_section {
    padding-top: 0 !important;
    position: relative;
  }
  .pricing_section .pricing_bg, .pricing_section .pricing_girl, .pricing_section .pricing_tree {
    display: none;
  }
  .pricing_section .box_row {
    padding-top: 0;
  }
  .pricing_section .box_row .card1 {
    margin: 0 60px 60px 60px;
  }
  footer .footer_menu {
    padding-top: 10px !important;
  }
  footer .footer_menu a {
    font-size: 14px !important;
    padding-bottom: 12px !important;
  }
  footer .social_icons {
    margin: 30px 0 50px;
  }
  .modal .col-lg-4 {
    display: none;
  }
  .modal .banner_btn_grp {
    margin-bottom: 40px;
  }
  .modal .shape_form_main {
    padding: 0 20px;
  }
  .plans_section table th {
    text-align: center;
    padding: 15px 15px !important;
  }
  .plans_section table th span {
    padding: 0 !important;
    padding-top: 10px !important;
    display: block !important;
    font-size: 16px !important;
    line-height: 24px !important;
  }
  .plans_section table tbody td {
    padding: 15px;
    text-align: center;
  }
  .plans_section table tbody td select {
    font-weight: 500;
    font-size: 16px;
    padding: 8px 46px 8px 20px;
  }
  .plans_section table tbody td span {
    font-weight: 500;
    font-size: 16px;
  }
  .plans_section .input_box .border_rounded {
    position: relative;
  }
  .plans_section .input_box .border_rounded .coupon_note {
    position: absolute;
    bottom: -30px;
  }
  .plans_section .input_box .border_rounded form .main-btn {
    font-size: 16px;
    line-height: 20px;
  }
  .plans_section .coupon_row {
    padding-bottom: 60px;
  }
  .plans_section .price_row {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .plans_section .price_row .price_col .total_price_text {
    font-size: 22px;
    padding-right: 25px;
  }
  .plans_section .price_row .price_col .price_count {
    font-size: 22px;
  }
  .plans_section .price_row .price_col .price_count svg {
    width: 12px;
  }
  .plans_section .btn_row button {
    border: 0;
    font-size: 16px;
    padding: 16px 50px;
  }
  .plans_section .checkbox_text label {
    font-size: 16px;
  }
  .plans_section .checkbox_text label::before {
    padding: 8px;
    margin-right: 10px;
  }
  .company_data_main .row {
    padding-top: 20px;
  }
  .company_data_main .form_heading h4 {
    font-size: 28px;
    margin-bottom: 0px;
  }
  .pricing_section .tabs_row{
    margin:70px 0 100px 0
  }
  .pricing_section .box_row .cards .card1 .pricing_heading{
    border-radius:25px;
    padding: 15px 90px;
  }
  .pricing_section .box_row .cards .card1 .pricing_heading h5 span{
    font-size: 44px;
    line-height: 70px;
  }
  .pricing_section .box_row .cards .card1 .pricing_services p{

    font-size: 20px;
    line-height: 35px;
    padding-left:15px;
    justify-content:start;
    text-align: left;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .normal_text p.gray {
    font-size: 16px;
  }
  .main_heading h1 {
    font-size: 45px;
    line-height: 65px;
  }
  .dashboard_section .main_box .detail_content p{
    font-size:14px;
  }
  .dashboard_section .main_box .detail_content h5{
    font-size:20px;
  }
  .table_section .table thead th{
    font-size: 14px;
    font-weight: 500;
  }

  .table_section .name_box .name_row .designation {
    font-size: 12px;
  }

  .table_section .name_box .name_row .name {
    font-size: 14px;
  }
  .table_section td{
    font-size:14px;
  }
  .table_section .status_btn{
    width:120px;
    font-size:14px;
  }
  .hero_banner .part_text .heading_shape {
    left: -7% !important;
  }
  .hero_banner .part_text h1 {
    font-size: 62px !important;
    line-height: 80px !important;
    padding-bottom: 20px !important;
  }
  .hero_banner .part_text p {
    font-size: 20px !important;
    padding: 0 100px 20px !important;
  }
  .digital_card .hand_mockup {
    width: 50% !important;
  }
  .endless_mockup {
    margin: 150px 0 70px;
  }
  .endless_mockup .bee_shape {
    width: 100% !important;
  }
  .endless_mockup .part_desc {
    padding-left: 80px;
  }
  .endless_mockup .part_desc .main_heading {
    margin-bottom: 30px;
  }
  .endless_mockup .part_desc .normal_text {
    padding: 0 !important;
  }
  .subscribe {
    padding: 315px 0 150px;
  }
  .subscribe .row {
    padding-top: 20px;
    padding-bottom: 70px;
  }
  .subscribe .subscribe_shape {
    top: 0;
    width: 30%;
    right: 5% !important;
  }
  .subscribe .rounded_input {
    padding: 15px 30px !important;
    margin: 15px 0;
  }
  .subscribe .main_btn a {
    padding: 15px 38px !important;
  }
  .pricing_section {
    padding: 35px 0 70px;
  }
  .pricing_section .pricing_bg {
    width: 100%;
    bottom: 0;
  }
  .pricing_section .box_row {
    padding-top: 20px;
  }
  .pricing_section .card1 .pricing_heading {
    padding: 10px 50px 0px 50px !important;
  }
  .pricing_section .card1 .pricing_heading h5 {
    font-size: 18px !important;
  }
  .pricing_section .card1 .pricing_heading h5 span {
    font-size: 32px !important;
    padding: 0 2px;
  }
  .pricing_section .card1 .pricing_services {
    padding-bottom: 35px !important;
  }
  .pricing_section .card1 .pricing_services p {
    font-size: 16px !important;
    margin-bottom: 15px !important;
  }
  .pricing_section .card1 .pricing_services p svg {
    width: 18px !important;
    margin-right: 7px !important;
  }
  .modal .col-lg-4 {
    display: none;
  }
  .modal .banner_btn_grp {
    margin-bottom: 40px;
  }
  .plans_section {
    padding: 50px 0 50px;
  }
  .plans_section .plans_radio {
    margin-bottom: 40px;
  }
  .plans_section .plans_radio [type=radio]:checked + label:before, .plans_section .plans_radio [type=radio]:not(:checked) + label:before {
    height: 22px;
    width: 22px;
  }
  .plans_section .plans_radio [type=radio]:checked + label:after, .plans_section .plans_radio [type=radio]:not(:checked) + label:after {
    top: 5px;
    left: 5px;
    width: 12px;
    height: 12px;
  }
  .plans_section .plans_radio label {
    font-size: 22px;
    line-height: 18px !important;
  }
  .plans_section table th span {
    padding: 0 !important;
    padding-top: 10px !important;
  }
  .plans_section table td span {
    font-size: 20px !important;
    line-height: 26px !important;
  }
  .plans_section table td select {
    font-size: 20px !important;
    padding: 8px 50px 8px 25px !important;
  }
}/*# sourceMappingURL=style.css.map */
.select2-container .select2-selection--single{
    height:auto!important;
}

.select2-container--default .select2-selection--single{
    border:0!important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #928e82!important;
    padding: 8px 10px!important;
    border: 1px solid #261E05!important;
    border-radius: 10px!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    top:12px!important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color:#261E05!important;
}
.line_input_box label.error {
  color: red;
  font-weight: 600;
  margin: 0px 0px 5px 0px;
  position:absolute;
    left: 15px;
    bottom: 3px;
    font-size: 12px;
    font-weight: 400;
}
.company_availbility{

  font-size: 14px;
  color:#884e3a;
  position: absolute;
  left: 100%;
  bottom: 0px;
}
.iti--allow-dropdown label.error{
  left: 5px;
  bottom: -24px;
}

 .rangeslider, .rangeslider__fill {
     border-radius: 10px;
 }
 .rangeslider {
     background: #000;
     position: relative;
 }
 .rangeslider--horizontal {
     height: 12px;
     width: 100%;
 }
 .rangeslider--vertical {
     width: 20px;
     min-height: 150px;
     max-height: 100%;
     height: 100%;
 }
 .rangeslider--disabled {
     opacity: 0.4;
 }
 .rangeslider__fill {
     background: #FDBC14;
     position: absolute;
 }
 .rangeslider--horizontal .rangeslider__fill {
     top: 0;
     height: 100%;
 }
 .rangeslider--vertical .rangeslider__fill {
     bottom: 0;
     width: 100%;
 }
 .rangeslider__handle {
     background: #fdbc14;
     cursor: pointer;
     display: inline-block;
     width: 25px;
     height: 25px;
     position: absolute;
     border-radius: 50%;
 }

 .rangeslider--horizontal .rangeslider__handle {
     top: -8px;
     touch-action: pan-y;
     -ms-touch-action: pan-y;
 }
 .rangeslider--vertical .rangeslider__handle {
     left: -10px;
     touch-action: pan-x;
     -ms-touch-action: pan-x;
 }
.chkform .validate-has-error{

    bottom: 8px;
}
.company_data_main .validate-has-error{
 bottom: 0
}

.iti--allow-dropdown .validate-has-error{

    bottom: -17px;}