@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
html{
	scroll-behavior: smooth;
}
body{
	font-family: "Inter", sans-serif !important;
	margin: 0px;
	padding: 0px;
	letter-spacing: -0.4px;
}
img{
	max-width: 100%;
}
.container {
    max-width: 1170px;
}
a{
	text-decoration: none;
}

/*header css start*/
.main_header {
    padding: 14px 0px;
}
.main_header nav {
    padding: 0px;
}
.main_header a.navbar-brand {
    margin: 0px;
    padding: 0px;
}
.main_header a.navbar-brand img {
    max-width: 200px;
}
.main_header ul {
    gap: 60px;
}
.main_header ul li a {
    padding: 0px !important;
    font-size: 15px;
    font-weight: 500;
    color: #000;
}
/*header css end*/

/*banner css start*/
.main_banner {
    background-image: url("../images/banner-new.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 90px 0px 265px;
}
.banner_text {
    max-width: 646px;
}
.banner_text h1 {
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 0;
}
.banner_text p {
    color: #fff;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 24px;
}
.banner_text a {
    display: inline-block;
    background: #188ac8;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 11px 24px;
    border-radius: 2px;
}
/*banner css end*/

/*services css start*/
.services_main {
    padding: 70px 0px;
}
.all_hading h2 {
    font-size: 40px;
    font-weight: bold;
    color: #188bca;
}
.all_hading p {
    font-size: 15px;
    max-width: 840px;
    color: #000;
    line-height: 24px;
    margin: 0 auto;
}
.services_inner_main {
    margin-top: 24px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
}
.services_inner_text {
    background: #188ac814;
    padding: 30px;
    border-radius: 6px;
}
.services_inner_text img {
    max-width: 38px;
    border-radius: 6px;
}
.serv_haed_icon {
    display: flex;
    align-items: center;
    gap: 17px;
    margin-bottom: 16px;
}
.services_inner_text h4 {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    margin-bottom: 0px;
}
.services_inner_text p {
    font-size: 15px;
    color: #000;
    line-height: 23px;
    margin-bottom: 0px;
}
/*services css end*/

/*project css start*/
.project_main {
    background: #188ac814;
    padding: 70px 0px;
}
.project_inner_main {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
}
.project_inner_main img {
    max-width: 100%;
    object-fit: contain;
    border-radius: 6px;
    height: 80px;
    text-align: left;
    margin-left: auto;
}
.project_inner_main h4 {
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 6px;
    font-size: 22px;
    color: #188bca;
    text-align: left;
}
.project_cont {
    background: #fff;
    border-radius: 6px;
    padding:  0px 30px 17px;
}
.project_cont p {
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 21px;
}
/*project css end*/

/*our client css start*/
.our_client_inner {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 30px;
    align-items: center;
}
.our_client_inner .our_client_img {
    height: 96px;
    display: flex;
    align-items: center;
    border: 1px solid #188bca;
    border-radius: 6px;
    justify-content: center;
    padding: 20px;
}
.our_client_inner .our_client_img img {
    height: 68px;
    object-fit: contain;
}
.our_client {
    padding: 70px 0px;
}
/*our client css end*/

/*about css start*/
.about_main {
    background: none;
    padding: 70px 0px;
}
.about_inner_main {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    align-items: center;
    gap: 60px;
}
.about_inner_main .all_hading {
    text-align: left;
}
.about_inner_main .all_hading p {
    margin-bottom: 15px;
}
.about_right_img {
    text-align: center;
}
/*about css end*/

/*contact css start*/
.contact_main {
    padding: 70px 0px;
    background: #188ac814;
}
.contact_inner_main {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 60px;
    align-items: flex-start;
}
.contact_inner_main img {
    border-radius: 6px;
    height: 400px;
    object-fit: cover;
}
.contact_inner_main .all_hading {
    text-align: left;
}
.contact_inner_main .all_hading a {
    color: #188bca;
    font-weight: 600;
}
.contact_inner_main form .form_row {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
}
.contact_inner_main label {
    font-size: 15px;
    display: block;
    font-weight: 500;
    color: #000;
    margin-bottom: 6px;
}
.contact_inner_main input, .contact_inner_main textarea {
    width: 100%;
    padding: 0px 0px 12px 0px;
    border: none;
    border-bottom: 1px solid #188bca70;
    border-radius: 0;
    font-size: 14px;
    outline: none !important;
    box-shadow: none !important;
    background: none;
}
.contact_inner_main input::placeholder, .contact_inner_main textarea::placeholder {
    color: #000;
}
.textarea_div {
    margin-top: 30px;
}
.contact_inner_main .textarea_div textarea {
    min-height: 0px;
    height: auto !important;
    max-width: unset !important;
    padding-bottom: 0px;
}
.contact_inner_main button {
    background: none !important;
    color: #188ac8;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 0px;
    border-radius: 10px;
    margin-top: 14px;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    gap: 9px;
}
.contact_inner_main button svg {
    width: 20px;
    height: 20px;
}
.contact_inner_main button svg path {
    fill: #188ac8;
}
/*contact css end*/

/*footer css start*/
.main_footer {
    background: #188ac8;
    padding: 12px 0px;
}
.main_footer p {
    text-align: center;
    margin: 0px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}
/*footer css end*/

/*media css start*/


@media(min-width: 1600px){
.main_banner {
    padding: 120px 0px 300px;
}
}

@media(min-width: 1900px){
.main_banner {
    padding: 230px 0px 580px;
    height: 854px;
}
}

@media(min-width: 2200px){
.main_banner {
    padding: 250px 0px 580px;
    height: 1014px;
}
}

@media(min-width:1450px){
.main_banner {
    padding: 120px 0px 325px;
}
}

@media(max-width:1199px){
.main_banner {
    padding: 70px 0px 195px;
}
.services_inner_text h4 {
    margin-top: 0px;
    font-size: 17px;
}

}

@media(max-width:991px){
.main_header a.navbar-brand img {
    max-width: 130px;
}
.main_header button.navbar-toggler {
    padding: 0px;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}
.main_header button.navbar-toggler svg {
    max-width: 28px;
    height: auto !important;
}
.main_header ul {
    gap: 14px;
    position: absolute;
    background: #fff;
    width: 100%;
    margin-top: 14px;
    padding: 14px 20px;
    z-index: 9999;
}
.banner_text h1 {
    font-size: 34px;
}
.banner_text {
    max-width: 556px;
}
.main_banner {
    padding: 50px 0px 165px;
}
.services_inner_main {
    grid-template-columns: repeat(2,1fr);
}
.project_inner_main {
    grid-template-columns: repeat(3,1fr);
    gap: 10px;
}
.about_inner_main {
    gap: 0;
}
}



@media(max-width: 767px){
.services_inner_main {
    margin-top: 18px;
    grid-template-columns: repeat(1,1fr);
    gap: 20px;
}
.project_inner_main {
    margin-top: 18px;
    grid-template-columns: repeat(1,1fr);
    gap: 20px;
}

.services_main {
    padding: 40px 0px;
}
.all_hading h2 {
    font-size: 24px;
    line-height: 24px;
}
.services_inner_text {
    padding: 20px;
}
.services_inner_text img {
    max-width: 38px;
}
.services_inner_text h4 {
    margin-top: 0px;
    font-size: 17px;
    margin-bottom: 0px;
}
.services_inner_text p {
    font-size: 13px;
    line-height: 20px;
}
.project_main {
    padding: 40px 0px;
}
.project_cont {
    padding: 0px 16px 13px;
}
.project_inner_main h4 {
    margin-bottom: 0px;
    font-size: 15px;
}
.project_inner_main img {
    height: 56px;
}
.about_main {
    padding: 40px 0px;
}
.about_inner_main {
    grid-template-columns: repeat(1,1fr);
    gap: 20px;
}
.about_right_img img {
    max-width: 110px;
}
.all_hading p {
    font-size: 13px;
    line-height: 20px;
}
.about_inner_main .all_hading p {
    margin-bottom: 10px;
}
.contact_main {
    padding: 40px 0px;
}
.contact_inner_main {
    gap: 22px;
    grid-template-columns: repeat(1, 1fr);
}
.project_inner_main img {
    height: 50px;
}
.project_cont p {
    font-size: 13px;
    line-height: 20px;
}
.banner_text img {
    height: 380px;
    width: 100%;
    object-fit: cover;
    object-position: top;
}   
.services_inner_main {
    margin-top: 18px;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
}
.project_inner_main {
    margin-top: 18px;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
}
.banner_text h1 {
    font-size: 26px;
    max-width: 480px;
}
}

@media(max-width:640px){
.services_inner_main {
    margin-top: 18px;
    grid-template-columns: repeat(1,1fr);
    gap: 20px;
}
.project_inner_main {
    margin-top: 18px;
    grid-template-columns: repeat(1,1fr);
    gap: 20px;
}
.banner_text {
    position: relative;
}
.main_banner {
    padding: 0px 0px 0px;
    background: none;
}
.main_banner .container {
    padding: 0px;
}
.main_banner img.d-none {
    display: block !important;
}
.banner_text h1 {
    font-size: 21px;
    line-height: 29px;
    position: absolute;
    bottom: 41px;
    padding: 0px 15px;
    text-shadow: 1px 2px 4px #000;
}
}