/* common style */
.text_shadow {
    text-shadow: 2px 2px 4px #000000;
}

.linear_btn {
    background-image: linear-gradient(to left, #0A72AD, #399FD8);
    color: white;
    padding: 24rem;
    font-size: 20rem;
    border: none;
}

.fv_grp_right {
    position: absolute;
    bottom: 0;
    right: 0;
}

.blue_txt {
    color: #1EA2EE !important;
}

@media (min-width:769px) {
    .container {
        padding-left: 240rem;
        padding-right: 240rem;
    }

    .nav {
        padding-left: 143rem;
        padding-right: 143rem;
    }
}

/* title image style */
.ttl_service {
    width: 303rem;
}

.ttl_duty {
    width: 393rem;
    margin-bottom: 40rem;
}

.ttl_news {
    width: 481rem;
}

.ttl_gallery {
    width: 396rem;
}

.ttl_service img,
.ttl_duty img,
.ttl_news img,
.ttl_gallery img {
    width: 100%;
    height: 100%;
}

.ttl_img {
    height: 100%;
}

@media (max-width:768px) {
    .ttl_img {
        scale: 80%;
    }

    .ttl_img {
        margin: auto;
    }

    .color>h5 {
        margin-top: 40rem;
    }
}

@media (max-width:425px) {

    .ttl_img {
        scale: 80%;
    }

    .ttl_news {
        margin-left: -54rem;
    }
}


/* fv style */
.fv {
    background-image: url(../img/index/FV\ \(5\).png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 920em;
    position: relative;
}

.badge {
    width: 151rem;
    height: 208rem;
    position: absolute;
    top: 134rem;
    left: 110rem;
    z-index: 8;
}

.badge img {
    width: 100%;
    height: 100%;
}

.fv h2,
.fv h6,
.fv h4 {
    color: white;
    text-align: center;
}

.fv_h2 {
    position: relative;
    z-index: 9;
}

.yellow_ttl {
    color: #FFAF42 !important;
    font-weight: 900;
    text-shadow: 2px 4px 4px white;
    font-size: 72rem;
}

.fv_h2 {
    padding-top: 301rem;
    display: flex;
    /* font-size: 72rem; */
    align-items: flex-end;
    justify-content: center;
    gap: 20rem;
}
.fv_h2 img {
    width: 619rem;
    height: auto;
}

.fv>h4 {
    padding-top: 41rem;
    /* font-size: 32rem; */
}

.fv_grp {
    margin-top: 32rem;
    display: flex;
    justify-content: space-between;
}

.fv_btn {
    cursor: pointer;
    margin-top: 56rem;
    background-color: var(--blue);
    color: white;
    font-size: 24rem;
    border: none;
    padding: 12rem 24rem 12rem 24rem;
}

.fv_btn:hover {
    background-color: #0c488d;
    transition: 0.3s;
}

.fv_grp_left {
    margin-top: 24rem;
    display: flex;
    gap: 32rem;
}

.fv_grp_left_cell>div {
    display: flex;
    gap: 12rem;
}

.fv_grp_left_cell h6 {
    margin-top: 16rem;
}

/* .fv_grp_right {
    margin-right: -142rem;
    margin-bottom: -101rem;
    padding-right: 120rem;
    padding-left: 48rem;
} */

.fv_grp_right>div {
    display: flex;
    gap: 12rem;
    align-items: center;
    margin-top: 12rem;
}

.fv_grp_right h4 {
    margin-left: 32rem;
}

.fv_pan {
    margin-top: 45rem;
    display: flex;
    justify-content: center;
}

.fv_cell {
    width: 33.33%;
    display: flex;
    gap: 24rem;
    justify-content: center;
    align-items: center;
    border: 2px solid white;
    height: 114rem;
    padding: 0 32rem 0 32rem;
}

.fv_cell h5 {
    color: white;
    font-weight: normal;
}

.fv_cell1 {
    border-radius: 24rem 0 0 24rem;
}

.fv_cell3 {
    border-radius: 0 24rem 24rem 0;
}

.fv_cell1 img {
    width: 44rem;
    height: 42rem;
}

.fv_cell2 img {
    width: 51rem;
    height: 42rem;
}

.fv_cell3 img {
    width: 49rem;
    height: 38rem;
}

.fv .blue_btn {
    margin-top: 49rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

/* banner style */

.banner {
    margin-top: 48rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.banner1 {
    width: 218rem;
    height: 60rem;
}

.banner2 {
    width: 191rem;
    height: 106rem;
}

.banner3 {
    width: 195rem;
    height: 123rem;
}

.banner4 {
    width: 236rem;
    height: 149rem;
}

/* service style */


.service {
    margin-top: 72rem;
}

.service>h5 {
    margin-top: 40rem;
}

.service_main {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.service_img {
    width: 648rem;
    height: 452rem;
}

.service_img img {
    width: 100%;
    height: 100%;
}

.service_link_cell {
    display: flex;
    gap: 24rem;
    margin-bottom: 40rem;
    align-items: center;
}

.service_link_cell>img {
    width: 40rem;
    height: 40rem;
}

.service_link_cell h5 {
    font-size: 20rem;
    width: 100%;
    border-bottom: 1px solid #222222;
}

.service_link_grp {
    margin-left: 40rem;
}

.service_link_grp a {
    text-decoration: unset;
}

.service_link_cell>img:hover {
    scale: 1.2;
}

.service_link_cell>h5:hover {
    color: var(--grey);
    border-bottom: 1px solid var(--grey);
}

/* .service_link_cell:hover .service_link_cell>img{
    scale: 1.1;
}
.service_link_cell:hover .service_link_cell>h5{
    color: var(--grey);
    border-bottom: 1px solid var(--grey);
} */






/*  color style */
.color {
    margin-top: 72rem;
}

.color>h3 {
    margin-bottom: 72rem;
}

.color_grp {
    margin-top: 56rem;
    display: flex;
    gap: 72rem;
    justify-content: space-between;
}

.color_cell {
    width: 40%;
    border-radius: 12rem;
    padding: 24rem 48rem 48rem 48rem;
}

.color_cell>div {
    display: flex;
    gap: 20rem;
    align-items: center;
}

.color_cell>p {
    margin-top: 24rem;
}

/* overView style */

.overview {
    margin-top: 140rem;
}

.overview>h3 {
    display: none;
}

.overview_pan {
    margin-top: 72rem;
    display: flex;
    justify-content: space-between;
    gap: 160rem;
    margin-left: 80rem;
    margin-right: 80rem;
    align-items: center;
}

.overview_img {
    display: flex;
    align-items: center;
}

.overview_img>div {
    background-image: linear-gradient(to left, #222222, #474747);
    padding: 80rem 24rem 24rem 24rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 475rem;
    width: 460rem;
    z-index: 9;
}

.overview_img>div img {
    width: 240rem;
    height: 240rem;
}

.overview_img>div h5 {
    margin-top: 32rem;
}

.overview_img>div h5,
.overview_img>div h4,
.overview_img>div p {
    color: white;
    text-align: center;
    font-weight: normal;
}

.overview_img>img {
    width: 532rem;
    height: 516em;
}

.overview_txt>h6 {
    margin-top: 60rem;
}

.overview_txt button {
    margin-top: 56rem;
}

/* news style */

.news {
    margin-top: 96rem;
}

.news_grp {
    margin-top: 56rem;
    display: flex;
    justify-content: space-between;
}

.news_cell {
    width: 400rem;
}

.news_cell>img {
    width: 400rem;
    height: auto;
}

.news_cell>h5,
.news_cell>p,
.news_cell>a {
    margin-top: 24rem;
}

.news_cell>p {
    margin-bottom: 24rem;
}

.news_cell a {
    font-size: 20rem;
    text-decoration: none;
    color: var(--blue);
}

.news_cell a:hover {
    color: #0c488d;
    border-bottom: 1px solid #0c488d;
    transition: 0.3s;
}

.news_btn_pan {
    margin-top: 40rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.news_btn_pan button {
    padding-inline: 48rem;
}


/* gallery style */
.gallery {
    margin-top: 96rem;
}

.gallery>div {
    margin-top: 56rem;
    display: flex;
    justify-content: space-between;
}

.gallery_cell>img {
    width: 350rem;
    height: 300rem;
}



.gallery_btn_pan {
    margin-top: 120rem !important;
}

.gallery_link {
    display: none;
}

.gallery_link>div {
    background-color: white;
    padding: 6rem 12rem 6rem 12rem;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 24rem;
    right: 50rem;
    gap: 23rem;
}

.gallery_link a {
    padding: 16rem 8rem 16rem 8rem;
    background-color: var(--blue);
}

.gallery_link a:hover {
    background-color: #155bac;
    transition: 0.3s;
}

.gallery_link img {
    width: 30rem;
    height: auto;
}

.gallery_cell {
    position: relative;
}

.gallery_cell:hover .gallery_link {
    display: block;
    transition: 0.3s;
}

.gallery_cell>img:hover {
    transition: 0.3s;
    /* Add the blur effect */
    filter: blur(6px);
    -webkit-filter: blur(6px);
}

/* contactUs style */
.contactus {
    margin-top: 72rem;
    background-image: url(../img/index/contactBG\ \(1\).png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 471rem;
}

.contactus h5,
.contactus h3 {
    color: white;
}

.contactus_txt h6 {
    padding-top: 144rem;
    text-align: center;
}

.contactus_info {
    margin-top: 96rem;
    display: flex;
    justify-content: center;
    gap: 56rem;
}

.contactus_info>div {
    display: flex;
    gap: 12rem;
    align-items: center;
}

.contactus_info>div img {
    width: 32rem;
    height: 32rem;
}

.contactus {
    padding-top: 144rem;
}

.contactus h3 {
    text-align: center;
}
.vector_img {
    width: 60rem;
    height: 100%;
}


/* responsive part */

@media (max-width:768px) {
    .fv_pan {
        flex-direction: column;
        align-items: center;
    }
    .fv_h2 img {
        scale: 80%;
    }
    .fv_h2 h2 {
        font-size: 40rem;
        margin-left: -48rem;
    }

    .fv_cell {
        width: 80%;
    }

    .fv_cell1 {
        border-bottom: 1px solid white;
        border-radius: 24rem 24rem 0 0;
    }

    .fv_cell2 {
        border-top: 1px solid white;
        border-bottom: 1px solid white;
    }

    .fv_cell3 {
        border-top: 1px solid white;
        border-radius: 0 0 24rem 24rem;
    }

    .badge {
        width: 125rem;
        height: 172rem;
        left: 47%;
        transform: translateX(-42%);
    }

    .service_main {
        margin-top: 40rem;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
    }

    .color_cell {
        width: 100%;
        border-radius: 12rem;
        padding: 24rem;
    }
    .gallery_cell>img {
        width: 454rem;
        height: 350rem;
    }

    .gallery_link>div {
        background-color: white;
        padding: 12rem 24rem 12rem 24rem;
        display: flex;
        align-items: center;
        position: absolute;
        bottom: 24rem;
        right: 15rem;
        gap: 23rem;
        left: 50%;
        transform: translateX(-50%);
        width: 69%;
    }

    .color_grp {
        margin-top: 56rem;
        display: flex;
        gap: 72rem;
        justify-content: space-around;
        flex-direction: column;
        align-items: center;
    }

    .fv>h2 {
        padding-top: 221rem;
    }

    .fv {
        height: 1136em;
    }

    .fv_grp {
        margin-top: 32rem;
        flex-direction: column;
        gap: 56rem;
    }

    /* .fv_grp_right {
        margin-right: -42rem;
        margin-bottom: -101rem;
        padding-right: 120rem;
        padding-left: 48rem;
    } */
    .banner1 {
        width: 116rem;
        height: 32rem;
    }

    .banner2 {
        width: 118rem;
        height: 94rem;
    }

    .banner3 {
        width: 136rem;
        height: 66rem;
    }

    .banner4 {
        width: 159rem;
        height: 88rem;
    }

    .service_grp {
        flex-direction: column;
        align-items: center;
    }

    .overview_img>div {
        margin-left: 0;
        margin-bottom: -32rem;
        z-index: 9;
    }

    .overview_pan {
        margin-top: 72rem;
        display: flex;
        justify-content: space-between;
        gap: 120rem;
        flex-direction: column;
    }

    .overview_img {
        display: flex;
        align-items: center;
        flex-direction: column-reverse;
    }

    .news_grp {
        margin-top: 56rem;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
    }

    .gallery>div {
        margin-top: 56rem;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        gap: 24rem;
    }

    h3,
    h4 {
        text-align: center;
    }

    main h6 {
        text-align: center;
    }

    .service>p {
        text-align: center;
    }

    .overview_txt {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .fv_cell {
        justify-content: flex-start;
    }

}

@media (max-width:425px) {
    .fv_h2 img {
        scale: 62%;
    }
    .fv_h2 {
        padding-top: 301rem;
        display: flex;
        /* font-size: 72rem; */
        gap: 0rem;
        flex-direction: column;
        align-items: center;
    }
    .service_img {
        width: 372rem;
        height: 241rem;
    }

    .blue_btn {
        font-size: 16rem;
    }

    .fv_h2 h2 {
        font-size: 32rem;
        margin-left: 1%;
    }

    .fv h4 {
        font-size: 20rem;
    }

    .fv_cell h5 {
        font-size: 20rem;
    }

    .fv_cell {
        width: 100%;
    }

    .overview_img>div {
        background-image: linear-gradient(to left, #222222, #474747);
        padding: 56rem 24rem 24rem 24rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 452rem;
        width: 365rem;
        z-index: 9;
    }

    .overview_pan {
        margin-left: 0rem;
        margin-right: 0rem;
    }

    .gallery_cell>img {
        width: 363rem;
        height: 367rem;
    }

    .gallery_link h5 {
        font-size: 20rem;
    }

    .gallery_link p {
        font-size: 11rem;
    }

    /* .fv_grp_right {
        margin-right: -28rem;
        margin-left: -28rem;
        padding: 20rem;
    } */
    .fv_grp_right h4 {
        font-size: 30rem;
    }

    .fv {
        height: 1135em;
    }

    .banner1 {
        width: 60rem;
        height: 19rem;
    }

    .banner2 {
        width: 95rem;
        height: 71rem;
    }

    .banner3 {
        width: 85rem;
        height: 46rem;
    }

    .banner4 {
        width: 98rem;
        height: 53rem;
    }

    .service_cell {
        width: 368rem;
    }

    .service_cell img {
        width: 368rem;
    }

    .overview_img>img {
        width: 425rem;
        height: 431em;
    }

    .overview_txt>h6 {
        margin-top: 37rem;
    }

    .overview_pan {
        margin-top: 72rem;
        display: flex;
        justify-content: space-between;
        gap: 62rem;
        flex-direction: column;
    }

    .news_cell>img {
        width: 368rem;
        height: auto;
    }

    .news_cell {
        width: 368rem;
    }



    .contactus_txt h6 {
        padding-top: 93rem;
        text-align: start;
        font-size: 17rem;
    }

    .contactus_info {
        margin-top: 41rem;
        display: flex;
        justify-content: center;
        gap: 56rem;
        flex-direction: column;
        align-items: flex-start;
        align-items: center;
    }
}