#register #contact {box-shadow: rgba(42, 67, 113, 0.15) 8px 8px 30px 0px;}
#contact {box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px 0px, rgba(0, 0, 0, 0.24) 0px 5px 5px 0px;
background: rgb(249, 249, 249);padding: 25px;}
#contact {margin-top: 40px;border-radius: 10px;}
#contact h3 {display: block;font-size: 20px;font-weight: bold;margin-bottom: 16px;}
fieldset {min-width: 100%;width: 100%;margin: 0px 0px 10px;padding: 0px;outline: none;border-width: medium !important;border-style: none !important;border-color: initial !important;border-image: initial !important;}
#register label {display: none;}
#register #contact {box-shadow: rgba(42, 67, 113, 0.15) 0px 0px 30px 11px;display: inline-table;}
#contact {box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px 0px, rgba(0, 0, 0, 0.24) 0px 5px 5px 0px;background: rgb(249, 249, 249);padding: 25px;}
#register #contact input[type="text"], 
#register #contact input[type="email"], 
#register #contact input[type="tel"], 
#register #contact input[type="url"],
#register #contact input[type="number"], 
#register #contact textarea, 
#register #contact select {width: 100%;background: rgb(239, 239, 239);border-radius: 4px;border-width: initial;border-style: none;border-color: initial;border-image: initial;margin: 0px 0px 5px;padding: 10px;border: 1px solid #dadada;}
#btnrefresh {width: 6%;}
.desktop_version{display: block}
.banner{background: #fff;height:auto;}
.banner_image_text{width: 100%; padding: 0}
.banner_image_text ul {float: left;width: 100%;list-style: none;margin: 0px;padding: 0px;margin-bottom: 19px;margin-top: 20px;}
.banner_image_text li {float: left;width: 100%;text-align: left;line-height: 27px;color: #303744;font-size: 17px;margin-bottom:5px;}
.whatdsc_det{width: 100%;float: left;margin:0;}
.block_heading { width: 100%;display: inline-table;}
.block_heading h2{width: 100%;float: left;text-align: center;font-size: 26px;color: #000;font-weight: 600;margin-bottom: 53px;position: relative;}
.block_heading h2:after{top: 95%;
    transform: translate(-51%, 50%);}
.block_padding{padding: 40px 0;width: 100%;float: left;}
.whatdsc_det p{font-size: 15px;color: #254e25;margin-bottom: 19px;font-weight: 600;}
.whatdsc_det ul{list-style: none;padding: 0;margin: 0}
.whatdsc_det ul li{font-size: 15px;margin-bottom: 14px;color: #404840;position: relative;padding: 0 0 0 30px;line-height:21px;float: left;width: 100%;}
.docRequ_inner{text-align: center;margin-bottom:60px;height: 148px;}
.docRequ_inner img{width: 70px;}
#docRequ{background: linear-gradient(39deg, rgb(92, 165, 9) 0%, rgb(18, 99, 10) 100%);background: linear-gradient(27deg, #07c1f4 0%, #006c8a 87%);}
#docRequ h3{color: #fff;font-size: 17px;}
#docRequ .block_heading h2 {color: #fff;}
#docRequ .block_heading p{text-align: center;color: #fff;position: relative;top:-20px;font-size: 17px;}
#advantages .block_heading p{font-size: 17px;text-align: center;position: relative;top:-20px;}

/*.advantage_right {}*/
.advantge_box {width: 100%;float: left;margin-bottom: 36px;text-align: center;padding: 0 5px;}
.advantge_box i {width: 60px;height: 60px;margin-right:0px;background: #f3f3f3;border-radius: 150px;box-shadow: 0 6px 5px rgba(0, 0, 0, 0.1);padding: 15px;display: inline-table;}
.advantge_box h4 {color: #485d51;font-family: 'Roboto', sans-serif;font-weight: 500;margin-top: 26px;
float: left;width: 100%;text-align: center;}
.advantge_box p {font-size: 16px;font-family: 'Roboto', sans-serif;width: calc(100% - 87px);
color: #67756d;font-weight: normal;width: 100%;float: left;text-align: center;}

#howWework{background: #fff;}
#howWework .block_heading p{
    text-align: center;
    position: relative;
    top: -37px;
    font-size: 17px;
    width: 536px;
    margin: 0 auto;
}

.extra_menu{display: block}

/*here is the footer sytle css*/

/* Why Us Section New start */

.hexagon_box{float: left;box-shadow: 0 0px 8px rgba(0 ,0,0,0.6);position: relative;z-index: 1;margin-bottom: 40px;transform: scale(1);left: 53px;}
.hexagon {position: relative;width: 260px; height: 90px;background: linear-gradient(90deg, #188245, #18b85f);float: left;}
.hexagon:after {content: "";position: absolute;width: 68px;height: 68px;background: #18b85f;transform: rotate(45deg);
border-radius: 7px;right: -34px;z-index: -1;top: 11px;box-shadow: 1px -1px 8px rgba(0 ,0,0,0.35);}
.hexagon:before{content: "";position: absolute;width: 68px;height: 68px;border-radius: 8px;background: #f16906;transform: rotate(45deg);position: absolute;left: -33px;top: 11px;z-index: 1;box-shadow: 0px 0 8px rgba(0 ,0,0,0.5);}
.hexagon i{width: 30px;float: left;z-index: 1;position: relative;left: -15px;top: 25px;}
.hexagon i img{width: 100%;}
.hexagon p{font-size: 21px;color: #fff;text-align: center;padding: 0 20px 0 55px;line-height: 22px;position: relative;top: 50%;transform: translate(0 , -50%);font-family: "Calibri";}
.iso_sign i{width: 54px;left: -26px;top: 18px;}
.affordable_sign i{width: 42px;left: -22px;top: 32px;}

@media screen and (max-width: 600px){
    .hexagon_box {transform: scale(0.85);margin-bottom: 13px;}
}

/* Why Us Section New  End*/

.banner_image_text p {
    width: 100%;
    float: left;
    color: #000;
    line-height: 24px;
    font-size: 17px;
    font-weight: normal;
    margin-top: 20px;
}
.banner_image_text h3{
    margin-top: 64px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    font-size: 21px;
    text-align: center;
}
.banner_image_text h3:after{
    width: 75px;
    height: 5px;
    position: relative;
    display:block;
    content: "";
    bottom: -20px;
    background-color: #337ab7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 auto;
}
.banner_image_text h5 {
    width: 100%;
    float: left;
    color: #fff;
    line-height: 24px;
    font-size: 17px;
    font-weight: 600;
    padding: 10px 0;
    background: #082f54;
    padding: 5px 10px;
}
.pf_list{
    list-style: none !important;
    padding-left: 12px !important;
    margin:20px 0;
}
.pf_list_imp{
    list-style: none !important;
    padding-left: 16px !important;
    margin:20px 0;
}
.pf_list_imp li{
    background: url(../images/svg/checkmark.svg) no-repeat left 5px;
    padding-left: 26px !important;
    margin-bottom:10px;
}
.pf_list li{
    background: url(../images/svg/bullet-arrow.svg) no-repeat left 3px;
    padding-left: 26px !important;
    margin-bottom:10px;
    background-size: 17px;
}
.whatdsc_det ul li{
    padding: 0 0 0 10px;
}

#subscriber{
    padding: 40px 0;
    width: 100%;
    float: left;
}
.subscriber_box{
    background: #3dc70f;
    padding: 32px 20px;
    border-radius: 100px;
    background-image: linear-gradient(80deg, #f6a005, #febe09f0);
    box-shadow:0 5px #434343;
}
.subscriber_box p{
    font-size: 21px;
    text-align: right;
    font-weight: 900;
}
.subscriber_box p span:nth-child(1):after{
    content: "\a";
    white-space: pre;
}
.subscriber_box p span:nth-child(2){
    font-size: 32px;
}
.pf_subscriber_input{
    border: navajowhite;
    padding: 10px;
    width: 355px;
    border-radius: 20px;
}

.pf_subscribe_btn{
    background: #1d0382;
    border: none;
    padding: 10px;
    /* border-radius: 20px; */
    position: absolute;
    left: 344px;
    color: #fff;
    /* border-top-right-radius: 30px; */
    border-bottom-right-radius: 30px;
    width: 183px;
    top: 18px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 20px;
}
.subscriber_form{
        margin-top: 23px;
}

.happy_clients{
    padding: 19px;
    box-shadow: 0 6px 9px #b5b5b5;
    text-align: center;
    height: 96px;
    border-radius: 8px;
    background-image: linear-gradient(45deg, #28629a, #385067);
    color: #fff;
}
.happy_clients_bold{
    font-size: 22px;
    font-weight: 600;
    color: #fff;
}

.easy_emi:after{
    content: "\a";
    white-space:pre;
}

table th{
    background: #ff0404;
    color: #fff;
}
table{
        background: #fff0f0;
}
.top_clients_mob{
    display: none;
}

#contact {
    background: #F9F9F9;
    padding: 25px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
#register #contact input[type="text"], #register #contact input[type="tel"], #register #contact input[type="url"], #contact textarea {
    width: 100% !important;
    border: 1px solid #ccc;
    background: #FFF;
    margin: 0 0 5px !important;
    padding: 10px !important;
}
#contact input[type="email"],#register #contact input[type="number"]{
    background: #FFF !important;
}
#register #contact select {
    width: 100%;
    border: 1px solid #ccc;
    background: #FFF;
    margin: 0 0 5px;
    padding: 10px;
}
#contact #txtCaptcha { 
    background-color: #CDCDCD;
    background-image: url(../images/1.jpg) !important;
    text-align: center;
    border: none;
    font-weight: bold;
    font-size: 22px;
    width: 40%;
    font-family: "Roboto";
    color: #000;
}
#register #contact button[name="submit"] {
  cursor: pointer;
  width: 100%;
  border: none;
  background: #082f54;
  color: #FFF;
  margin: 0 0 5px;
  padding: 10px;
  font-size: 15px;
}

#register #contact button[name="submit"]:hover {
  background: #43A047;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

#register #contact button[name="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}
.select_packages {
    border: 1px solid #ccc !important;
    padding: 5px;
    border-radius: 5px;
}

.package_btn {
    display: flex;
    margin-bottom: 11px;
    flex-wrap: wrap;
}

.package_container {
  display: block !important;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.package_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.package_container label{
    display: block !important;
}
/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
    height: 41px;
    width: 147px;
  background-color: #eee;
 
}
.package_container input ~ .checkmark{
    text-align: center;
    font-size: 11px;
    padding-top: 7px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px;
}
/* On mouse-over, add a grey background color */
.package_container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.package_container input:checked ~ .checkmark {
  background-color: #385067;
    color: #fff;
    box-shadow: 1px 1px 2px #acacad;
        background-image: linear-gradient(45deg, #28629a, #385067);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.package_container input:checked ~ .checkmark:after {
  display: block;
}

.select_packages{
    border: 1px solid #ccc !important;
    padding: 5px;
    border-radius: 5px;
}
/* Style the indicator (dot/circle) */
.package_container .checkmark:after {
 	top: 9px;
    left: 9px;
    width: 92%;
    height: 8px;
    border-radius: 50%;
    content: "";
}
.premium{
    position: relative;
    left: 80px;
}

#package{
/*
    background: #565656;
    background-image: url(../services/udyog-aadhaar/image/bg.JPEG 2000);
*/
/*    background-color: #F2FAFF;*/
    background: #efefef;
/*    border: 1px solid #DBECF6;*/
}

#fees .benifits-ul, #trademark .benifits-ul {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 30px 0px 0px;
    padding: 0px;
}
#fees .copy_box {
    height: 324px  !important;
}
#fees .register-benifits-text, #trademark .register-benifits-text {
    margin-left: 25px;
    margin-bottom: 15px;
    float: left;
    width: 31%;
    text-align: center;
    min-height: 248px;
    position: relative;
/*    box-shadow: rgb(15, 33, 18) 0px 5px 12px;*/
    list-style: none;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    padding: 15px;
    border-radius: 15px;
/*    background: rgb(253, 250, 246);*/
    background: #ffffff;
    border: 1px solid #DBECF6;
}
.register-benifits-text {
    color: rgb(102, 102, 102);
    margin-left: 25px;
    margin-bottom: 15px;
}
.copyright_fees .copy_box h4 {
    font-weight: bold;
    line-height: 17px;
    width: 100%;
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 42px !important;
    color: rgb(21, 158, 80) !important;
}
.register-benifits-text h4 {
    color: #fff;
}
.copyright_fees .copy_box h4 span:nth-child(1) {
    color: rgb(41, 41, 41);
    font-weight: normal;
    display: inline-block;
    width: 100%;
    line-height: 23px;
    font-size: 27px !important;
    margin-bottom: 13px !important;
}
.copyright_fees .copy_box h4 span:nth-child(2) {
    font-size: 14px;
    font-weight: normal;
    display: block;
    color: rgb(99, 99, 99) !important;
    margin-bottom: 28px !important;
}
.copyright_fees .copy_box h4 span:nth-child(2)::after {
    content: "\a ";
    white-space: pre;
}
.copy_lists {
    margin-top: 20px;
    transform: translate(23%, 11%);
    width: 79%;
    list-style: square;
}
.copy_lists li {
    text-align: left;
    font-weight: 500;
    font-size: 13px;
    line-height: 25px;
}

#fees .register-benifits-text a, #trademark .register-benifits-text a {
    font-size: 20px;
    color: rgb(240, 255, 245);
    position: absolute;
    bottom: 0px;
    font-weight: bold;
    transform: translate(-50%, 0px);
    left: 50%;
    width: 100%;
    border-radius: 0px 0px 15px 15px;
    background: linear-gradient(27deg, rgb(10, 177, 82) 0%, rgb(43, 236, 66) 87%);
    padding: 14px 0px;
    border-top: 1px solid rgb(23, 204, 95);
    background: linear-gradient(27deg, #0c6a84 0%, #006c8a 87%);
}
#fees{
    margin: 0;
}

@media screen and (max-width: 768px) {
.happy_clients{padding: 19px;box-shadow: 0 6px 9px #b5b5b5;text-align: center;min-height: 120px;border-radius: 8px;
background-image: linear-gradient(45deg, #28629a, #385067); color: #fff; width: 85px;} 
.banner {height: auto;padding: 0 0 40px 0;}    
.banner_image_text {padding: 0px 5px;}
.banner_image_text p {font-size: 16px;} 
#whyUs img {width: 100%;}
.extra_menu{display: none}
.block_heading h2{font-size:22px;}   
.process_section {min-height: 115px;}
#register #contact {display: inline-block;width: 100%;}
.banner_image_text li {
    float: left;
    width: 100%;
    text-align: center;
    line-height: 27px;
    margin-bottom: 12px;
    text-align: left;}

#register #contact{margin-top: 10px;}

  #docRequ h3{
      font-size: 13px;
      margin-top: 5px;
  }  
  .docRequ_inner{
      margin-bottom:12px;
      height: auto;
  }
  .banner_image_text h3 {
    margin-top: 33px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
}

.subscriber_box p span:nth-child(2){
        font-size: 20px;
}

.subscriber_box{
    border-radius:0;
}
.pf_subscriber_input{
        margin-bottom: 33px;
        width: 286px;
}
.pf_subscribe_btn{
    top: 51px;
    left: 74px;
    font-size: 15px;
    width: 151px;
}
.subscriber_box p{
    font-size:20px;
}

#howWework{
    margin-top:0;
}

.happy_clients_bold{
        font-size: 16px;
}
.banner{
    margin-bottom:0;
}
.process_section p{
    min-height:auto;
        font-size: 14px
}
.subscriber_box p{
    text-align:left;
}
    .top_clients_desk{
        display: none;
    }
.top_clients_mob{
    display: block;
    }
    
.docRequ_inner img{width: 55px;}
#register #contact #txtCaptcha[type="text"]{
            width: 48% !important;
    }
    #fees .register-benifits-text {
    width: 100%;
    margin: 0;
    margin-bottom: 35px;
    min-height: 228px;
}
    #fees .copy_box {
        margin-top: 20px;
        height: 319px  !important;
        margin-bottom: 16px;
}
    
    #fees .benifits-ul, #trademark .benifits-ul{
        display: block;
    }

    .background_image{
        width: auto;
    }
   .package_container input ~ .checkmark{
        font-size: 11px;
        padding-top: 8px;
    }
    .checkmark{
        width: 113px;
        height: 45px;
    }

    .package_btn{
        margin-bottom: 12px;
    }

    .premium{
        left: 44px;
    }
    .hexagon_box{
        left: 10px;
    }
    #howWework .block_heading p{
        width: 100%;
        font-size: 15px;
    }
}