body {
  font-family: "Roboto", sans-serif;
  background-color: #fff; }

p {
  color: #b3b3b3;
  font-weight: 300; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Roboto", sans-serif; }

a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; }
  a:hover {
    text-decoration: none !important; }

.content {
  padding: 7rem 0; }

h2 {
  font-size: 20px; }

.half, .half .container > .row {
  min-height: 100vh;
  /* height: 100vh;
  min-height: 112vh;  */

  /* min-height: 700px;  */
}

@media (max-width: 991.98px) {
  .half .bg {
    height: 200px; } 
}

.half .contents {
  background: #f6f7fc;
  /* background: #fff;  */
}

.half .contents, .half .bg {
  width: 50%; }
  @media (max-width: 1199.98px) {
    .half .contents, .half .bg {
      width: 100%; } 
}

  .half .contents .form-control, .half .bg .form-control {
    border: 1px solid #ced4da9e;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    height: 54px !important;
    background: #fff; 
    font-size: 14px;
  }
    .half .contents .form-control:active, .half .contents .form-control:focus, .half .bg .form-control:active, .half .bg .form-control:focus {
      outline: none;
      -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); 
    }

.half .bg {
  background-size: cover;
  background-position: center; }

.half a {
  color: #888;
  text-decoration: underline; }

.half .btn {
  height: 54px;
  padding-left: 30px;
  padding-right: 30px; }

.half .forgot-pass {
  position: relative;
  top: 0px;
  font-size: 14px;
  margin-left: 4px;
 }

.control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 14px; }
  .control .caption {
    position: relative;
    top: .2rem;
    color: #888; }

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0; }

.control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #e6e6e6;
  border-radius: 4px; }

.control--radio .control__indicator {
  border-radius: 50%; }

.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #ccc; }

.control input:checked ~ .control__indicator {
  background: #fb771a; }

.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #fb8633; }

.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.9;
  pointer-events: none; }

.control__indicator:after {
  font-family: 'icomoon';
  content: '\e5ca';
  position: absolute;
  display: none;
  font-size: 16px;
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; }

.control input:checked ~ .control__indicator:after {
  display: block;
  color: #fff; }

.control--checkbox .control__indicator:after {
  top: 50%;
  left: 50%;
  margin-top: -1px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b; }

.control--checkbox input:disabled:checked ~ .control__indicator {
  background-color: #7e0cf5;
  opacity: .2; }


/* ================================================== */

.minlgnfom .chck-chnelsec .form-check{
  width: auto !important;
}
.minlgnfom .logo{
  margin-bottom: 7px;
}
.minlgnfom .logo img{
  width: 100px;
}
.minlgnfom .text-h{
  font-size: 26px;
  margin-bottom: 1px;
}
.minlgnfom .logo, .minlgnfom .text-h, .minlgnfom .text-sh{
	text-align: center;
}
.btn-theme{
	color: #fff;
  /* background-color: #8c5e21;
  border-color: #8c5e21; */
  background-color: #371d20;
  border-color: #371d20;
}
.btn-theme:hover {
  color: #fff;
  background-color: #a5702b;
  border-color: #a5702b;
}



.afterphone {
  color: #fff !important;
  background-color: #a5702b;
  border-color: #a5702b;
}

@media (min-width: 900px){
  .minlgnfom .main-dv{
    max-width: 390px;
  }
  .minlgnfom .main-dvb{
    padding: 0 50px;
  }
}

.otp-field {
  display: flex;
  justify-content: center;
}

.otp-field input {
  margin: 2px;
  transition: all 0.1s;

  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
  font-weight: 800;
  font-size: 1.5rem;
  line-height: 2rem;
  padding: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  border-color: #0000002b;
  border-width: 1px;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  appearance: none;
  width: 3.5rem;
  height: 3.5rem;
  text-align: center;
}

.otp-field input:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 231 255 / var(--tw-ring-opacity));
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: rgb(129 140 248 / var(--tw-border-opacity));
}

.otp-field .disabled {
  opacity: 0.5;
}

.input-groups{
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
}
.input-groups .input-group-text{
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  font-size: 0.875rem;
  letter-spacing: 0;
  border-radius: 0.25rem 0 0 0.25rem;
  border-right: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.input-groups .form-control{
  border-radius: 0 4px 4px 0;
}

.form-control::placeholder{
  font-size: 14px;
}

.minlgnfom .fmradsec{
  display: flex;
  justify-content: flex-start;
}
.minlgnfom .fmrnvttp{
  justify-content: center;
}
.minlgnfom .fmrnvttp .nav-link{
  text-decoration: none;
}
.minlgnfom .fmrnvttp .nav-link{
    background: #f9ecd9;
    color: #00000082;
}
.minlgnfom .fmrnvttp .nav-link.active {
  color: #fff;
  background-color: #b0772c;
}

.minlgnfom form{
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  background: white;
  padding: 29px 20px 9px;
  border-radius: 20px;
}
.minlgnfom .text-hf{
  text-align: center;
  font-size: 20px;
  margin-bottom: 28px;
}

.minlgnfom .ordivide{
  text-align: center;
  position: relative;
  margin-bottom: 18px;
  margin-top: 18px;
  font-size: 12px;
}
.minlgnfom .ordivide::before{
  content: "";
  background-color: #0000008f;
  height: 1px;
  position: absolute;
  width: 50px;
  left: 24px;
  top: 10px;
}
.minlgnfom .ordivide::after{
  content: "";
  background-color: #0000008f;
  height: 1px;
  position: absolute;
  width: 50px;
  right: 24px;
  top: 10px;
}
.minlgnfom .ordivide a{
  color: #b0772c;
}

.mdlfrmpass .modal-body{
  padding: 40px 36px 32px;
}
.mdlfrmpass .modal-body .texta{
  text-align: center;
}
.mdlfrmpass .modal-body .textb{
  text-align: center;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 25px;
}
.mdlfrmpass .modal-body .otp-ngt span{
  color: #000;
  font-size: 14px;
    font-weight: 400;
    margin-top: 16px;
    margin-bottom: 24px;
}
.mdlfrmpass .modal-body .otp-ngt span a{
  margin-left: 4px;
}
.mdlfrmpass .modal-body .subfrm{
    margin: auto;
    display: flex;
    justify-content: center;
}
.mdlfrmpass .modal-body .subfrm .btn{
  width: 70%;
}

.half .contents select{
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position-x: 96% !important;
  background-position-y: 15px !important;
  appearance: none;
}
.form-control:focus{
	border-color: #1111114a !important;
}

/* ========================= */
/*form styles*/
#msform {
  text-align: center;
  position: relative;
  margin-top: 20px;
}


/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
  display: none;
}




/*Blue Buttons*/
#msform .action-button {
  width: 100px;
    background: #b0772c;
    color: white;
    border: 0 none;
    border-radius: 5px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
    font-weight: 500;
    text-decoration: none;
  padding: 14px 39px 14px 35px;
}

.confirmbutton{padding: 14px 89px 14px 35px !important;}


.form-card {
  margin-bottom: 28px;
}

.tab-pane {
  margin-bottom: 31px;
}


#msform .action-button:hover, #msform .action-button:focus {
  box-shadow: 0 0 0 2px white, 0 0 0 3px skyblue;
}

/*Previous Buttons*/
#msform .action-button-previous {
  width: 100px;
  background: #616161;
  font-weight: bold;
  color: white;
  border: 0 none;
  border-radius: 0px;
  cursor: pointer;
  padding: 14px 39px 14px 35px;
  margin: 10px 5px;
  text-decoration: none;
  padding: 14px 39px 14px 35px;
}
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus {
  box-shadow: 0 0 0 2px white, 0 0 0 3px #616161;
}



/*progressbar*/
#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  color: lightgrey;
  padding: 0;
}

#progressbar .active {
  color: #000000;
}

#progressbar li {
  list-style-type: none;
  font-size: 12px;
  width: 20%;
  float: left;
  position: relative;
  z-index: 11;
}

/*Icons in the ProgressBar*/
#progressbar #question:before {
  font-family: FontAwesome;
  content: "1";
  /* content: "\f023"; */
}
#progressbar #account:before {
  font-family: FontAwesome;
  content: "2";
  /* content: "\f023"; */
}

#progressbar #personal:before {
  font-family: FontAwesome;
  content: "3";
  /* content: "\f007"; */
}

#progressbar #payment:before {
  font-family: FontAwesome;
  content: "4";
  /* content: "\f09d"; */
}

#progressbar #confirm:before {
  font-family: FontAwesome;
  content: "5";
  /* content: "\f00c"; */
}

/*ProgressBar before any progress*/
#progressbar li:before {
  width: 50px;
  height: 50px;
  line-height: 45px;
  display: block;
  font-size: 18px;
  color: #ffffff;
  background: lightgray;
  border-radius: 50%;
  margin: 0 auto 10px auto;
  padding: 2px;
}

/*ProgressBar connectors*/
#progressbar li:after {
  content: '';
  width: 100%;
  height: 2px;
  background: lightgray;
  position: absolute;
  left: 0;
  top: 25px;
  z-index: -1;
}

/*Color number of the step and the connector before it*/
#progressbar li.active:before, #progressbar li.active:after {
  background: #b0772c;
}

/* ================================================ */

#csv-input {
  display: none;
}
.frmbruse span{
  line-height: 2.5;
  background: #f9ecd9;
  color: #000;
  border: 1px solid #b0772c;
}

.t-left{
  text-align: left !important;
}

.whursec span{
  padding: 17px 10px;
    font-size: 13px;
}
.whursec input{
  text-align: center;
}

.chck-chnelsec {
  display: flex;
  flex-wrap: wrap;
}
.chck-chnelsec .form-check {
  background-color: rgb(142 84 233 / 9%) !important;
  color: #000;
  border-color: rgb(var(--info-rgb));
  margin: 0;
  padding: 5px 10px 5px 4px;
  border-radius: 6px;
  margin-right: 8px;
  margin-bottom: 11px; 
  display: flex;
  width: 24%;
}
.chck-chnelsec .form-check input {
  width: 0.9rem;
  height: 0.85rem;
  margin: 2.2px 5px 0 4px;
  position: relative !important;
}
.chck-chnelsec .form-check label {
  margin: 0px;
  font-size: 0.85rem;
}


input[type=checkbox] {
	accent-color: #8c5e21;
}
.commanotp-btnin {
  position: absolute;
  right: 5px;
  top: 7px;
  font-size: 13px;
  padding: 11px 7px 9px;
  color: #8c5e21;
  height: auto !important;
}
.customfieldsec .chck-chnelsec {
  display: flex;
  flex-wrap: wrap;
}
.customfieldsec .form-check {
  background-color: rgb(142 84 233 / 9%) !important;
  color: #000;
  border-color: rgb(var(--info-rgb));
  margin: 0;
  padding: 6px 13px 5px 6px;
  border-radius: 6px;
  margin-right: 8px;
  margin-bottom: 11px;
  display: flex;
  align-items: center;
}

/* ----------------------------------- */

.funnyques_sec .nametag{
  background-color:#b0772c;
  border-radius:25px;
  text-align:center;
  padding:5px 0px 30px;
  max-width:500px;
  /* width:100%;
  margin: 5% auto; */
  transform:rotate(0deg);
  box-shadow: 1px 2px 5px black;
  width: 31.33%;
  margin-right: 8px;
  float: left;
  margin-bottom: 20px;
}
.funnyques_sec .nt_header{
  line-height:5px;
  position: relative;
  height: 116px;
  align-items: center;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  padding: 0 7px;
  flex-direction: row;
  justify-content: center;
}
.funnyques_sec .nt_name{
  background-color:white;
  padding: 2px 0px;
}
.funnyques_sec .nt_name p, .funnyques_sec .nt_name input,
.funnyques_sec .nt_name textarea{
  color:black;
  font-family: 'Rock Salt', cursive;
  font-size: 1.1em;
  transform: rotate(0deg);
  border-width:0px;
  text-align:center;
  width:100%;
  background:transparent;
}
.funnyques_sec .nt_name input:focus{
  outline:none;
}
.funnyques_sec .nt_header h1{
  margin-bottom: 0;
}
.funnyques_sec .nt_header h2{
  font-size: 14.5px;
}
.funnyques_sec .nt_header h1, .funnyques_sec .nt_header h2 {
  color: white;
  font-family: 'Ubuntu', sans-serif;
  text-transform: inherit;
}
.funnyques_sec  .maindiv_fq{
  display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.funnyques_sec .nt_name textarea:focus-visible{
  outline: unset;
}
.funnyques_sec .nt_header_img{
  position: absolute;
  width: 30px;
  bottom: 0;
  z-index: -1;
  right: 0;
  opacity: .6;
}
.funnyques_sec .nt_header_imgc{
  position: absolute;
  width: 30px;
  bottom: 0px;
  z-index: -1;
  left: 0px;
  opacity: .8;
}
.funnyques_sec .nt_header{
  position: relative;
}
.funnyques_sec .nametag .nt_name {
  background-image: url("../images/lawyer-iconb.png"); 
  /* background-color: #cccccc; 
  height: 500px;  */
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: contain; 
}
.funnyques_sec .nametag .nt_name{
  position: relative;
}
.funnyques_sec .nametag .nt_name::before{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: #fff;
    width: 100%;
    height: 100%;
    opacity: .88;
}

.fq_heading{
  font-family: 'Rock Salt', cursive;
  font-size: 1.25em;
  margin-bottom: 20px;
}
@media (max-width: 1299px) {
  .funnyques_sec .nametag {
    width: 47.33%;
  } 
  .funnyques_sec .nt_name textarea, .fq_heading{
    font-size: 1em;
  }
}
@media (max-width: 375px) {
  .funnyques_sec .nametag {
    width: 100%;
  } 
}
.commanotp-btninb {
  font-size: 13px;
  padding: initial;
  color: #8c5e21;
  height: 32px !important;
}
.proborncasesm .modal-content{
	border-radius: 24px;
}
.proborncasesm .text-sec h3 {
  position: relative;
  max-width: 100%;
  margin: 0;
  color: inherit;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  word-wrap: break-word;
  font-size: 1.15rem;
  padding: 1.6rem 2rem 0.1rem;
}
.proborncasesm .fmradsec {
  display: flex;
  justify-content: center;
  margin-top: 17px;
  padding-bottom: 0px;
}
.proborncasesm .call-button-div {
  margin-top: 25px;
  margin-bottom: 8px;
  text-align: center;
}
.proborncasesm .call-button-div .btn {
  transition: .5s;
  border-radius: 6px;
  font-size: 16px;
  padding: 6px 18px;
font-size: 13px;
}
/* =========================================== */
div:where(.swal2-icon) {
  position: relative;
  box-sizing: content-box;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: 2.5em auto .6em;
  border: 0.25em solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  border-color: #000;
  font-family: inherit;
  line-height: 5em;
  cursor: default;
  user-select: none;
}
div:where(.swal2-icon) .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 3.75em;
}
.swal2-container .swal2-icon.swal2-warning {
  border-color: #f5b849;
  color: #f5b849;
}
div:where(.swal2-icon).swal2-warning.swal2-icon-show {
  animation: swal2-animate-error-icon .5s;
}
.swal2-container .swal2-icon {
  width: 4rem;
  height: 4rem;
  margin: 1rem auto 0rem;
}
.swal2-container .swal2-icon .swal2-icon-content {
  font-size: 3rem;
}

@keyframes swal2-animate-error-icon{
0% {
  transform: rotateX(100deg);
  opacity: 0;
}
100% {
  transform: rotateX(0deg);
  opacity: 1;
}
}



@media only screen and (max-width: 1023px){
	
	.chck-chnelsec .form-check
	{
		width: 100% !important;
	}


} 
/* ================================== */