/*
Theme Name: Law Registry Pro
Template: TM
Author: SK
Description: Custom Bootstrap WordPress Theme
Version: 1.0.1766421278
Updated: 2025-12-22 16:34:38

*/

:root{
  --primary-color-1: #754521;
    --secondary-color:#628141;
      --text-heading-color: #062A26;
        --body-font: "Inter", sans-serif;
}

body{
  padding-right: 0 !important ;
  overflow: auto !important;
}
a.nav-link.active {
    color: var(--secondary-color) !important;
}
/* packages-section */
.packages-sec {
  /* padding-top:40px; */
  position: relative;
}

.package-holder {
  background-color: var(--secondary-color);
  position: relative;
  box-sizing: border-box;

  transition: 0.5s!important;
  -webkit-transition: 0.5s!important;
  -moz-transition: 0.5s!important;
  -ms-transition: 0.5s!important;
  -o-transition: 0.5s!important;
  text-align: center;
  min-height: 555px;
  margin-bottom: 60px !important;
color: #fff !important;
 
  border: 2px solid var(--secondary-color);
  /* color: var(--primary-color); */
}

.package-holder:hover{
  /* background-color: var(--primary-color); */
  -moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
  /* -webkit-transition: height 0.5s ease;
  -moz-transition: height 0.5s ease;
  -ms-transition: height 0.5s ease;
  -o-transition: height 0.5s ease;
  transition: height 0.5s ease; */
}


.package-header {
  /* margin: 0 auto; */
  text-align: left;
  position: relative;
  padding: 0px 20px 0 20px;
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
      background: #fff;
    width: 50%;
    margin-bottom: 10px;
    top: 16px;
        right: 2px;
   color: var(--secondary-color);
}

.package-header h6 {
  font-size: calc(16px + (25 - 16) * (100vw - 320px) / (1920 - 320));
    font-weight: 400;
      font-family: "Google Sans", sans-serif;
    text-align: center;
   
    
}
.package-holder:hover .package-header{
  background-color: var(--primary-color);
  color: #fff;
}
.package-price-holder {
  padding: 15px 15px 0 15px;
  display: flex;
justify-content: center;

  /* background-color: var(--primary-color); */
}

.package-holder .uspto {
  display: block;
  color: var(--body-font-color);
  font-size: 15px;

  margin-bottom: 25px;
  text-align: left;
  padding: 10px 10px 0 10px;
}

.cut-price label {
color: #fff;
  font-size: calc(16px + (31 - 16) * (100vw - 320px) / (1920 - 320));
  font-weight: 500;
  margin: 0;
  line-height: 38px;
      font-family: "Google Sans", sans-serif;
  text-decoration: line-through;

}

.cut-price p {
color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  line-height: 1;
  padding: 0;
  text-align: left;
}

.package-price {
  font-size: 62px;
color: #fff;
      font-family: "Google Sans", sans-serif;
  font-weight: 600;
  margin: 0;
  text-align: left;
  line-height: 1;

}

.package-price em {
  font-size: 20px;
  font-style: normal;
  position: relative;
  top: -27px;

}

.package-holder>.package-content {
  min-height: 200px;
  padding: 0 10px;
}
.package-content p{
  font-size: 12px;

}
.package-mid {
  /* display: flex; */
  justify-content: space-between;
  padding: 0 15px;
  position: relative;
  margin-top: 30px;
  text-align: left;
}

/* .package-mid::before {
  content: "";
  width: 1px;
  height: 45px;
  background-color: var(--primary-color);
  position: absolute;
  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
} */
.package-mid p{
  margin-bottom: 0;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
}
.package-mid span {
  display: block;
  font-size: 12px;
      font-family: "Google Sans", sans-serif;
color: #fff;
  margin: 0;

}

.package-mid a {
  display: block;
  font-size: 14px;
  
color: #fff;
  text-decoration: none;
}

.package-footer {
  /* margin-top: 30px; */
  /* padding-bottom: 30px; */
    padding-top: 10px;
  position: relative;
}

/* .package-footer::before {
  content: "";
  background-image: url('/assets/img/icons/package-footer.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 70px;
  height: 35px;
  position: absolute;
  bottom: -2px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;

  

} */
.package-holder:hover{
    /* background-color: #0B111F; */
box-shadow: -2px 2px 19px -4px rgba(0,0,0,0.75);
-webkit-box-shadow: -2px 2px 19px -4px rgba(0,0,0,0.75);
-moz-box-shadow: -2px 2px 19px -4px rgba(0,0,0,0.75);
    
}

.package-holder:hover .cut-price label{
    /* color: var(--secondary-color); */
}
.package-holder:hover .cut-price p{
      /* color: var(--secondary-color); */
}
.package-holder:hover .package-footer {
  /* padding-top: 0;
  margin-top: 0; */
  /* transition:0.5s;
  -webkit-transition:0.5s;
  -moz-transition:0.5s;
  -ms-transition:0.5s;
  -o-transition:0.5s; */
}
/* 
.package-holder:hover .package-footer::before {
  display: none;
  -webkit-transition: height 0.5s ease;
  -moz-transition: height 0.5s ease;
  -ms-transition: height 0.5s ease;
  -o-transition: height 0.5s ease;
  transition: height 0.5s ease;
} */

.package-holder .pck-btn {
  width: 100%;
  height: 80px;
  border: 0;
 
  border-radius: 0;
  color: var(--heading-font-color);
  /*padding:15px 50px;
  */text-align: center;
  font-weight: 500;
  font-family: "Google Sans", sans-serif !important;
  color: #fff;

  text-transform: uppercase;
  position: relative;
  /* bottom:-10px; */
  line-height: 1;
  display: block;
  margin: 0 auto;
}
.package-holder .pck-btn:hover{
  background-color: #fff;
  color: var(--primary-color);
}
/* .package-holder:hover .pck-btn {
  display: block;

} */

.package-list {
  list-style: none;
  /* height: 300px; */
  padding: 0;
  overflow-y: auto;
  scroll-behavior: smooth;
}

.package-list li {
  font-size: calc(14px + (14 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 400;
  color: var(--lighttext);
  margin-bottom: 10px;
  text-align: left;
  padding-left: 20px;
  position: relative;
  font-family: "Google Sans", sans-serif
}
.package-list li p{
  font-size: 12px;
    font-weight: 400;
        font-style: normal;
          font-family: "Google Sans", sans-serif
}
.package-list li::before {
    content: '\f111';
    font-family: 'FontAwesome';
    font-size: 12px;
    position: absolute;
    top: 3px;
    left: 2px;
    color: #fff;

}

#style-7::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

#style-7::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}

#style-7::-webkit-scrollbar-thumb {
  background-color: var(--primary-color);
  background-image: -webkit-linear-gradient(45deg,
      rgba(255, 255, 255, .2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, .2) 50%,
      rgba(255, 255, 255, .2) 75%,
      transparent 75%,
      transparent)
}

/* packages-tabs */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: var(--secondary-color);
  color:#282525;
  font-weight:600;  
  border:0;
  border-radius: 40px;
  /* font-size:calc(12px + (17 - 12) * ((100vw - 300px) / (1920 - 300))); */
  padding:10px 25px;
}

.nav-pills .ctm {
  /* font-size: calc(13px + (19 - 13) * ((100vw - 300px) / (1920 - 300))); */
  font-size: 19px;
  text-transform: capitalize;
  font-weight:500;
  color:#6C6B6B ;
}

.nav-link:focus, .nav-link:hover {
  color: var(--primary-color) !important;
}

/* packages-tabs-end */

.modal-body {
/* background-color: #E4EBF9; */
background-color: var(--primary-color);
background-position: bottom top;
background-size: cover;
  border: 0;
  padding:35px 40px;
  border-radius: 10px;
  color: #fff;

}
.modal-body input {
    border: 0;
    padding: 10px;
    width: 100%;
    border-radius: 10px;
    font-size: 13px;
    color: #000;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25) !important;
    outline: none 0px !important;
    background: #fff;
    margin-bottom: 0;
}
.modal-body .js-submit {
  background: var(--primary-color-1);
  color: #fff;
  /* font-weight: 600; */
  font-size: 17px;
  text-align: center;
  border: 0;
  padding: 14px 60px;
}
.btn-close-ctm {
    position: absolute;
    right: 10px;
    top: 10px;
   
    z-index: 10;
}
.modal-content{
  border-radius:36px ;
}
.pkg-name{
  font-weight: 600;
}
.pkg-uspto{
  font-size: 12px;
  
}
.pkg-price{
  font-weight: 600;
}
.logo-pop p{
  font-size: 12px;
}

.nav-tabs{
  justify-content: center;
  color: #000;
  border-bottom: 0;
  padding: 30px 0;
    font-family: "Google Sans", sans-serif !important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{

  border-color: var(--primary-color);
  color:#000;
}
.nav-tabs .nav-link{
  color:#000;
}
.font-lora{
font-weight: 500;
}
.common-text{
  font-size: 16px;
}
.privacy{
  
}







.form-check-input {
    background-color: transparent;
    border: none;
}

.checkbox-wrap label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    text-align: left;
    font-size: 16px;
}


.checkbox-wrap label input {
    width: 3%;
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: auto;
    /* line-height: 40px; */
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100% !important;
}
.intl-tel-input .country-list .country .dial-code{
  color:#fff !important;
}
.intl-tel-input.separate-dial-code .selected-dial-code{
  color: #000;
}
.intl-tel-input .country-list .country.highlight{
  background-color: #000;
}
.intl-tel-input .country-list{
  background-color: var( --primary-color-1);
}
.accordion-button:not(.collapsed){
  background-color: var(--primary-color);
  color: #fff;
}
.accordion-body{
      background: var(--Gray-Color, #F4F3EF);
}
.accordion-body p{
  font-size: 16px !important;
}
.accordion-button::after{
  filter: brightness(0) saturate(100%) invert(44%) sepia(49%) saturate(404%) hue-rotate(46deg) brightness(94%) contrast(88%);
}
.accordion-button:focus{
  border-color: var(--secondary-color) !important;
}
.contact-submit-area .intl-tel-input .country-list{
  background-color: #fff;
}
.contact-submit-area .intl-tel-input .country-list .country.highlight{
  background-color: #000;
  color: #fff;
}
.contact-submit-area .contact-inner.ctm-btn input{
  background-color: var(--primary-color) !important;
  color: #fff;
  transition: 0.5s all ease;
}
.contact-submit-area .contact-inner.ctm-btn input:hover{
    background-color: var(--secondary-color) !important;
  color: #fff;
}

.check-list{
  padding: 0;
  margin: 0;
}
.check-list li{
  list-style: none;
  margin-bottom: 5px;
  text-wrap-mode: nowrap;
}
.check-list li i{
  color: var(  --primary-color-1);
}


.step-box,.step-box-last{
  text-align: center;
}

.bold-title-main {

        font-size: 48px;
    line-height: 1.25;
    padding: 0;
    margin: 0;
    color: var(--text-heading-color);
    font-family: var(--heading-font);
    font-weight: 600;
}

.sub-heading {
    font-size: 24px;

    color: #8a8a8a;
}

.step-box h3 ,.step-box-last h3{
     font-weight: 600;
    color: var(    --text-heading-color);
    bottom: 5px;
    font-size: 20px;
    font-family: var( --body-font);
}
.step-box p,.step-box-last p{
  font-size: 15px;
       font-weight: 300;
}
.step-title {
    position: relative;
    
}

.step-title span {
    font-size: 30px;
    color:#fff;
    position: relative;
       
        display: flex;
        justify-content: center;
        align-items: center;
    margin-bottom: 30px;
}
.step-title span::before{
  content: "";
  position: absolute;
  background-color: var(--primary-color-1);
  width: 60px;
  height: 60px;
  z-index: -1;
  border-radius: 100%;
}


.step-box {
    padding: 15px;
    border-right: 1px solid transparent;
    transition: 0.5s;
    position: relative;
}
.step-box::before{
    content: "";
    position: absolute;
    width: 305px;
    height: 2px;
    background-color: var(    --text-heading-color);
    top: 25px;
    z-index: -1;
    transform: rotateX('180');
}
@media (max-width:991.98px) {
  .step-box::before{
    display: none;
  }
}
/* .step-box:hover {
border-right: 1px solid var(--primary-color);
} */
.step-box-last{
   padding: 15px;
    border-right: 1px solid transparent;
    transition: 0.5s;
    position: relative;
}

.cta-btn{
  display: flex;
  justify-content: center;
}

.cta-btn .btn-one{
    background-color: #000;
  color: var(--white);
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  line-height: 26px;
  padding: 17px 30px;
  text-align: center;
  font-weight: 500;
  z-index: 3;
  position: relative;
  transition: 0.4s;
  text-transform: none;
  overflow: hidden;
  border-radius: 50px;
  text-transform: capitalize;
}

.cta-btn .btn-one:hover{
    background-color: #fff;
  color: #000;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  line-height: 26px;
  padding: 17px 30px;
  text-align: center;
  font-weight: 500;
  z-index: 3;
  position: relative;
  transition: 0.4s;
  text-transform: none;
  overflow: hidden;
  border-radius: 50px;
  text-transform: capitalize;
}


.wpcf7-form-control-wrap {
    position: relative;
    width: 100%;
}

.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .flag-box {
    margin-right: 6px;
    color: #fff;
}