.container {max-width: 970px;width: 100%;margin: 0 auto; padding-left: 15px; padding-right: 15px;}
.main_logo {width: 280px;height: auto;margin: 0 auto;}
img.logo {margin: 0 auto;width: 100%;}
section.page_logo {padding-top: 93px;}

.inner_main_title h1 {font-size: 75px;line-height: 80px;text-align: center;padding-top: 68px;padding-bottom: 60px;font-family: 'DM Serif Display', serif;font-weight: normal; color: #1A1E29;}

.inner_main_title span{color: #3DB973;padding: 0 10px;}
.subtitle h1 {text-align: center;font-size: 18px;line-height: 24px;letter-spacing: 0.27px;text-transform: uppercase;color: #1A1E29;position: relative;padding: 11px 0px;}
.subtitle h1:before {content: '';width: 497px;height: 2px;background-color: #3DB973;position: absolute;bottom: 0px;}
section.service_box .container {max-width: 800px;}
.inner_service_box a {padding: 52px 25px;width: 27.3%; height: 210px;background: #fff;margin-bottom: 50px;position: relative;box-shadow: 15px 15px 99px #0000001f;border-radius: 5px;color: #fff;}
.inner_service_box {display: flex;flex-direction: row;flex-wrap: wrap;align-items: flex-start;justify-content: space-evenly;padding-top: 37px;padding-bottom: 50px;}
.card-content h3 {font-size: 18px;color: #1A1E29;line-height: 24px;text-align: center;letter-spacing: 0px;font-weight: 600;}
.image-wrap img {margin: 0 auto;padding-bottom: 24px;}
.inner_service_box a:hover {background-color: #3DB973;transition: 0.3s ease-out;transform: translate(0, -7px);}
.inner_service_box a:hover img {filter: brightness(0);}
.inner_service_box a:hover h3 {color: #fff;}


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

    .container {max-width: 730px;width: 100%;margin: 0 auto;}
    .inner_main_title h1 {font-size: 56px;line-height: 58px;padding-top: 10px;padding-bottom: 9px;margin: 14px 0;width: 682px;}
    section.page_logo {padding-top: 40px;}
    .inner_service_box {padding-top: 30px;}
    .inner_service_box a {padding: 50.5px 25px;width: 26.4%;height: 203px;}
    .card-content h3 {font-size: 17px; line-height: 23px;}
    .subtitle h1 {font-size: 17px; line-height: 23px;}
    .subtitle h1:before {width: 467px;}
    .inner_main_title {
        width: max-content;
        margin: 0 auto;
    }

}

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

.inner_service_box a {padding: 50.5px 25px;width: 26.4%;}

}

@media only screen and (max-width: 768px){
    .container {max-width: 700px;width: 100%;margin: 0 auto;}

    .inner_main_title h1 {font-size: 54px;line-height: 56px;padding-top: 8px;padding-bottom: 10px;max-width: 658px;margin: 20px auto;}
    .subtitle {width: max-content;margin: 0 auto;}
    .subtitle h1 {text-align: center;font-size: 16px;line-height: 22px;margin: 20px 0;padding: 0;}
    .subtitle h1:before {width: 441px;bottom: -8px;}
    .card-content h3 {font-size: 16px;line-height: 22px;}
    .inner_service_box a {padding: 44.3px 25px;width: 25.8%;height: 190px;}
    span.title_amd {padding: 0 5px;}
}
@media only screen and (max-width: 640px){

    section.page_logo {padding-top: 10px;}
    .inner_service_box a {padding: 44.3px 25px;width: 40.8%;height: 190px;}
    .container {max-width: 100%;}
    .inner_main_title h1 {font-size: 50px;line-height: 53px;padding-top: 25px;padding-bottom: 19px;max-width: 390px;margin: 0 auto;}
    section.service_box .container {max-width: 100%;}
    .main_logo {width: 143px;height: 28px;}
}

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

    .container {padding-left: 25px;padding-right: 25px;}
    .inner_service_box a {padding: 39px 25px;width: 181px;height: 181px;margin: 12px 30px;}
    .subtitle h1 {text-align: center;font-size: 14px;line-height: 21px;width: 234px;margin: 0 auto;}
    .subtitle h1:before {width: 208px;}
    .inner_main_title h1 {font-size: 39px;line-height: 47px;padding-top: 25px;padding-bottom: 19px;font-weight: normal;max-width: 320px;margin: 0 auto;}
    .card-content h3 {font-size: 15px;line-height: 20px;}
}

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

    .container {padding-left: 15px;padding-right: 15px;}
}

@media only screen and (max-width: 330px){
.inner_main_title h1 {
    font-size: 36px;
    line-height: 43px;
    padding-top: 25px;
    padding-bottom: 19px;
    font-weight: normal;
    max-width: 300px;
}
}