@media screen and (max-width:767px){
    .wt-signupw {
        width: 100%;
        padding: 15px;
    }
}

.password-container {
  position: relative;
}

#togglePassword {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  cursor: pointer;
  background-color: unset !important;
  width: 20px;
  height: 16px;
  
  
}
.showpass
{
  background: url(https://img2.tradewheel.com/template1/images/eye-open.png);
  transition: .3s ease;
}
.showpass.hidepass 
{
  background: url(https://img2.tradewheel.com/template1/images/eye-close.png);
  transition: .3s ease;
}


.wt-signupw {
box-shadow: 0 0 10px #ccc;
padding: 30px 20px 0 20px;
border-radius: 5px;
background-color: #fff;
width: 90%;  
margin-right: 0; 
}

.wt-signup {
background: unset;
}

body {
background: #f0f0f0;
}

.wt-link span {
color: #116180;
font-style: normal;
}

.wt-link a:hover {
color: unset;
}

.wt-link {
padding-bottom: 0 !important;
}

form#register_form {
min-height: 500px !important;
}



.signup-page-wrapper-main {
padding-top: 30px;
padding-bottom: 100px;
}

.wt-left-wrapper-div h2 {
color: #116180;
font-size: 38px;
text-transform: uppercase;
line-height: 40px;
font-weight: 700;
}

.wt-left-wrapper-div h4 {
color: #464646;
text-transform: uppercase;
font-size: 22px;
line-height: 28px;
margin-bottom: 10px;  
}

.wt-left-wrapper-div ul li {
position: relative;
padding-left: 30px;
line-height: 34px;
color: #6c6c6c;
}

.wt-left-wrapper-div ul {
margin-bottom: 0px;
}

.user-name {
font-size: 20px;
color: #484646;
font-weight: 600;
}

.user-designation {
font-size: 16px;
color: #787676;
margin-top: 3px;
margin-bottom: 9px;
text-transform: capitalize;
}


.wt-left-wrapper-div ul li:before {
content: url(../images/check-icon-signup-page.png);
position: absolute;
left: 0;
top: 3px;
width: 20px;
height: 20px;
}

.wt-signupw h4 {
font-size: 12px;
margin-bottom: 12px;
}


.company-carousel img {
width: unset !important;
}

.main-reviews-title {
max-width: 220px;
vertical-align: middle;
padding-top: 20px;
}

.company-carousel .item {
background-color: #fff;
padding: 10px 30px 20px 30px;
border-radius: 15px;
margin: 13px 10px 10px 10px;
box-shadow: 0 0 10px #ccc;
min-height: 340px;
max-height: 340px;
}

.main-reviews-wrapper {
position: relative;
}


.main-reviews-inner-first {

position: relative;
vertical-align: middle;
min-height: 80px;
border-bottom: solid 2px #ccc;
margin-bottom: 20px;
}

.main-reviews-logo {
position: absolute;
right: 0;
top: 0;
}

.wt-left-wrapper-div {
padding-left: 20px;
}

.main-reviews-inner-second {
position: relative;
padding: 35px 0px 35px 0;
}

.main-reviews-inner-second p {
position: relative;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
letter-spacing: 0px;
line-height: 22px;
color: #6c6c6c;
font-size: 18px;
}

.main-reviews-inner-second:before {
content: url(../images/para-before.png);
position: absolute;
left: 0;
top: -10px;
height: 50px;
width: 50px;
}

.main-reviews-inner-second:after {
content: url(../images/para-after.png);
position: absolute;
right: 0;
bottom: -20px;
height: 50px;
width: 50px;
}



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

.wt-left-wrapper-div {
display: none;
}


.wt-left-wrapper-div {
background-color: #fff;
box-shadow: 0 0 10px #ccc;
border-radius: 5px;
padding: 20px 10px  20px 10px !important;
margin-bottom: 0px;
}


.coun-wrapper-main {
margin-top: 10px !important;
}

.wt-signupw {
width: 100% !important;
margin: 0 auto;
}

.main-reviews-title {
max-width: 120px !important;
}

.user-designation {
font-size: 13px;
}

.user-name {
font-size: 20px;
color: #484646;
font-weight: 600;
}

.wt-form-cont .form-control::placeholder{
font-size:14px !important;
}


.signup-page-wrapper-main {
padding-top: 30px;
padding-bottom: 50px;
}

.wt-left-wrapper-div h2 {
font-size: 28px;
line-height: 26px;
}

.wt-left-wrapper-div h4 {
font-size: 18px;
margin-bottom: 0;
}

.join-btn-cont button {
font-size: 14px;
}

.company-carousel {
display: none !important;
}

}


.coun-wrapper-main {
position: relative;
background-color: #fff;
box-shadow: 0 0 10px #ccc;
padding: 20px 10px 20px 10px;
border-radius: 5px;
margin-top: 30px;
}

.coint-icon-wrapper {
position: absolute;
left: 30px;
top: 13px;
}


.wt-footer {
background: #116180;
color: #fff;
}


.coint-content-wrapper {padding-left: 100px;}

.coint-content-wrapper h4 {

color: #6c6c6c;
font-size: 28px;
font-weight: 700;
}


.counter {
animation-duration: 1s;
animation-delay: 0s;
}     




/* Feel free to change duration  */ 
.animated  {
-webkit-animation-duration : 1000 ms  ;
animation-duration : 1000 ms  ;
-webkit-animation-fill-mode : both  ;
animation-fill-mode : both  ;
}  
/* .owl-animated-out - only for current item */ 
/* This is very important class. Use z-index if you want move Out item above In item */ 
.owl-animated-out {
z-index : 1 
}
/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */ 
.owl-animated-in {
z-index : 0 
}
/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */ 
.fadeOut  {
-webkit-animation-name : fadeOut  ;
animation-name : fadeOut  ;
}  
@-webkit-keyframes  fadeOut  {
0% {
opacity : 1   ;
}  
100% {
opacity : 0   ;
}  
}
@keyframes    fadeOut  {
0% {
opacity : 1   ;
}  
100% {
opacity : 0   ;
}  
}
img.package_badge1 {
max-width: 100px;
}

.social-login-container{
float: left;
width: 100%;
padding-bottom: 5px;
padding-top: 5px;
margin-top: 5px;
margin-bottom: 5px;    
}

.social-login-container > a{
width: 36px;
height: 36px;
display: inline-block;
position: relative;
margin-bottom: 0;
margin-right: 10px;

}

.social-login-container img {
width: 16px;
height: 16px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}

.social-login-container a {
background: #efefef;
border-radius: 50%;
transition: all ease-in-out .2s;
}
.social-login-container a:hover {
transform: scale(1.2);
}

a.fb-logo {
background: #1977f3;
}

a.google-logo {
background: #116180;
}

a.linkedin-logo {
background: #0076b4;
}
.connect-line {
position: relative;
}
.connect-line::after {
border-bottom: 1px solid black;
position: absolute;
left: 0;
right: 0;
bottom: 6px;
content: '';
z-index: 1;
padding-left: 15px;
padding-right: 15px;
}
.connect-line span{
background: #fff;
position: relative;
z-index: 99;
display: inline-block;
padding-left: 15px;
padding-right: 15px;    
}