.advocate_banner{    background: #5f5ef7;padding: 40px 0 40px 0;float: left;width: 100%;margin-bottom: 80px;}
.advocate_banner .banner_image_text{width: 100%;padding: 0;}
.banner_image_text h4 {font-size: 25px;margin-top: 0;width: 100%;float: left;color: #fff;}
.gstComp{margin-top: 24px;margin-bottom: 22px;}
.gstComp p{font-size: 18px;float: none;display: inline-table;width: auto;margin-left: 30px;margin-bottom: 22px;color: #fff;}
.gstComp i{width: 22px;height: 22px;display: inline-table;position: absolute}
.india_text{width: 100%;float: left;text-align: center;color: #fff;margin-top: 10px;}
.india_text h4{font-size: 30px;font-weight: 600;}
.subjectUser_img {width: 450px;float: none;height: 300px;margin: 0 auto;    margin-bottom: 70px;}
.subjectUser_img img {width: 100%;height: 100%;object-fit: cover;border-radius: 10px;
    -webkit-box-shadow: 30px 0px 60px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 30px 0px 60px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 30px 0px 60px 0 rgba(0, 0, 0, 0.3);
}
.whatdsc .whatdsc_inner h2 {text-align: left;}
.whatdsc .whatdsc_inner h2:after {margin: 14px 0 0 0;}
.whatdsc_inner {display: table;margin: 20px auto 0;width: 80%;}
.whatdsc_inner p{font-size: 17px;line-height: 29px;}


.advocate_banner .banner_image_text h4 span {margin-top: 55px;}
.coolBeans {
    border: 2px solid currentColor;
    border-radius: 3rem;
    color: #ffffff;
    font-family: roboto;
    font-size: 20px;
    font-weight: 500;
    overflow: hidden;
    padding: 10px 30px;
    position: relative;
    text-decoration: none;
    -webkit-transition: 0.2s -webkit-transform ease-in-out;
    transition: 0.2s -webkit-transform ease-in-out;
    transition: 0.2s transform ease-in-out;
    transition: 0.2s transform ease-in-out, 0.2s -webkit-transform ease-in-out;
    outline: none;
    z-index: 0;
    background: #09c53a;
    box-shadow: 0 7px 2px rgba(0,0,0,0.3);
}
.coolBeans::after {
  background-color: #ff0;
  border-radius: 3rem;
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translate(-100%, 0) rotate(10deg);
          transform: translate(-100%, 0) rotate(10deg);
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transition: 0.2s -webkit-transform ease-out;
  transition: 0.2s -webkit-transform ease-out;
  transition: 0.2s transform ease-out;
  transition: 0.2s transform ease-out, 0.2s -webkit-transform ease-out;
  will-change: transform;
  z-index: -1;
}
.coolBeans:hover::after {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.coolBeans:hover {
  border: 2px solid transparent;
  color: #4b0082;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  will-change: transform;
  box-shadow: 0 7px 30px rgba(0,0,0,0.1);
}






#register .modal-content{display: inline-table}
#register .modal-body {display: table;}

.process_section i {
    width: 65px;
    height: 65px;
    background: #ef6906;
    border-radius: 60px;
    font-size: 33px;
    font-style: normal;
    padding: 5px 0 0 0;
    margin: 0 auto;
    display: table;
    margin-top: -60px;
    border: 6px solid #efefef;
    text-align: center;
    position: unset;
}
.process_section h3{font-size: 16px;font-weight: 600;    margin-bottom: 6px;}
.process_section p{ font-size: 15px;min-height: 62px; }
.process_section p:last-child{ font-size: 38px;margin-bottom: 20px;min-height: 0px;line-height: 24px;}


#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;}
#register #first_step fieldset {min-width: auto;}
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: unset;display: inline-table;margin: 0;padding: 0;}
#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 #first_step fieldset:nth-child(6) {width: 32%;float: left;margin-right: 0px;}
#register #first_step fieldset:nth-child(4), 
#register #first_step fieldset:nth-child(5), 
#register #first_step fieldset:nth-child(6) {width: 32%;float: left;margin-right: 9px;}
#register #first_step fieldset:nth-child(6) {margin-right: 0px;}
#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;}
#register #first_step textarea {height: 56px;float: left}
#register #first_step fieldset {min-width: auto;}
#btnrefresh {width: 6%;}


.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: 23px;position: relative;}
.block_heading h2:after{content: '';display: block;width: 75px;height: 6px;background: #5cb85c;border-radius: 3px;margin: 14px 0 0;margin-left: auto;margin-right: auto;position: relative;left: 0;bottom: 0;}
.block_padding{padding: 40px 0;width: 100%;float: left;}



.ui-autocomplete{background: #fff;border: 1px solid #c6c6c6;padding: 20px 0 20px 20px;list-style: none;}
.ui-autocomplete li a input{margin-right: 10px;}


/* 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*/






/* Advocate Signup_form Start */

.advocate_banner_inner{background: #5f5ef7;width: 100%;float: left;height: 160px;}
.advocate_details_form{width: 100%;float: left;margin-top: -60px;}
.advocateBanner_inner_heading{width: 100%;text-align: center;display: inline-table;text-align: center;}
.advocateBanner_inner_heading h4{font-size: 35px;font-family: 'Roboto', sans-serif;font-weight: bold;display: inline-table;float: left;color: #fff;text-align: center;width: 100%;padding: 24px 0 0 0;}
.advocate_details_form #register #contact {box-shadow: unset;display: inline-table;margin: 0;background: #fff;
padding: 25px;box-shadow: 0 5px 35px rgba(0,0,0,0.2);border: 1px solid #d8d8d8;margin-bottom: 100px;}


.check_box label{display: inline !important;margin-left: 10px;}
.advocate_steps{width: 100%;float: left;margin-bottom: 70px;}
.advocate_steps h3{width: 100%;
    float: left;
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 30px;}
.advocate_steps ul{list-style: none;width: 100%;float: left;}
.advocate_steps ul li{width: 50%;
    float: left;
    margin-bottom: 19px;}
.advocate_steps ul li i{
    width: 45px;
    height: 45px;
    background: #ef6906;
    border-radius: 60px;
    font-size: 24px;
    font-style: normal;
    padding: 5px 0 0 0;
    margin: 0 auto;
    margin-top:0px;
    color: #fff;
    text-align: center;
    position: unset;
    float: left;
        margin-right: 14px;
}
.advocate_steps ul li h4{font-size: 18px;font-style: normal;font-weight: 600;float: left;}
.advocate_steps ul li p{width: 80%;float: left;}


.tag-contain {
    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;
}
#register #contact .tag-contain input{border: none;padding: 0px;margin: 0px;background: unset;border-radius: unset;outline: none;}

.tag-contain ul{list-style: none;padding: 0;margin: 0}

.tag-contain ul li{display: inline-block;margin-right: 6px;background: #3c8bce;padding: 5px;color: #fff;border-radius: 3px;margin-top: 9px;}

.tag-contain ul li a{font-size: 19px;color: #fff;margin-left: 12px;line-height: 19px;}
.tag-clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .tag-clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .tag-clearfix { zoom: 1; } /* IE7 */

/* Advocate Signup_form Start */



.mobile_text{display: none}




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

    .mobile_text{display: block;}
    .desktop_text{display: none;}
    .mobile_text h4{font-size: 15px;}
    .advocate_steps ul li {width: 100%;}
    .advocateBanner_inner_heading h4 {font-size: 25px;}
    .advocate_details_form {margin-top: -50px;}

}