@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital@0;1&family=Satisfy&family=Shantell+Sans&family=Tilt+Neon&family=Ubuntu&family=Varela+Round&family=Zeyada&display=swap');

/* NAVBAR AND BG SECTION*/
hr{
    background-color: #eff4fd;
    margin-top: 20px;
}
.logo{
    border-style: solid;
    border-width: 2px;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Ubuntu', sans-serif;
    /* font-family: 'Varela Round', sans-serif; */
    padding-left: 10px;
    padding-right: 10px;
}
.logo-image{
    height: 50px;
    
}
div a{
    font-weight: bold;
}

/* BANNER SECTION */

.bg-container{
    background-color: #eff4fd;
    background-size: cover;
    overflow: hidden;
}
.dp{
    margin-top: 20px;
    margin-bottom: 15px;
    border-radius: 10px;
    height: 68vh; /**/
    justify-content: center;
    transition: 1s;  
}
.dp img{
    border-radius: 10px;
    width: 60vw;
}
.dp:hover{
    transform: scale(1.1) rotate(6deg);
}
.heading{
    font-size: 40px;
    font-family: 'Tilt Neon', cursive;
    font-weight: bold;
    color: #000;
    margin-top: 20px;

}
h1 span{
    color: orange;
    font-weight: bold;
    font-family: 'Shantell Sans', cursive;

}
.details-head{
    padding-top: 10px;
    font-size: 28px;
    font-family: 'Tilt Neon', cursive;
}
.details-para{
    padding-top: 10px;
    font-size: 20px;
    font-family: 'Varela Round', sans-serif;
    color: #000;
}
.details a{
    background: #212121;
    padding: 10px 15px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    margin-top: 20px;
    margin-right: 10px;
    border-radius: 5px;
    transition: .5s;
}
.details a:hover{
    transform: scale(1.1);
    text-decoration: none;
    color: #fff;
}

/* ABOUT SECTION */

.about-section{
    background-color: #eff4fd;
}
.about-head{
    color: #000;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 10px;
}
.about-description{
    font-size: 17px;
    font-family: 'Varela Round', sans-serif;
    color: #000;
}

/* QALIFICATION SECTION */

.qualification-section{
    background-color: #eff4fd;
}
.qualification-head{
    color: #000;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 10px;
}
.qualification-card{
    background-color: skyblue;
    padding: 15px;
    border-radius: 7PX;
    margin-bottom: 15px;
    transition: 0.5s;
}
.qualification-card:hover{
    transform: translateX(50px);
}
.qualification-title{
    font-size: 20px;
    font-weight: 500;
}
.qualification-text{
    color: 	#000;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
}
.qualification-description{
    font-size: 16px;
}

/* SKILLS SECTION */

.skills-section{
    background-color: #eff4fd;
}
.skill-head{
    color: #000;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 10px;

}
.skill-image{
    height: 75px;
    width: 65px;
    padding-top: 10px;
    padding-bottom: 5px; 
}
.skill-card{
    background-color: #87bff3;
    border-radius: 10px;
    text-align: center;
}
.skill-title{
    font-size: 16px;
    color: #000;
    font-family: 'Ubuntu', sans-serif;
    padding-top: 10px;
    padding-bottom: 15px;
    font-weight: bold;
}

/* PROJECTS SECTION */

.project-section{
    background-color: #eff4fd;
}
.portfolio-head{
    color: #000;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 10px;
}
.portfolio-card{
    background-color: #a7b8c7;
    padding: 15px;
    border-radius: 7PX;
    margin-bottom: 15px;
    transition: transform 0.4s;
}
.portfolio-card:hover{
    transform: scale(1.1);
}
.portfolio-title{
    font-size: 20px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    color: #000;
}
.project-description{
    font-size: 16px;
    font-family: roboto;
    font-weight: 200;
    color: #363b41;
    padding-top: 5px;
}
.read-link{
    color: rgb(0, 53, 123);
    font-size: 14px;
    font-family: roboto;
    font-weight: bold;
    padding-left: 20px;
}

/* SERVICES SECTION */

.services-section{
    background-color: #eff4fd;
}
.service-head{
    color: #000;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 10px;
}

.service-card{
    background-color: #4898e4;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.service-image{
    height: 45px;
    width: 43px;

}
.service-card-title{
    font-size: 22px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    color: rgb(0, 0, 0);
    padding-top: 10px;
}
.service-card-para{
    font-size: 16px;
    color: #142130;
    font-family: 'Ubuntu', sans-serif;
}

/* WORKDONE SECTION */

.work-section{
    background-color: #eff4fd;
    background-size: cover;   
}
.work-image{
    color: black;
    margin-top: 15px;
}
.underline{
    background-color: #000;
    width: 50px;
    text-align: start;
}
.work-head{
    color: #000;
    font-weight: bold;
    font-size: 30px;
    font-family: roboto;
}
.work-para{
    color: #000;
    font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    text-align: center;
}

/* CONTACT SECTION */

.footer-section{
    background-color: #eff4fd;
}
.contact-head{
    color: #000;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 10px;
    padding-left: 16px;
}
.footer-image{
    height: 78px;
    width: 85px;
    border-radius: 40px;
    margin-right: 30px;
    margin-bottom: 40px;
    margin-top: 15px;
    transition: transform .5s;
}
.footer-image:hover{
    transform: scale(1.6);

    border-radius: 10px;
}
.footer-head{
    color: rgb(0, 111, 237);
    font-size: 20px;
    font-family: 'Varela Round', sans-serif;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: bold;
}
.footer-icon{
    color: #0b6128;
    font-size: 24px;
    margin-right: 8px;
}
.footer-heading{
    color: rgb(0, 111, 237);
    font-size: 17px;
    font-family: 'Varela Round', sans-serif;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
}
.footer-para{
    color: #404449;
    font-size: 16px;
    font-family: 'Varela Round', sans-serif;
}
.footer-para2{
    color: #404449;
    font-size: 14px;
    font-family: 'Varela Round', sans-serif;
    overflow: auto;
}

/* LINKS SECTION */

.iconHover{
    padding: 0;
}
.iconHover a{
    text-decoration: none;
    transition: transform .5s;
    color: #000;
}
.iconHover a:hover{
    transform: scale(1.2);
    color: rgb(27, 0, 231);
}
.social-icon{
    font-size: 35px;
    margin-left: 18px;
    margin-top: 10px;
    margin-bottom: 70px;
    
}
.right-col form{
    width: 100%;
}
form input, form textarea{
    width: 100%;
    margin-top: 7px;
    /* outline: none; */

}
.button1{
    background-color: red;
    border-radius: 6px;
    border-width: 0;
    color: white;
    width: 100px;
    height: 35px;
    text-align: center;
    margin-top: 10px;
    font-size: 18px;
    font-family: 'Tilt Neon', cursive;
    transition: transform 0.5s;
    
}
.button1:hover{
    background-color: #0000ef;
    transform: scale(1.05);
}
#msg{
    color: #529147;
    margin-top: 10px;
    display: block;
    font-size: 14px;
}

/* COPYRIGHT SECTION */

.copy-icon{
    color: #a6baca;
    font-size: 22px;
    margin-right: 10px;
}
.copy-section{
    background-color: #000000;
    text-align: center;
}
.copy-para{
    color: #a6baca;
    font-size: 16px;
    font-family: roboto;
}