@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');
/*body,html {*/
/*	font-size: 15px;*/
/*    line-height: 1.4666666667;*/
/*    color: #000;*/
/*    font-family: 'Raleway', sans-serif;*/
/*}*/
h1,h2,h3,h4{
	font-family: 'Raleway', sans-serif;
}
/*.btn-primary {*/
/*    color: #fff;*/
/*    background-color: #ca0000;*/
/*    border-color: #ca0000;*/
/*}*/
/*.btn-primary:hover {*/
/*    color: #fff;*/
/*    background-color: #2d2c32;*/
/*    border-color: #2d2c32;*/
/*}*/
.banner {
    background-image: url(../../images/webdevelopmentimages/mainbaner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding: 50px 0px;
}
.bannerheading h1 {
    font-size: 80px;
    color: white;
    font-weight: 800;
    text-align: center;
    margin-top: 140px;
    margin-bottom: -20px;
}
.bannerheading h2 {
    font-size: 85px;
    color: white;
    font-weight: 450;
    text-align: center;
    margin-bottom: 140px;
}
.firstdata h3 {
    font-size: 30px;
    font-weight: 600;
    color: black;
}
.firstdata p {
    font-size: 17px;
    font-weight: 400;
    color: black;
    line-height: 26px;
}
.firstdata li {
    line-height: 30px;
}
.first {
    padding: 50px 0px;
}
.second {
    background-image: url(../../images/webdevelopmentimages/midbaner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding: 50px 0px;
}
.secondheading h3 {
    font-size: 80px;
    font-weight: 600;
    color: white;
}
.secondheading h4 {
    font-size: 30px;
    font-weight: 700;
    color: white;
    margin-top: 15px;
}
.seconddata p {
    font-size: 15px;
    font-weight: 500;
    color: white;
    line-height: 25px;
    margin-top: 10px;
}
.thirdheading h3 {
    text-align: center;
    font-size: 40px;
    color: #264059;
    font-weight: 700;
}
.third {
    padding-top: 40px;
}
.sixth {
     background-image: url(../../images/webdevelopmentimages/03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding: 50px 0px;
}
.icontext h4 {
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    color: #264059  ;
}
.icontext p {
    font-size: 15px;
    font-weight: 400;
    color: #575667;
    text-align: center;
    line-height: 25px;
    margin-top: 20px;
}
.iconstext h4 {
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    color: #264059  ;
}
.iconstext p {
    font-size: 15px;
    font-weight: 400;
    color: #575667;
    text-align: center;
    line-height: 25px;
    margin-top: 20px;
    margin-bottom: 50px;
}
.icon img {
    height: auto;
    width: auto;
    margin: 0 auto;
    margin-top: 30px;
}
.icons img {
    height: auto;
    width: auto;
    margin: 0 auto;
    margin-top: 30px;
}
.fifth {
    padding: 50px 0px;
}
.fifthdata h3 {
    font-size: 30px;
    font-weight: 600;
    color: #ffffff;
    border-bottom: 1px solid;
    border-bottom-color: #ffffff;
    border-bottom-width: 4px;
    width: 195px;
}
.fifthdata p {
    font-size: 17px;
    font-weight: 400;
    color: #ffffff;
    text-align: left;
    line-height: 25px;
}
.fifthheading {
    padding: 25px 2px;
}
.sixthdata h3 {
    font-size: 28px;
    font-weight: 600;
    color: black;
    margin-top: 22px;
}
.sixthdata p {
    font-size: 17px;
    font-weight: 400;
    color: black;
    line-height: 26px;
}
.sixthdata li {
    line-height: 30px;
    font-size: 16px;
    font-weight: 400;
    color: black;
}
::marker {
    color: #264059;
}
.sixthheading img {
    height: auto;
    width: auto;
    margin: 0 auto;
}
.eightheading h3 {
    text-align: center;
    font-size: 38px;
    color: #264059;
    font-weight: 700;
    margin-top: 8px;
}
.mainicon img {
    height: auto;
    width: auto;
    margin: 0 auto;
    margin-top: 45px;
}
.maintext h4 {
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    color: #264059;
}
.maintext p {
    font-size: 15px;
    font-weight: 400;
    color: #575667;
    text-align: center;
    line-height: 25px;
    margin-top: 20px;
}
.boxicon img {
    height: auto;
    width: auto;
    margin: 0 auto;
    margin-top: 30px;
}
.boxtext h4 {
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    color: #264059;
}
.boxtext p {
    font-size: 15px;
    font-weight: 400;
    color: #575667;
    text-align: center;
    line-height: 25px;
    margin-top: 20px;
    margin-bottom: 40px;
}
.ten {
    padding: 30px 0px;
    background: #0b77bf;
    height: 270px;
}
.tendata h3 {
    text-align: left;
    font-size: 25px;
    padding: 0px 0px;
    color: white;
}
.tendata p {
    font-size: 14px;
    margin-top: 8px;
    color: white;
    line-height: 25px;
    text-align: left;
    font-weight: 450;
}
.eleven {
    padding: 50px 0px;
}
.elevendata h3 {
    font-size: 30px;
    font-weight: 600;
    color: #264059;
    padding: 10px 0px;
}
.elevendata p {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    text-align: left;
    line-height: 25px;
}
.elevenimg {
    padding: 25px 2px;
}
.sventhdata h3 {
    text-align: center;
    font-size: 30px;
    color: #264059;
    font-weight: 700;
}
.sventhdata p {
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    color: black;
    margin-top: 15px;
}
.sventh {
    padding: 50px 0px;
}
.thirteen {
    background: #525252;
    padding: 30px 0px;
}
.doubleclick {
    margin-top: 30px;
}
.btn-click {
    background: #0b77bf;
    color: #fff;
    border-radius: 20px;
    padding: 12px 45px;
    margin: 0px 35px;
}
.btn-click:hover {
    color: #fff;
    background: #0b77bf;
    background: -moz-linear-gradient(top, #0b77bf 0%, #0b77bf 31%, #86428c 100%);
    background: -webkit-linear-gradient(top, #0b77bf 0%,#0b77bf 31%,#86428c 100%);
    background: linear-gradient(to bottom, #0b77bf 0%,#0b77bf 31%,#86428c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b77bf', endColorstr='#86428c',GradientType=0 );
/*    color: white;*/
}
.form-group {
    margin-bottom: 15px;
    padding: 5px 0px;
}
.twele {
    padding: 60px 0px;
    background: #0b77bf;
    height: 270px;
}
.tweledata h3 {
    text-align: left;
    font-size: 25px;
    padding: 0px 0px;
    color: white;
    margin-bottom: 15px;
    margin-top: 0px;
}
.tweledata p {
    font-size: 14px;
    margin-top: 8px;
    color: white;
    line-height: 25px;
    text-align: left;
    font-weight: 450;
}
.firstimg {
    margin: 55px -50px;
}
.formheading h3 {
    text-align: center;
    font-size: 36px;
    color: #ffffff;
    font-weight: 700;
}
.formBox {
    padding: 20px;
}
.formheading p {
    text-align: center;
    font-size: 26px;
    font-weight: 500;
    color: white;
}
.fifth {
    height: 390px;
    padding: 50px 0px;
    background: #0b77bf;
}







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

.eightheading h3 {
    font-size: 27px;
}
.twele {
    height: auto;
}
.ten {
    height: auto;
}
.elevendata h3 {
    padding: 0px 0px;
}
.formheading p {
    font-size: 19px;
    font-weight: 400;
}
.fifth {
    height: auto;
}
.bannerheading h1 {
    font-size: 45px;
}
.bannerheading h2 {
    font-size: 45px;
    font-weight: 800;
}
.banner {
    padding: 0px 0px;
}
.firstimg {
    margin: 0px 0px;
    margin-top: 25px;
}








}