body{
    font-family: Calibri,sans-serif;
    font-size: 18px;
    color: #2a2929;
}

*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

.img-fluid{
    max-width: 100%;
}

section{
    float: left;
    width: 100%;
}

.container{
    max-width: 1300px;
    margin: auto;
}

.header{
    background-color: #fff;
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 12%), inset 0 -1px 0 0 #dadce0;
    padding: 5px 0px;
}

.logo{
    width: 30%;
    float: left;
}

.contact-info{
    width: 70%;
    float: left;
    text-align: right;
}

.contact-info li{
    display: inline-block;
    margin-top: 14px;
    margin-left: 20px;
}

.contact-info a{
    color: #212121;
    text-decoration: none;
    font-size: 20px;
}

.logo img{
    width: 234px;
}

.contact-info img{
    width: 22px;
    position: relative;
    top: 5px;
}

.banner{
    background-image: url("../Images/parallax-bg.jpg");
    padding: 50px 0px;
    background-repeat: no-repeat;
}

.banner-content{
    width: 65%;
    float: left;
}

.banner-form{
    width: 35%;
    float: left;
}

.banner-content h1{
    font-size: 32px;
    padding-bottom: 20px;
}

.banner-content p{
    font-size: 24px;
    padding-bottom: 15px;
}

.banner-content h3{
    font-size: 28px;
    padding-bottom: 15px;
}

.banner-content li{
    font-size: 24px;
    padding-bottom: 8px;
}

.banner-content ul{
    padding-left: 25px;
    margin-bottom: 25px;
}

.btnsubmit{
    background-color: #f5233e;
    color:white;
    border: 1px solid #f5233e;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px;
    margin-top: 25px;
}

.form{
    background: rgba(0,0,0,0.7);
    color: white;
    padding: 20px;
    border-radius: 5px;
}

.form-control{
    width: 100%;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    font-size: 16px;
}

.form h3{
    font-size: 26px;
    margin-bottom: 20px;
}

.a2n-skills{
    background-image: url("../Images/call-to-action-bg.jpg");
    padding: 70px 0px;
    color:white;
    background-position: right;
    background-repeat: no-repeat;
    position: relative;
}

.a2n-skills h2{
    font-size: 34px;
    margin-bottom: 20px;
}

.a2n-skills h2 span{
    font-size: 15px;
}

.a2n-skills h3{
    font-size: 28px;
    margin-bottom: 18px;
}

.a2n-skills p{
    font-size: 20px;
    margin-bottom: 20px;
}

.whitebtn{
    font-size: 18px;
    padding: 10px 30px;
    border-radius: 5px;
    border: 1px solid #fff;
    margin-top: 15px;
}

.benefits{
    padding: 70px 0px;
}

.benefits1{
    width: 65%;
    float: left;
}

.benefits2{
    width: 35%;
    float: left;
}

.benefits1 h2{
    font-size: 34px;
    margin-bottom: 15px;
}

.benefits1 li{
    margin-bottom: 8px;
}

.benefits1 ul{
    margin-left: 25px;
}

.keypoints{
    padding: 5px 0px;
    background-color: #fff;
}

.aboutcourse{
    width: 23.5%;
    float: left;
    border-radius: 2px;
    box-shadow: 0 0 15px 1px rgb(0 0 0 / 15%);
    padding: 10px 25px 10px;
    margin-right: 2%;
}

.icon{
    float: left;
    width: 25%;
}

.content{
    float: left;
    width: 75%;
    text-align: center;
    padding-top: 5px;
}

.icon img{
    width: 50px;
}

.content h5{
    font-size: 18px;
}

.aboutcourse:last-child{
    margin-right: 0px;
}

.webdesign{
    padding: 15px 0px;
    background-color: #fff;
}

.webdesign1{
    width: 100%;
    float: left;
}

.webdesign2{
    width: 100%;
    float: left;
}

.webdesign3{
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 50px;
}

.wd{
    float: left;
    width: 22%;
    text-align: center;
    box-shadow: 1px 2px 6px rgb(0 0 0 / 25%);
    background-color: #F5F5F5;
    padding: 20px 10px;
    border-radius: 3px;
    border-top: 3px solid orange;
    margin-right: 4%;
    margin-bottom: 50px;
}

.wd img{
    width: 75px;
}

.wd h4{
    margin-bottom: 15px;
}

.wd p{
    font-size: 16px;
}

.wd:last-child{
    margin-right: 0px;
}

.wd:nth-child(4){
    margin-right: 0px;
    border-color: aqua;
}

.wd:nth-child(2){
    border-color: green;
}

.wd:nth-child(3){
    border-color:red
}

.wd:nth-child(5){
    border-color: brown;
}

.wd:nth-child(6){
    border-color: blue;
}

.wd:nth-child(7){
    border-color: darkcyan;
}

.wd:nth-child(8){
    border-color: darkolivegreen;
}

.webdesign1 h2{
    text-align: center;
    margin-top: 20px;
}

.webdesign1 p{
    margin-top: 12px;
    margin-bottom: 50px;
}

.careers{
    padding: 35px 0px;
    background: #f5f5f5;
    width: 100%;
    float: left;
}

.careercontent h2{
    text-align: center;
    margin-bottom: 15px;
}

.careercontent p{
    text-align: center;
    margin-bottom: 50px;
    padding: 0px 100px;
}

.partner{
    width: 100%;
    float: left;
    padding: 0px 100px;
}

.partnerimg{
    width: 18.4%;
    float: left;
    box-shadow: 1px 2px 6px rgb(0 0 0 / 25%);
    padding: 15px;
    margin-right: 2%;
    background-color: white;
    text-align: center;
}

.partnerimg:last-child{
    margin-right: 0px;
}

.visit{
    width: 100%;
    background-color: #F5F5F5;
}

.a2nvisit{
    text-align: center;
    padding: 75px 0px;
}

.a2nvisit h2{
    padding: 15px;
}

.studentssay{
    width: 100%;
    float: left;
    background-color: white;
    padding: 70px 0px;
}

.student h2{
    text-align: center;
    margin-bottom: 15px;
}

.student p{
    text-align: center;
    margin-bottom: 50px;
}

.testimonials{
    float: left;
    width: 25%;
}

.footer{
    background: #252525;
    padding: 15px 0px;
    color: white;
    font-size: 16px;
    width: 100%;
    float: left;
}

.end{
    width: 50%;
    float: left;
}

.last{
    width: 50%;
    float: left;
    text-align: right;
}


