.main-column{
  /*background:linear-gradient(0deg,rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url(/assets/img/parallax8.jpg?time=1);*/
  /*height: 719px;*/
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;

  /*background-color: #dd33bb;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1000 1000'%3E%3Cdefs%3E%3CradialGradient id='a' cx='500' cy='500' r='43%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23dd33bb'/%3E%3Cstop offset='1' stop-color='%23404'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='500' cy='500' r='56.7%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23F70' stop-opacity='1'/%3E%3Cstop offset='1' stop-color='%23F70' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1000' height='1000'/%3E%3Cg fill='none' stroke='%23F6B' stroke-width='1' stroke-miterlimit='10' stroke-opacity='0.15'%3E%3Crect x='12.5' y='12.5' width='975' height='975'/%3E%3Crect x='25' y='25' width='950' height='950'/%3E%3Crect x='37.5' y='37.5' width='925' height='925'/%3E%3Crect x='50' y='50' width='900' height='900'/%3E%3Crect x='62.5' y='62.5' width='875' height='875'/%3E%3Crect x='75' y='75' width='850' height='850'/%3E%3Crect x='87.5' y='87.5' width='825' height='825'/%3E%3Crect x='100' y='100' width='800' height='800'/%3E%3Crect x='112.5' y='112.5' width='775' height='775'/%3E%3Crect x='125' y='125' width='750' height='750'/%3E%3Crect x='137.5' y='137.5' width='725' height='725'/%3E%3Crect x='150' y='150' width='700' height='700'/%3E%3Crect x='162.5' y='162.5' width='675' height='675'/%3E%3Crect x='175' y='175' width='650' height='650'/%3E%3Crect x='187.5' y='187.5' width='625' height='625'/%3E%3Crect x='200' y='200' width='600' height='600'/%3E%3Crect x='212.5' y='212.5' width='575' height='575'/%3E%3Crect x='225' y='225' width='550' height='550'/%3E%3Crect x='237.5' y='237.5' width='525' height='525'/%3E%3Crect x='250' y='250' width='500' height='500'/%3E%3Crect x='262.5' y='262.5' width='475' height='475'/%3E%3Crect x='275' y='275' width='450' height='450'/%3E%3Crect x='287.5' y='287.5' width='425' height='425'/%3E%3Crect x='300' y='300' width='400' height='400'/%3E%3Crect x='312.5' y='312.5' width='375' height='375'/%3E%3Crect x='325' y='325' width='350' height='350'/%3E%3Crect x='337.5' y='337.5' width='325' height='325'/%3E%3Crect x='350' y='350' width='300' height='300'/%3E%3Crect x='362.5' y='362.5' width='275' height='275'/%3E%3Crect x='375' y='375' width='250' height='250'/%3E%3Crect x='387.5' y='387.5' width='225' height='225'/%3E%3Crect x='400' y='400' width='200' height='200'/%3E%3Crect x='412.5' y='412.5' width='175' height='175'/%3E%3Crect x='425' y='425' width='150' height='150'/%3E%3Crect x='437.5' y='437.5' width='125' height='125'/%3E%3Crect x='450' y='450' width='100' height='100'/%3E%3Crect x='462.5' y='462.5' width='75' height='75'/%3E%3Crect x='475' y='475' width='50' height='50'/%3E%3Crect x='487.5' y='487.5' width='25' height='25'/%3E%3C/g%3E%3Crect fill-opacity='0.15' fill='url(%23b)' width='1000' height='1000'/%3E %3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;*/

}
.label#allError {
    color: red;
    font-weight: bold;
    margin-top: 0px;
    text-align: center!important;
}
button#SendOTP {
    padding: 6px;
    border-radius: 4px;
    border: 1px solid #fff;
    font-size: 14px;
    color: #fff;
}
.sweet-alert .btn-default:focus{
  box-shadow: none!important;
}
.swal-program button {
    padding: 6px;
    border-radius: 4px;
    border: 1px solid #fff;
    font-size: 16px;
    color: #fff;
    width: 50px;
}
.swal-back button {
    padding: 6px;
    border-radius: 4px;
    border: 1px solid #fff;
    font-size: 16px;
    color: #fff;
    width: 50px;
}

.valueslist p {
    margin-bottom: 11px;
}
.sweet-alert.otp_head{
  width: 400px;
}
.otp_head h2{
  color: #fff;
  line-height: 30px;
}
.otp_head p {
    font-size: 16px;
}
.otp_head input {
    width: 60%;
    margin: auto;
}
.sweet-alert.otp_head button {
    font-family: "roboto",sans-serif;
    padding: 8px;
    text-align: center;
    transition: 0.5s;
    background-size: 200% auto;
    color: #FFF;
    box-shadow: 0 0 20px #eee;
    width: 95px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    cursor: pointer;
    display: inline-block;
    border-radius: 25px;
    border:0;
    text-decoration: none;
    /*height: 22px;*/
    line-height: 11px;
    font-size: 14px!important;
}
.sweet-alert.otp_head button{background-image: linear-gradient(to right,#fc4a1a 0%,#f7b733 51%,#fb6921 100%);}
.sweet-alert.otp_head button:hover{ color:#fff;background-position: right center; }
.sweet-alert.otp_head button:focus{
    box-shadow: none!important;
}
.sweet-alert.otp_head button:active{
  background-image: linear-gradient(to right,#fc4a1a 0%,#f7b733 51%,#fb6921 100%)!important;
}

.heading{
   font-family: 'roboto',sans-serif;
    line-height: 30px;
    color: #223335;
    font-weight: 700;
    text-transform: uppercase;
}
.heading1{
    font-size: 1.3rem;
    background: #eee;
    padding: 5px 10px;
    border-left: 5px solid #008AD1;
}
}
.heading2{
    font-size: 1.2rem;
}
.heading3{
    font-size: 1rem;
    color: #797c7c;
}
.number_list{
    background: #008AD1;
    color: #fff;
    padding: 3px 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    margin-right: 10px;
}
ul.terms_list li:before{
    content: '\f111';
    font-family: 'FontAwesome';
    font-size: 9px;
    padding: 10px;
    line-height: 25px;
}
.tests_list_feature .feature2{
    width: 250px;
    float: left;
    padding: 10px;
    margin-right: 10px;
    text-align: center;
    color: #223335;
    background: #008ad10f;
    border:3px double #008ad161;
    /*margin-left: 60px;*/
    
}

.testimonial {display: none;
    left: 0px;
    bottom: 0px;
    position: fixed;
    /*border: 1px solid #eee;*/
    z-index: 20;
        /*background: #fff;*/
    background: rgba(0,0,0,0.8);
    color: #fff!important;
    /*border-top-left-radius: 5px;*/
    /*border-bottom-left-radius: 5px;*/
}
.close_angle {
    height: 25px;
    background: rgba(0,0,0,0.8);
    width: 25px;
    /* right: -21px; */
    position: absolute;
    right: -25px;
    cursor: pointer;
    padding: 0px 10px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;

}
.right-push{
  left: -300px;
}


div#s6 {
    width: 300px!important;
    height: 100px!important;
    background-color: transparent!important;
}

#s6 { 
   /* width: 300px; 
    height: 230px; */
    /*border: 1px solid #ddd; */
    /*background-color: #eee; */
}
#s6 .box { 

    padding: 10px; 
    /*color: #333; */
    text-align: left; 
     background-color: transparent!important;
    font-size: 14px; 
}
.stu_imgs{
  float: left; 
  font-size: 12px;
  margin-top: -2px;
}
#s6 div img { 
    margin: 10px 10px 10px 0; 
    width: 60px; 
    height: 60px; 
    padding: 3px; 
    background: #fff;
    border-radius: 43px;
}
#s6 p{
  width: 280px;
  font-size: 12px;
}
 #typewriter{
  font-size: 3.5rem;
  color: #fffb00;
  font-weight: 800;
 }
#aboutwrap{
  text-align: justify;
}
.color1{
  background-color: rgba(247,151,62,0.2);
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #f9e0ca;
}
.color2{
  background-color: rgba(0,138,209,0.2);
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #bce1f3;
}
.color3{
  background-color: rgba(201,60,120,0.2);
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #f3c8db;
}
        a#login_popup{
            cursor: pointer;
        }
        .btn-gradient_forestanimate {
                font-family: "roboto",sans-serif;
                padding: 5px;
                text-align: center;
                transition: 0.5s;
                background-size: 200% auto;
                color: #FFF;
                box-shadow: 0 0 20px #eee;
                width: 100%;
                box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
                transition: all 0.3s cubic-bezier(.25,.8,.25,1);
                cursor: pointer;
                display: inline-block;
                border-radius: 25px;
                border:0;
                text-decoration: none;
                /*height: 22px;*/
                line-height: 11px;
                font-size: 14px!important;

            }


            .btn-gradient_forestanimate{background-image: linear-gradient(to right, #1ecbf1 0%, #0f6db4 51%, #00d2ff 100%)}
            .btn-gradient_forestanimate:hover{ color:#fff;background-position: right center; }
        .digits{
                width: 44px;height: 44px;padding: 2px;font-size: 1.2rem;color: #fff;border-radius: 25px;line-height: 37px;font-weight: bold;border: 1px solid #fff;
            }
            .btn-gradient_forestanimate:focus{
              box-shadow: none!important;
            }
            .btn-gradient_forestanimate:active{
              background-image: linear-gradient(to right, #1ecbf1 0%, #0f6db4 51%, #00d2ff 100%)!important;
            }
            .pck_btn {
                padding: 10px!important;
                margin-top: 10px;
            }
            .middle_wrap{
                padding:4px;
            }
            .pro_wrap_head{
              /*background:rgba(137, 137, 137, 0.4);*/
              color:#fff;
              text-align: center;
              border-radius: 40px;
            }

        /*smiley sprite img*/
        /*.icon-bar{
              border:1px solid red;
          }*/
          .icon-bar > a.icon-frame {
          /*border:1px solid red;*/
          display: inline-block;
          width: 35px;
          height: 35px;
          background-image: url(/assets/img/iconswrap.png?time=5);
          background-repeat: no-repeat;
          }
          a.smiley_icon{
              background-position: -6px -38px;
          }
          a.neutral_icon{
              background-position: -57px -38px;
          }
          a.sad_icon{
              background-position: -106px -38px;
          }
        .modal-body-box{
            color:white;
            position:center;
            height:400px;
            /*width:700px;*/
            background-color: transparent;
        }  
            .modal-content-box
            {   
             padding:0px;
             width: 100%!important;
             height:453px;
             background-color: transparent;
             border:none;
            }
           /* #myform1 input
            {
                color:white !important;
            }*/
         .row-left  
        {
            height:390px;
            /*width:350px;*/
            background-color:black;
            
            /*line-height: 8.2;*/
            /*float:left;*/
        }
         .row-right
        {
            height:390px;
            /*width:350px;*/
            /*float:left;*/
            padding: 60px 35px;
            background-image:url("https://www.fourmodules.com/assets/img/services.jpg");
        }
       /* .details
        {
            text-align: center; 
            position: relative;
            top: 88px;
        }*/
       
        #h1
        {
            font-family:Roboto, sans-serif;
            font-size :18px;   
            /*margin-top: 13px; */
            text-align:center;
            color:#ffff; 
            /*position:relative;     */
            padding-bottom: 0px; 
        }
        
        #h5
        {
            font-family:Roboto, sans-serif; 
            color:#FFFB00;
            font-size:16px;
            padding: 0 0 0px;
            margin-top: 23px;
            font-weight: normal !important;
        }
        .button1
        {
           /* width:38%; 
            display: inline; 
            left: 100px;
            top:2px;
            padding: 14px 9px; 
             
             */
             top:10px;
             float: none!important;
             line-height: 0.5;
             font-size: 12px;
             border-radius: 5px;
             
        }
 .progress{
    width: 35px;
    height: 35px;
    margin: 0px;
    line-height: 150px;
    background: none;
    margin-top: -30px;
    margin-left: 166px;
    
    box-shadow: none;
    position: relative;
}
.progress:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 4px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.progress > span{
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}
.progress .progress-left{
    left: 0;
}
.progress .progress-bar{
    width: 100%;
    height: 100%;
    background: none;
    border-width: 12px;
    border-style: solid;
    position: absolute;
    top: 0;
}
.progress .progress-left .progress-bar{
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}
.progress .progress-right{
    right: 0;
}
.progress .progress-right .progress-bar{
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: loading-1 1.8s linear forwards;
}
.progress .progress-value{
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: #44484b;
    font-size: 24px;
    color: #fff;
    line-height: 135px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
}
.progress.yellow .progress-bar{
    border-color: #fdba04;
}
.progress.yellow .progress-left .progress-bar{
    animation: loading-3 1s linear forwards 1.8s;
}
.progress.pink .progress-bar{
    border-color: #ed687c;
}
.progress.pink .progress-left .progress-bar{
    animation: loading-4 0.4s linear forwards 1.8s;
}
.progress.green .progress-bar{
    border-color: #1abc9c;
}
.progress.green .progress-left .progress-bar{
    animation: loading-5 1.2s linear forwards 1.8s;
}
@keyframes loading-1{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes loading-2{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}
@keyframes loading-3{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
@keyframes loading-4{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}
@keyframes loading-5{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg);
    }
}
 /*.progress-bar 
 {
  position: relative;
  height: 100px;
  width: 100px;
}

.progress-bar div {
  position: absolute;
  height: 100px;
  width: 100px;
  border-radius: 50%;
}

.progress-bar div span {
  position: absolute;
  font-family: Arial;
  font-size: 25px;
  line-height: 75px;
  height: 75px;
  width: 75px;
  left: 12.5px;
  top: 12.5px;
  text-align: center;
  border-radius: 50%;
  background-color: white;
}

.progress-bar .background { background-color: #b3cef6; }

.progress-bar .rotate {
  clip: rect(0 50px 100px 0);
  background-color: #4b86db;
}

.progress-bar .left {
  clip: rect(0 50px 100px 0);
  opacity: 1;
  background-color: #b3cef6;
}

.progress-bar .right {
  clip: rect(0 50px 100px 0);
  transform: rotate(180deg);
  opacity: 0;
  background-color: #4b86db;
}

@keyframes 
toggle {  0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
*/
@media only screen and (max-width: 990px){
    .progress{ margin-bottom: 20px; }
}
        #check
        {
            margin-left:-24px;
            margin-top: 4px;
        }
        .forget
        {
            float: right;
            margin-right: -28px;
            margin-top: 0px;
        }
        #enter
        {
        font-family:Roboto, sans-serif;
          font-size :18px;   
          margin-top: 38px; 
          text-align:center;
          color:#ffff; 
          /*position:relative;     */
          padding-bottom: 0px; 

        }
       .button2
        {
          /*  width: 38%;
            display: inline;
           left: 86px;   */
          
           
        /*   padding: 14px 9px;
         font-size: 12px;
         line-height: 0.5;
         border-radius: 5px;*/
             top:56px;
             float: none!important;
             line-height: 0.5;
             font-size: 12px;
             border-radius: 5px;

        }
       /*.button3
        {
            width: 38%;
            display: inline;
           left: 86px;
               top: 28px;
         padding: 14px 9px;
         font-size: 12px;
         line-height: 0.5;
         border-radius: 5px;
        }*/
        /* .button4
        {
            width: 38%;
            display: inline;
           left: 62px;
         padding: 14px 9px;
         font-size: 12px;
         line-height: 0.5;
         border-radius: 5px;
        }*/
          /*  .button5
        {
            width: 38%;
            display: inline;
           left: 62px;
         padding: 14px 9px;
         font-size: 12px;
         line-height: 0.5;
         border-radius: 5px;
        }
            .button6
        {
            width: 38%;
            display: inline;
           left: 62px;
         padding: 14px 9px;
         font-size: 12px;
         line-height: 0.5;
         border-radius: 5px;
        }*/
       /* a:hover 
        {
         color:blue;
        }*/
        .box
        {
            background:rgb(25,25,25.9); 
            /*width: 270px;*/
            height:270px;
            padding:20px 56px;
            /*margin-top:60px;*/
            /*position:relative;*/
            /*margin-left:27px;*/
            border:1px solid transparent;
           
        }
        .username
        {    
              width:200px;
            border:none;
            border-radius:none;
            border-bottom:1px solid #1F73B3;
           /*margin-left:31px;*/
           padding:2px;
           background-color:transparent;
               color: white;
        }
        .otp
        {    
              width:200px;
            border:none;
            border-radius:none;
            border-bottom:1px solid #1F73B3;
           /*margin-left:31px;*/
           padding:2px;
           background-color:transparent;
               color: white;
        }
      
        .box2
        {
            margin-top:90px;
            background-color:transparent;
        }
       .password
           {
           width:200px;
            border:none; 
           border-radius:none;
           border-bottom:1px solid #1F73B3;
           /*margin-left:31px; */
           padding:2px; 
           background-color:transparent;
             color: white;
        }
          /*.forget
          {
            width:200px;
           margin-top:10px; 
           border:none; 
           border-radius:none;
           margin-left:31px; 
           padding:2px; 
           background-color:transparent;
          }*/
        #remebmer
        {
            display: block;
            max-width: 100%;
            margin-left:20px;
            margin-bottom:0px;
            font-family: Arial, Helvetica, sans-serif;
            font-weight:100 !important;
        }     
        #error_user
        
        {
            text-align:left;
            position: absolute;
            color:#DC143C;
            height:20px;
            width:224px;
           
        } 
        #error_pass
        {
            position: absolute;
               height:20px;
            width:232px;
            text-align:left;
            color:#DC143C;
        }
          #error_phone
        {
            
            height:20px;
           position: absolute;
            width:232px;
            text-align:left;
               color:#DC143C;
        }
         .j_error
        {
            font-size: 12px;
            
            
            color: #DC143C;
            
            /*height: 20px;*/
            /*margin-bottom: 10px;*/
            /* width: 224px; */
            text-align: left;
         
        }

        /*.in_feilds {
            margin-bottom: 12px;
        }*/


      #error_password
        {
            font-size:12px;
             position:absolute;
            color:#DC143C;
             margin-bottom:10px;
            width:232px;
            text-align:left;    
        }  
      #error_con
        {
            position: absolute;
            color:#DC143C;
            height:10px;
            width:241px;
         }
    
        .number
        {    
          width:200px;
            border:none;
            border-radius:none;
            border-bottom:1px solid #1F73B3;
           padding:2px;           
            color: white;
             font-size:13px;
           background-color:transparent;
        }
        .number:focus
        {
            background-color: transparent;
            color:white;
        }
        .pass_first
        {
         width:200px;
        border:none;
        border-radius:none;
        font-size:13px;
        border-bottom:1px solid #1F73B3;
        color: white;
         padding:2px;
             height: 20px;
        background-color:transparent;
        }
        .pass_first:focus
        {
             background-color: transparent;
            color:white;
        }
          .pass_second
        {
         width:200px;
              font-size:13px;
            border:none;
              border-radius:none;
            border-bottom:1px solid #1F73B3;
           padding:2px;
             color: white;
               background-color:transparent;
        }
         .pass_second:focus
         {
         background-color: transparent;
            color:white;
         }
       .text
        {    
           width:200px;
           margin-top:22px;
            border:none;
            border-radius:none;
            border-bottom:1px solid #1F73B3;
           margin-left:3px;
           padding:2px;
           background-color:transparent;
        }
       /*  .heading
        {
            position:relative;
            top:18px;
        }*/
     
        #add
        {
            height:20px;
            width:20px;
            display: none;
            margin-left: 180px;
            margin-top: -16px;
            position:absolute;
        }
        .close-itemm
        {
            height:10px;
           width: 17px;
            display:none;
            position: relative;
             top: -25px ! important;
            margin-left: 180px;
            color: red;
            background: transparent;
            border: none;
            font-size: 20px;
            font-weight: 100px; 
        }
       
        .checkbox
        {
            color:#999999; 
            /*float:left;*/
            margin-top:30px;
            /*display:block;*/
            /*font-size:13px; */
            /*margin-left:25px;*/
            font-size:12px;  
            /*padding-left: 0px;*/
 
        }

            .forget a{
        text-decoration: none;
        color:#999999; 
          float:left;
              text-align:right;
        }
        .forget a:hover{
            color:#1B6FAF;
            
         }
        .modal-header{
            border-bottom: 1px solid #5f5e5e!important;
        }
        #close_btn {
            color: black!important;
            padding: 0px;
            margin-right:10px;
            margin-top: 6px;
            opacity: .75;
        }
       
         #close_btnn {
            color: black!important;
            padding: 0px;
            margin-right: 10px;
            margin-top: 6px;
            opacity: .75;
        }
           .row-left-pic 
        {
           /*height: 465px;*/
            /*width: 380px;*/
            background-color:black;
        }
           .singup_box
          {
           background: black;      
            padding: 17px 42px;
           border: 1px solid transparent;
            border-radius: 30px;
            width: 302px;
          }        
          .r_main
          {
              height:400px;
              width: 100%;
              background: pink;
          }
        
         .row-right-new
        {
            /*height: 463px;*/
            /*width: 403px;*/
            /*width:350px;*/
            /*float:left;*/
            padding: 50px 43px;
            background-image:url("https://www.fourmodules.com/assets/img/services.jpg");
        }
        .image
        {
            height: 71px;
            width: 71px;
            background: gray;
            border-radius: 68px;
            position: absolute;
            margin-top: -56px;
            margin-left: 73px;
            border: 2px solid black;
        }
        .r_tabs
        {
            margin-top:20px;
        }
        .nav-menu
        { 
            width:50%;  
        }
       #home-tab 
       {   
          padding: 9px 32px;
          background: transparent;
           border-radius:none;
           color:gray;
           font-size:16px;
           font-weight: bold;
           cursor: pointer;
           
        }
           
         #reset-tab 
       {   
          padding: 8px 6px;
          background: transparent;
           border-radius:none;
           color:gray;
           font-size:16px;
           font-weight: bold;
           cursor: pointer;
        }
        #forget-tab
       {   
          padding: 14px 9px;
          background: transparent;
           border-radius:none;
           color:gray;
           font-size:16px;
           font-weight: bold;      
        }
        #pills 
        {
          margin-top: 22px;
        }
        #reenter
        {
            margin-bottom: .0px;
            color: gray;
            font-weight: 600;
            text-align: right;
            margin-left: 6px;
            font-size: 10px;
        }
          #profile-forget
       {   
          padding: 13px 19px;
          background: transparent;
           border-radius:none;
           color:gray;
           font-size:16px;
           font-weight: bold;
        }
       .nav-pills #home-tab,#profile-tab
       {
           border-radius: .1rem;
       
        }
       .nav-pills .nav-link.active, .nav-pills .show> #back-tab
       {
       
        background-color: transparent;
        }
        #reset-tab:active   
        {
            color:white;
        }
       ul.r_nav
       {
           border-bottom:1px solid gray;
           /*color: white;*/
       }
       .t_forget:hover
       {
        color: white;
        }
        .line:hover
       {
        color: white;
        }
       #profile-tab
       {    
          padding: 9px 28px;
          background: transparent;
           border: none;
           color:gray;  
           font-size:16px; 
           font-weight: bold;
           cursor: pointer;
           border-bottom:1px solid #fff;
        }
        #back-tab
        {
            cursor:pointer;
            font-size:16px;
            font-weight: bold;
                color: gray;
        }
      .t_username
        {    
              width:215px;
            border-radius:10px;
          border:1px solid #303030cc;
           /*margin-left:31px;*/
           padding:4px;
           background-color:#303030cc;
               color: white;
        }
         .t_password
        {    
              width:215px;
            border-radius:10px;
           border:1px solid #303030cc;
           /*margin-left:31px;*/
           padding:4px;
           background-color:#303030cc;  
               color: white;
        }
         .t_number
        {    
              width:215px;
            border-radius:8px;
          border:1px solid #303030cc;
           /*margin-left:31px;*/
           padding: 4px;
           background-color:#303030cc;
         color: white;
               font-size: 13px;
        }
           /*.t_number:hover
           {
               background: transparent;
           }*/
         .t_pass_first
        {    
              width:215px;
            border-radius:8px;
          border:1px solid #303030cc;
          
           font-size: 13px;

           /*margin-left:31px;*/
            padding:4px;
           background-color:#303030cc;
               color: white;
        }
        .retype
        {
           
           
            display:none;
        }
            .t_pass_second
        {    
              width:215px;
            border-radius:8px;
          border:1px solid #303030cc;
           font-size: 13px;

           /*margin-left:31px;*/
            padding: 4px;
           background-color:#303030cc;
               color: white;
        }
       
        .r_button
        {
                 float: none!important;
                line-height: 0.5;
                font-size: 12px;
                border-radius: 5px;
                background: transparent;
                color: white;
                /*padding: 12px 38px;*/
                border-radius: 5px;
                border: 1px solid #fff;
                width: 110px;
                text-align: center;
        }
        .r_button:hover{
          background: #fff;
          color: #223335;
          transition:  all 0.5 ease;
          -webkit-transition:  all 0.5 ease;
          -ms-transition:  all 0.5 ease;
          -moz-transition:  all 0.5 ease;
          -o-transition:  all 0.5 ease;
        }
         .t_checkbox
        }
        {
         
            color:#999999; 
            /*float:left;*/
            
            /*display:block;*/
            /*font-size:13px; */
            /*margin-left:25px;*/
            font-size:12px;  
            margin-left: 4px;
            /*padding-left: 0px;*/
        }
        #pills_profile
        {
            display:none;
        }
        
         #pills_forget
        {
            display:none;
        }
        .t_forget
        {
            float: center;
            cursor: pointer;
           font-size:13px;  
           letter-spacing: 0.5px;
           font-weight:bold;
            margin-top:9px;
            text-align: center;
            color:gray; 
            display:block;    
       }   
       #r_password
       {
           text-decoration: none;
       }
       #t_username,#t_password:focus {
            color: #ffff;
            background-color: #303030cc; 
            border-color: #303030cc;
            outline: 0;
        }
        .t_number:focus {
              color: #ffff;
            background-color: #303030cc; 
            border-color: #303030cc;
            outline: 0;
        }
        .t_pass_first:focus {
              color: #ffff;
            background-color: #303030cc; 
            border-color: #303030cc;
            outline: 0;
        }
        .t_pass_second:focus {
              color: #ffff;
            background-color: #303030cc; 
            border-color: #303030cc;
            outline: 0;
        }
       .line 
       {
        height: 1px;
        width: 143px;
        background: gray;
        text-align: center;
        margin-left: 36px;
       }
        #t_error_user
        {
            text-align:left;
            position: absolute;
            color:#DC143C;
            height:20px;
            width:224px; 
        } 
        #t_error_pass
        {
            position: absolute;
               height:20px;
            width:232px;
            text-align:left;
            color:#DC143C;
        }
        .details img{
        width: 40%;
        margin-top: 40%;
        height: auto;
    }
             @media  (max-width: 320px) 
        {
            .username
             {
                  width:100%;
             }
                .password
             {
                 width:100%;
             }
             .number
             {
                  width:100%;
             }
             .pass_first
             {
                  width:100%;
             }
             .pass_second
             {
                  width:100%;
             }   
              .otp
             {
                 width:100%;
             }
             .checkbox
             {
                 width:100%;
             }
            .box
            {
              padding:  20px 20px;
              background: black;
            }
            .forget.text-right
            {
                width:50%;
                text-align:center;
                float:left;
            }
            .check
            {
                float:left;
                width:100%;
            }
            .site-info{
                position: unset;
            }
            .wave
            {
                position: unset;
            }
            .forget
            {
                width:100%;
                text-align:center;
                  margin-left: 15px;
            }
            .check
            {
               text-align:center;
                width:100%;
                
            }
              #add
        {
             width:100%;
            margin-left: 140px;
            position:absolute;
        }
        .close-itemm
        {
            width: 100%;
           position:relative;
           left: -100px;
        }
           } 
        @media (min-width: 321px) and (max-width:480px)
        {
            label
            {
                text-align: center;
            }
            .forget 
            {
                text-align:right;
            }
             .otp
             {
                 width:100%;
             }
                    .wave
            {
                position: unset;
            }
             .site-info{
                position: unset;
            }
            .box
            {
                padding: 20px 69px;
                  background: black;
            }
            .forget
            {
                width:50%;
             
                float:right;
            }
            .check
            {
                float:left;
                width:50%;
               
            }
             .forget a{
       
          float:none;
             
        }
          @media (min-width: 481px) and (max-width:767px)
          {
          .row-left  
        {
            height:350px;
            width:100%;
            
            
            /*line-height: 8.2;*/
            /*float:left;*/
        }
                 .modal-body-box
        {
            width:100%;
        }
        .box
        {
            padding:20px 12px;    
            background: black;            
            /*width: 270px;*/
            height:270px;
            /*margin-top:60px;*/
            /*position:relative;*/
            /*margin-left:27px;*/
           
        }
       .row-right
       {
             height:350px;
            width:100%;
           padding:41px 25px; 
       }
       #h5
       {
           font-size:13px;
       }
       .site-info{
                position: unset;
            }
            .wave
            {
                position: unset;
            }
       .username
             {
                  width:100%;
             }
                .password
             {
                 width:100%;
             }
             .number
             {
                  width:100%;
             }
             .pass_first
             {
                  width:100%;
             }
             .pass_second
             {
                   width:100%;
             }     
              .otp
             {
                 width:100%;
             }
             .check
             {
                 text-align: center;
                 width:100%;
             }
              .forget
             {
                 text-align: center;
                 width:100%;
             
             }
          }
           @media (max-width: 600px) 
          {
          .row-left  
        {
            height:350px;
            width:100%;
            
            
            /*line-height: 8.2;*/
            /*float:left;*/
        }
                 .modal-body-box
        {
            width:100%;
        }
        .box
        {
            padding:20px 12px;    
            background: black;            
            /*width: 270px;*/
            height:270px;
          
           
        }
       .row-right
       {
             height:350px;
            width:100%;
           padding:41px 25px; 
       }
       #h5
       {
           font-size:13px;
       }
       .site-info{
                position: unset;
            }
            .wave
            {
                position: unset;
            }
       .username
             {
                  width:100%;
             }
                .password
             {
                 width:100%;
             }
             .number
             {
                  width:100%;
             }
              .otp
             {
                 width:100%;
             }
             .pass_first
             {
                  width:100%;
             }
             .pass_second
             {
                   width:100%;
             }     
             .check
             {
                 text-align: center;
                 width:100%;
             }
              .forget
             {
                 text-align: center;
                 width:100%;
                 margin-left: 37px;
             }
          }
          @media (min-width: 768px) and (max-width: 1024px)
          {
           .row-left  
        {
            height:350px;
            width:100%;
            background-color:black;
            
            /*line-height: 8.2;*/
            /*float:left;*/
        }
                 .modal-body-box
        {
            width:100%;
        }
        .box
        {
          padding: 20px 56px; 
          background: black;
            /*width: 270px;*/
            /*height:270px;
            /*margin-top:60px;*/
            /*position:relative;*/
            /*margin-left:27px;*/
           
        }
        .site-info{
                position: unset;
            }
            .wave
            {
                position: unset;
            }          
       #h5
       {
           font-size:13px;
       }
       .username
             {
                  width:100%;
             }
                .password
             {
                 width:100%;
             }
             .number
             {
                  width:100%;
             }
             .pass_first
             {
                  width:100%;
             }
             .pass_second
             {
                   width:100%;
             }    
             .otp
             {
                 width:100%;
             }
             .check
             {
                 text-align: center;
                 width:100%;
             }
              .forget
             {
                 text-align: center;
                 width:100%;
                 margin-left: 8px;
             }
          }



          /*buy product*/
          h3#j_head {
    font-size: 18px;
    text-transform: capitalize!important;
    font-family: "roboto";
    font-weight: normal;
    padding: 0px 0 10px 12px;
}
#j_head h1 {
    font-size: 40px!important;
    color: #000!important;
    font-family: "roboto"!important;
}
#j_card{
    width: 230px!important;
    margin-right: 30px;
    border: none!important;
    float: left;
}
#j_card:hover{
    box-shadow: 2px 2px 10px #ddd;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
}


ul.j_gen{
    list-style:none!important;
    margin-top: -10px!important;
    margin-bottom: 20px!important;
}
ul.j_gen li{
    float: left!important;
    margin-right: 5px;
    font-size: 14px;
}
ul.j_gen li a{
    color: #008AD1;
    text-decoration: none;
}
.j-page_des {
    padding: 20px;
}
#starclr{
    color: #FFC315;
    font-size: 12px;
    margin-right: 2px;
}
h3.j_widget {
  font-family: 'Roboto'!important;
  font-size: 18px!important;
  line-height: 36px;
  color: #4B4B4D!important;
  font-weight: 400;
  padding-bottom: 35px;
  margin: 0 0 0px;
  text-transform: uppercase;
  text-align: left;
}
h3.j_head{
    margin-top: 22%!important;
}
.my_sidebar{
    height:300px;
    position: fixed;
    left: 900px;
    border: 1px solid rgba(0,0,0,0.1);
    background-color: #fff!important;
 
}
.bg_pro {
    width: 94%;
}
.top_thumb {
   
}
.j_quantity_div{
   
    position: absolute;
    background-color: green;
    margin-top: -21px;
    padding: 0px;
}

.slider img{
    max-width:100%;
    height:auto;
}



@media(max-width: 992px) {
  .centre_Img img{
    min-height: 800px;
  }

   
}

@media (max-width: 767px) {
 .centre_Img img{
      height: 400px;
    min-height: 400px;
  }
 

}

/*@media (max-width: 568px) {
  .centre_Img img{
       height: 300px;
    min-height: 300px;  
  }


}*/

@media (max-width: 467px) {
  .centre_Img img{
    height: 300px;
    min-height: 300px; 
  }
  .main-column{
        padding-top: 0px;
    }
    .featured-class{
      padding-top: 0px;
      padding-bottom:0px;
    }
    #thumbnail-slider div.inner{
      padding-top: 50px;
    }
    .parallax-container .parallax.parallax1,  .parallax-container .parallax.parallax2, .parallax-container .parallax.parallax3,.parallax-container .parallax.parallax5,.parallax-container .parallax.parallax4{
        background-image: none;
        height: auto;
    }
   #mobile img {
      width: 50%;
  }
  #program img{
    width: 50%;
  }
   #program h2 {
        font-size: 2rem;
    }
     #mobile h2 {
        font-size: 2rem;
    }
     #services h1{
        font-size: 2rem;
    }
     #services {
        padding-top: 30px;
        padding-bottom: 30px;
    }
     #teachers h2 {
        font-size: 2rem;
    }
    #program p{
          font-size: 1rem;
    }
  #program ul li {
    font-size: 1rem;
    line-height: 35px;
  }
  #products h1{
        font-size: 2rem;
    }
    #contacts h2 {
        font-size: 2rem;
    }
     img.pro_1 {
        width: 50%;
     }
     img.pro_2 {
    width: 20%;
     }
      img.pro_3{
        width: 50%;
      }
      img.pro_4{
            /*height: 40%;
            width: 20%;*/
            left: 60px!important;
      }
      img.serviceset{
        width: 7%;
      }
      img.testicon{
        width: 12%;
      }
      img.contacticon{
        width: 12%;
      }
      span#demo{
        text-align: center;
      }

       .row-left-pic{
        /*width: 300px;*/
        height: 115px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
     }
     .row-right-new {
        padding: 45px 0px;
        /*width: 300px;*/
        height: 460px;
    }
    #close_btn {
    color: #fff!important;
    padding: 0px;
    margin-right: 15px;
    margin-top: -95px;
    opacity: 0.75;
}
    .singup_box {
        padding: 17px 25px;
      width: 290px;
      margin: auto;
}
    .details{
      top: 0px;
    }
    .details img{
        width: 40%;
        margin-top: 35%;
        height: auto;
    }
#home-tab{
  padding-bottom: 0px;
}
.policy_content h1 {
    font-size:1rem;
    line-height: 0;
}
}
.infoOtpClass {
    color: #ff6a00;
    font-size: 12px;
    font-weight: bold;
}