@import url('https://fonts.googleapis.com/css2?family=Philosopher&display=swap');
body {
}
.Contactbanner {
    height: 600px;
    background-image: linear-gradient(rgba(12, 206, 248,0.5),rgba(12, 206, 248,0.5)),url('../img/contactbanner.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

    .Contactbanner h1 {
        font-family: 'Philosopher', sans-serif;
        font-size: 60px;
        font-weight: 300;
        text-shadow: 0px 0px 5px grey;
    }
    .Contactbanner p {
        font-family: 'Century Schoolbook';
        font-size: 25px;
       color:white;
    }
.fa, .fas {
    font-size: 60px;
   margin:4px 148px;
   color:dodgerblue;
}
.imageBox {
    background: url("../img/about2.jpg") center center no-repeat;
    background-size: cover;
    min-height: 400px;
}
/*//////genarel section*/ 
section {
    padding: 60px 0;
    overflow: hidden;
}

.section-bg {
    background-color: #f1f7fd;
}

.section-title {
    text-align: center;
    padding-bottom: 30px;
}

    .section-title h2 {
        font-size: 32px;
        font-weight: bold;
        margin-bottom: 20px;
        padding-bottom: 20px;
        position: relative;
        color: #2c4964;
    }

        .section-title h2::before {
            content: '';
            position: absolute;
            display: block;
            width: 120px;
            height: 1px;
            background: #ddd;
            bottom: 1px;
            left: calc(50% - 60px);
        }

        .section-title h2::after {
            content: '';
            position: absolute;
            display: block;
            width: 40px;
            height: 3px;
            background: #1977cc;
            bottom: 0;
            left: calc(50% - 20px);
        }

    .section-title p {
        margin-bottom: 0;
    }