.sitename span{color: #14a09d;}
.navmenu li:hover>a, .navmenu .active, .navmenu .active:focus{color: #14a09d;}
.multistepform{background-color: #f5f5f5;}
.hero h2{font-size: 60px;}
.progress{background-color: #d3d3d3;}
.secure-logo svg{width: 50%;}
input::placeholder {
    color: white; /* Change placeholder text color */

}
.sub-info{border-bottom: solid 2px #14a09d;}
.ease{margin-top: 14px!important;}
.call-me-back .btn-gen{background-color: white;color: black;}

.logo .heading-title{font-size: 25px;}
.ccpa-txt{background: #EBEFF0; padding: 30px;border-radius: 10px;}
.carousel-item .sub-txt{font-size: 25px;font-weight: 500;}
.carousel-item p{font-size: 20px;}
.enter-input{padding: 10px;border:solid 1px white;border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;background: transparent;color: white;}
.btn-gen{background: white;color:black;padding: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;border:none;}
#about{background:#EBEFF0;position: relative;margin-bottom: 180px;}
.sec-sect{position: relative;top: 173px;}
.box{background-color: white;padding: 30px;color: black;border:solid 1px #DFDADA;border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;height: 400px;position: relative;}
.box .title{font-size: 22px;font-weight: bold;}
.tag{color: #14a09d;font-size: 16px;font-weight: 500; letter-spacing: 10px; text-transform: capitalize;}
.heading-title{font-size: 40px;font-weight: 700;line-height: 46px;}
.heading-sub-title{font-size: 20px;font-weight: 700;line-height: 46px;}
.all-gen-btn{background: #14a09d;color:white;padding: 15px 25px;border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;border:none;font-size: 18px}
.sub-txt{font-size: 18px;}
.what{background-color: #14a09d;color: white;padding:85px;}
.white-box{background-color: white;padding: 75px;color: black;border:solid 1px #DFDADA;border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.white-box .title{font-size: 22px;font-weight: bold;}
.sub-info .title{font-size: 16px;color: #14a09d;font-weight: bold;}
.sub-info .sub-txt{font-size: 14px;}
.call-me-back{background-image: url("../../assets/img/call-me-bg.jpg");color: white;background-size: 100%;padding: 64px;background-repeat: no-repeat;}
.call-me-back .btn-gen{padding: 13px 61px;font-size: 20px;}
.no-border{border:none;}
.how-work{background-color: #EBEFF0;}
.work-boxes{background-color: white;padding: 25px;color: black;border:solid 1px #DFDADA;border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;height: 271px}
.work-boxes .title{font-size: 22px;font-weight: bold;}
.circle{width: 80px;height: 80px;border-radius: 40px;padding: 10px;background: #14a09d;border:solid 10px #EBEFF0;position: absolute;    margin-top: 40px;
    margin-left: 129px; font-size: 30px;color: white;font-weight: bold;
}
.arrow{    margin-top: 37px;
    margin-left: 156px;}
.circle-top{width: 80px;height: 80px;border-radius: 40px;padding: 10px;background: #14a09d;border:solid 10px #EBEFF0;position: absolute;    margin-top: -64px;
    margin-left: 129px; font-size: 30px;color: white;font-weight: bold;
}
.form-detail{border-bottom: solid 1px black;padding-bottom:10px; }
.card{border-radius: 25px!important;}
.note{background:#14a09d;color: white;border-radius: 8px;}
.modal-dialog {max-width: 900px!important;top:141px;}
.modal-dialog  .heading-title{color: #14a09d;}
.modal-dialog .email{background: #14a09d;
    padding: 7px;
    border-radius: 31px;
    width: 70%;
    margin: 0 auto;
    color: white;
    font-size: 19px;}
.modal-content{padding: 35px;}
.modal-footer {
    display: block!important;}
.info{float: left;}
.finalsepmessage .sub-txt{font-size: 14px;}

.submit-btn {float:right!important; background: #14a09d!important;
    color: white!important;
    padding: 15px 25px!important;
    border-top-left-radius: 10px!important;
    border-top-right-radius: 10px!important;
    border-bottom-right-radius: 10px!important;
    border: none!important;
    font-size: 18px!important;
  }












.top-vector{background-image: url("../../assets/img/top-vector.png");background-repeat: no-repeat; background-size: contain;
    opacity: 0.5; /* Adjust transparency */
    z-index: -1;  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 42%;}
.bottom-vector{background-image: url("../../assets/img/bottom-vector.png");background-repeat: no-repeat;background-size: contain;
    opacity: 0.5; /* Adjust transparency */
    z-index: -1; 
   position: absolute;
    bottom: 72px;
    right: 0;
       width: 260px;
    height: 297px;}





        .form-body .form-control{padding: 16px 8px;}
        .form-body .stepper {
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: relative;
            margin-bottom: 30px;
        }




.form-body .next-step{
  background: #14a09d;
    color: white;
    padding: 10px 66px!important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border: none;
    font-size: 18px;
}

.form-body .btn-success{
    background: #14a09d;
    color: white;
    padding: 10px 66px!important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border: none;
    font-size: 18px;
    float: right;
}

.form-body .prev-step{
    background: #009A5E;
    color: white;
    padding: 10px 66px!important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border: none;
    font-size: 18px;
}

  .form-body .step-line{background-color: #14a09d!important;} 
        /* Step Circles */
        .step {
            width: 40px;
            height: 40px;
            border: 3px solid #14a09d;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            font-weight: bold;
            color: #999;
            background-color: white;
            position: relative;
            z-index: 2;
        }

        /* Active Step */
        .form-body .step.active {
            border-color: #14a09d;
    color: #ffffff;
    background: #14a09d;
        }

        /* Completed Steps */
       .form-body .step.completed {
            border-color: #14a09d;
            background-color: #14a09d;
            color: white;
        }

        /* Stepper Lines */
        .form-body .step-line {
            position: absolute;
            height: 3px;
            background-color: #ccc;
            top: 50%;
            left: 0;
            right: 0;
            z-index: 1;
        }

       .form-body .stepper .step.completed + .step-line {
            background-color: #007bff;
        }

        /* Hide all form steps initially */
      .form-body .form-step {
            display: none;
        }

      .form-body .form-step.active {
            display: block;
        }

.form-body{background-color: #f5f5f5;}
.form-body form{background-color: white;padding: 70px;border-radius: 20px;}











.top-arrow{margin-bottom: 41px;
    margin-left: 129px;}
    .footer{background-color: #14a09d;}
    .footer .footer-links ul a:hover{color: white;}
    .footer .footer-links ul a{color: white;font-weight: bold;}
    .step-form-step {
  display: none;
}

.step-form-step.active {
  display: block;
}
.sub-pages  .sub-txt{font-size: 16px;}
.step-form {
  margin-bottom: 20px;
}

.input-group-append {
  cursor: pointer;
}
.step-form input{background-color: #D9D9D9;padding: 20px 15px; margin-top:80px;}
.next-step {float: right;background: #14a09d;padding: 14px 54px !important;font-size: 21px !important;}
.post-step {float: left;background: #14a09d;padding: 14px 54px !important;font-size: 21px !important;}
.prev-step {background: #FFCB3B!important;border:none!important;color: black!important;padding: 14px 54px !important;font-size: 21px !important;}
.ccpa .carousel{min-height: calc(50vh - 90px);}
a {
    color: #4b86f5;
  }
.step-form select{background-color: #D9D9D9;padding: 20px 15px; margin-top:80px;}

.tcpa-buyer-text {
  text-align: justify;
  text-justify: inter-word;
}




@media screen and (max-width: 768px) {

    .sec-sect {
    position: initial;
   
}
.box{height: auto;margin-top: 20px;}
.hero h2 {
    font-size: 44px;
}
  
#about{margin-bottom: 0px;}
.white-box{height:395px; }

.call-me-back{background-repeat: no-repeat;padding: 10px;}
.call-me-back .heading-title{font-size: 21px;}
.call-me-back .sub-txt {
    font-size: 14px;
}
.call-me-back .btn-gen {
    padding: 15px;
    font-size: 17px;
    margin-top: 30px;
}
.top-arrow{display: none;}
.arrow{display: none;}
.work-boxes{height:313px;}
.circle{    margin-top: 24px;
    margin-left: 41px;}
    .circle-top{margin-left: 45px;}
   .call-me-back .heading-title{line-height: 30px;}
}


@media (max-width: 767px){

.call-me-back{    background-size: cover;}
section, .section{padding: 29px 0;}
.form-body .prev-step{padding: 10px 43px!important;}
.form-body .next-step{padding: 10px 43px!important;}
.form-body .btn-success{padding: 10px 43px!important;}
.modal-dialog .email{width: 100%;}
.white-box {height: 341px;padding:30px;}
.work-boxes {height: 280px;margin-top: 30px;}
.circle-top {display: none;}
.circle {display: none;}

}


@media (max-width: 575px) {
.case img{width: 100%;}
.about-comp img{width: 100%;}
    .hero h2 {
        font-size: 30px;
    }
    .btn-gen{margin-top: 20px;}
.sub-pages img{width: 100%;}
.form-body .prev-step{padding: 5px 19px!important;}
.form-body .next-step{padding: 5px 19px!important;}
.form-body .btn-success{padding: 5px 19px!important;}
.modal-dialog .email{width: 100%;font-size: 14px;}
.what{padding:21px;}
    .white-box {
        height: auto;}
 .hero .carousel-container{inset: 0px;}   
 .heading-title {
    font-size: 33px;} 
.heading-sub-title{line-height: 25px;} 
.form-body form{padding: 44px;}  
.call-me-back .btn-gen{margin-top: 10px;}
}

@media (max-width: 375px){




}