@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Play&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

html, body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
    font-size: 62.5%;
	font-size: 10px;
	scroll-behavior: smooth;
	width: 100%;
	height: 100%;
}
.have-a-question{
    margin: 0;
    padding: 0;
    background: #edf3f7a6;
    text-align: center;

}
.have-a-question .container-fluid{
    margin: 0;
    padding: 0;
    padding-left: 7%;
    padding-right: 7%;
}
.have-a-question-gap-top{
    padding: 5%;
}
.have-a-question-gap-bottom{
    padding: 3%;
}
.have-a-question .have-a-question-heading{
    margin-bottom: 8%;
}
.have-a-question .have-a-question-heading h1{
    font-family: 'Noto Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    color: #333333;
    letter-spacing: 2px;
}
.have-a-question .have-a-question-heading p{
    font-family: 'Noto Sans', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    color: #0C71A9;
}
.have-a-question .have-a-question-service-area .col-lg-4{
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 5%;
}
.have-a-question .have-a-question-points-icon{
    padding: 12%;
    border-radius: 50%;
    /*background: #e8edee;
    box-shadow: 0px -10px 30px #E1E9EE, 0px 5px 20px rgba(107, 142, 168, 0.4);*/
    background: #fafbfd;
    box-shadow: 0px -10px 30px #e3f5ff, 0px 5px 20px rgba(181, 215, 241, 0.4);
    border-radius: 100px;
    width:fit-content;
    margin: 0 auto;
    margin-bottom: 15%;
}
.have-a-question .have-a-question-points-icon img{
    
 width: 40px;
height: 40px;

}
.have-a-question .have-a-question-text-area h3{
    font-family: 'Noto Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    margin-bottom: 10%;
    font-weight: 600;
    color: #333333;
}
.have-a-question .have-a-question-text-area p{
    font-family: 'Noto Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    text-align: justify;
}

@media screen and (max-width:1366px) {
    .have-a-question .container-fluid{
        padding-left: 6%;
        padding-right: 6%;
    }
	.have-a-question .have-a-question-heading h1{
        font-size: 33px;
    }
    .have-a-question .have-a-question-heading p{
        font-size: 33px;
        color: #0C71A9;
    }
    .have-a-question .have-a-question-service-area .col-lg-4{
        padding-left: 3%;
        padding-right: 3%;
    }
    .have-a-question .have-a-question-points-icon{
        padding: 10%;
    }
    .have-a-question .have-a-question-points-icon img{
    
        width: 30px;
       height: 30px;
       
       }
    .have-a-question .have-a-question-text-area h3{
        font-size: 23px;
    }
    .have-a-question .have-a-question-text-area p{
        font-size: 15px;
    }
}


@media screen and (max-width:1024px) {
    .have-a-question-gap-top{
        padding: 5%;
        padding-top: 8%;
        padding-bottom: 10%;
    }
}

@media screen and (max-width:500px) {
    .have-a-question{
        position: relative;
        
    }
    .have-a-question .container-fluid{
        position: relative;
    }
	.have-a-question .have-a-question-heading h1{
        font-size: 30px;
    }
    .have-a-question .have-a-question-heading p{
        font-size: 30px;
        color: #0C71A9;
    }
    .have-a-question .have-a-question-service-area .col-lg-4{
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 1.4%;
        margin-top: .5%;
    }

    


}