*{
    box-sizing: border-box;
}


nav button span img{
    width: 60px;
    margin-left: 10px;
    border: 0px;
}

/* carousel */

.carousel img{
    width: 100%;
    height: 500px;
}


/* package and button */

.package-btn{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.package-para{
    justify-content:center;
    align-items: center;
}
.hr-line{
    float: right;
}


/* Table with Image */

.tablewithimg{
    display:flex;
    justify-content: space-around;
}
.tablewithimg table{
    width: 800px;
    margin-left: 4rem;
    margin-top: 7.2rem;
  
}
.tablewithimg img{
    width: 320px;
    margin-top: 7rem;
    margin-right: 4rem;
    height: 200px;
    transition: 2s;
}
.tablewithimg img:hover{
    transform: scale(1.3,1.3);
    transition: 2s;
}


/* what is the job */

.job{
    background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.8)),url('./assests/bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 7rem;
    color: whitesmoke;
    padding: 2rem;
}
.job-titles{
    display: flex;
    justify-content: space-around;
    flex-wrap:wrap;
}

.job-titles .types-of-jobs, .job-titles .job-profile, .job-titles .job-profile-summary, .job-titles .IT-skills, .job-titles .freshers-key-skills, .job-titles .personal-skills{
    width: 200px;
    padding: 1rem;
    font-size: 14px;
}
.job-titles .types-of-jobs dt, .job-titles .job-profile dt, .job-titles .job-profile-summary dt, .job-titles .IT-skills dt, .job-titles .freshers-key-skills dt, .job-titles .personal-skills dt{
   font-size: 1.2rem;
}
.job-titles .types-of-jobs span{
    text-align: center;
    font-size: 1rem;
}



/* HR Interview */

.interview{
    margin-top: 6rem;
}
.interview .one-img img,.interview .two-img img,.interview .three-img img,.interview .four-img img{
    width:350px;
}
.interview .one, .interview .three{
    display: flex;
    justify-content: space-around;
    margin-top: 5rem;
    
   
}
.interview .two, .interview .four{
    margin-top: 5rem;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-around;
   
}
.HR-interview-button button{
    margin-top: 5rem;
    margin-left: 1rem;
    padding: .6rem;
}


/* .student-department-details */

.student-dept-details{
    background: #346751;
    padding: 2rem;
    margin-top: 5rem;
}
.student-dept-details .student-details{
    display: flex;
    justify-content:space-around;
    margin-top: 3rem;
    flex-wrap: wrap;
}
.student-details .salary span, .student-details .duration span,.student-details .fees span,.student-details .institute span{
   font-size:34px; 
}
   

/* services  */

.card-wrapper{
    display:flex;
    padding: 4rem;
    justify-content:space-between;
    padding-top:2rem;
    flex-wrap: wrap;
}
.card{
    width: 380px; 
    box-shadow: 8px 8px 5px #346751;  
}
.card .card-img img{
    width:200px;

}
.card .card-body h4{
    color: #346751;
}


/* footer */


footer img{
    width:350px;
    margin-top: -4rem;  
}
footer .footer-links{
    display: flex;
    justify-content: space-around;
    color:whitesmoke;
    flex-wrap: wrap;
   
}
footer .footer-links ul{
    list-style-type: none;
}
footer .footer-links a{
    text-decoration: none;
    color: whitesmoke;
}
footer .footer-links a:hover{
    border-bottom: 1px solid black;
}

/*  phone-about-details */
.phone-about-details{
    margin: 0 auto;
    display: none;
}


/* contact.html page */
.contact h1{
    font-weight: 400;
}
.contact-info{
    background-image: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.8)),url("./assests/Contactus3.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px;
    margin-bottom: 1rem;
    width: 100%;
    height:400px;
    font-size:2rem;
   
}




/* login.html page */

 .login-wrapper{
    height: 500px;
    background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.5)),url('./assests/job.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.login-wrapper .login{
    width: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid black;
    border-radius:12px;
    box-shadow:2px 4px 4px 4px black;
    
} 
.login h3{
    text-shadow: 3px 3px 5px black;
}
.login .login-btn{
    display: flex;
    justify-content:space-around;
    margin-bottom: 2rem;
}

.input-group span{
    height:38px;
}


/* register.html and Password change */

.register-img img{
    width:150px;
    position: fixed;
    top: 16rem;
    right: 10rem;
    transition: 2s;
}
.register-img img:hover{
   transform: scale(1.5,1.5);
   transition: 2s;
}
.register, .password{
    width:500px;
    margin: 2rem auto;
    border:2px solid black;
    border-radius:12px;
    box-shadow:2px 4px 4px 4px black;
}
.register-btn{
    display: flex;
    justify-content:space-around;
    margin-bottom: 1rem;
}



/* responsive */

@media screen and (max-width:765px){
    .company h1{
        font-size:16px;
    }
    .tablewithimg{
        display: flex;
        flex-direction:column;
    }
    .tablewithimg table{
        width: 100%;
        margin:0 auto;
        margin-top: 2rem;
    }
    .tablewithimg img{
        width: 300px;
        margin: 0 auto;
        margin-top: 3rem;
    }
    .interview .one, .interview .two, .interview .three, .interview .four{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    img#hr{
        width: 100%;
    }
    .one .one-img{
        width:280px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }  
    .card-wrapper .card{
        margin-bottom: 3rem;
    }
    .footer-links{
        display:flex;
        flex-direction: column;
        justify-content:center;
        align-items:center;
    }
    .footer-links .address{
        display: block;
        text-align: center;
    }
    .footer-links .social-links, .footer-links .page-links, .footer-links .address{
        margin-bottom: 2rem;
    }
    .one .one-img, .two .two-img, .three .three-img, .four .four-img{
        width:0;
        display:flex;
        justify-content:center;
        align-items: center;
        margin-top: .5rem;
    }
    .contact-info{
       font-size: 1.5rem;
    }
   
   
   
}

@media screen and (max-width:965px){
    .tablewithimg img{
        margin-left: 2rem;
    }
    .one .one-img img, .two .two-img img, .three .three-img img, .four .four-img img{
        width:300px;
        margin-top: 2rem;
    }
    .card-wrapper .card{
        width: 350px;
        margin-bottom: 3rem;
    }
    footer{
        margin-top: -1.5rem;
    }
    footer.bg-primary{
        margin-top: 1rem;
    }
    .register-img{
        display:none;
    }
   
@media screen and (max-width:450px){
    .about-details{
        display: none;
    }
    .phone-about-details{
      
       display: block;
       margin:0;
       margin-bottom:2rem;
    }
    footer img{
        width:160px;
        margin: 0 auto;
        margin-top:-2rem;
    }
    .contact-img{
        display:none;
    }
    .login-wrapper .login{
        width: 250px;
    }
    .password-wrapper .password{
        width:250px;
    }
   
    .registeration-wrapper .register{
        width:260px;
    }
    .registeration-wrapper .register-btn{
        display: flex;
        flex-direction: column;
    }
    .registeration-wrapper .register-btn button{
        margin-bottom: .5rem;
    }
    .about-details .modal{
        width: 150px;
        font-size: 12px;
    }
   
}