.pad_section {padding: 30px 0;}
.showpc {display: block;}
.showmb {display: none;}
.pt {padding-top: 40px;}
.txthead {text-align: center;}
.txthead p{font-size: 28px; color: #888888; font-family: "db_adman_light"; text-align: center;}
.txthead h3{font-size: 64px; color: #000; font-family: "db_adman_bold"; text-align: center;}


.sec_client .img_banner img {align-items: center; max-width: 100%; width: 100%;}

.sec_detail {display: grid;
    grid-template-columns: repeat(2,1fr);
    margin: 0 auto;}

.sec_detail .txt_head_detail h3{font-family: "db_adman_bold"; font-size: 52px; line-height: 1;}
.sec_detail .txt_head_detail p{font-family: "db_adman_bold"; font-size: 22px; line-height: 1.4;}
.sec_detail .txt_detail_in p {font-size: 22px; color: #000 ; font-family: 'db_adman_light';}

.txtgray {color: #888888;}
.box_tab .list_btn a {margin: 0 7px;}

.list_btn .btn-wave {
    display: inline-block;
    position: relative;
    background: transparent;
    overflow: hidden;
    transition: color .5s;
    padding: 7px 40px;
    z-index: 1;
    font-size: 24px;
    border-radius: 30px;
    color: #535353;
    text-decoration: none !important;
    transition: all 200ms ease-in-out;
    border: none;
    /* background: #C4C4C4; */
    font-family: "db_adman";
}
.list_btn .btn-wave.active { background: -webkit-linear-gradient(right bottom , var(--color_primary), var(--color_secondary));font-family: "db_adman"; color: #fff;}

.list_btn .btn-wave:before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: 30px;
    background: -webkit-linear-gradient(left bottom , var(--color_secondary), var(--color_primary));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    color: #535353;
}


.list_btn .btn-wave:hover {
    color: var(--color_white);
    box-shadow: none;
    transition-delay: 0.15s;
}

.box_tab {
    padding-top: 40px;
}

.box_content {padding-top: 40px;}
/* .box_desktop .box_content_in {display: grid; grid-template-columns: repeat(2,1fr); gap: 25px;}
.box_mobile .box_content_in {display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px;} */
/* .box_desktop .box_content_in > img,
.box_mobile .box_content_in > img{width: 100%;} */

/* .next_project {background: linear-gradient(270deg, #FF8E00 18.1%, #FB2092 84.64%); padding: 30px; text-align: center;}
.next_project a{font-size: 32px; color: #fff; font-family: 'db_adman_bold';  text-decoration: none;}  */

.flexmasonry {align-content: flex-start;}
.flexmasonry .grid-item {padding: 10px 12.5px;}
/* .flexmasonry .grid-item .img {overflow: hidden;} */
.flexmasonry .grid-item .img img {width: 100%; transition: all 0.15s ease; }


@media(max-width: 1199px){
    .pad_section {
        padding: 30px 20px;
    }

    /* .box_desktop .box_content_in img {
        padding: 10px 15px;
    } */
    .txthead h3 {
        font-size: 55px;
    }
    .sec_detail .txt_head_detail h3 {
        font-size: 48px;
    }
    .sec_detail .txt_head_detail p {
        font-size: 20px;
    }
    .sec_detail .txt_detail_in p {
        font-size: 20px;
    }
   
}

@media(max-width: 991px){

    /* .sec_client .txt_name_banner h3 {
        font-size: 22px;
    }
    .sec_client .txt_name_banner p {
        font-size: 16px;
        margin: 3px 0 0 -55px;
    } */
    
    .sec_detail .txt_head_detail h3 {
        font-size: 40px;
    }
    .sec_detail {
        grid-template-columns: 220px auto;
    }
    .sec_detail .txt_detail_in p {
        font-size: 20px;
    }
    .txthead h3 {
        font-size: 40px;
    }
    
    
}
@media(max-width: 768px){
    .showpc {display: none;}
	.showmb {display: block;}

    .sec_detail {
        grid-template-columns: repeat(1,1fr);
    }
    .txt_detail_in {
        padding-top: 30px;
    }
    .pt {
        padding-top: 20px;
    }
    .next_project {
        padding: 20px;
    } 
    .next_project a {
        font-size: 28px;
    }

    .flexmasonry{margin: 0 -7.5px;}
    .flexmasonry .grid-item{padding: 10px 7.5px;}
 
}


@media(max-width: 575px){
	.txthead h3 {
        font-size: 28px;
    }
    .sec_detail .txt_head_detail h3 {font-size: 26px;}
    .pad_section {
        padding: 20px 10px;
    }

    .sec_client .img_banner img {
        padding-left: 0px;
        max-width: 100%;
        margin-top: 20px;
    }
    .sec_detail .txt_detail_in p {
        margin-left: 0px;
    }
    .list_btn .btn-wave {
        padding: 5px 30px;
        font-size: 20px;
    }
    .box_tab {text-align: center;}
    /* .box_desktop .box_content_in,
    .box_mobile .box_content_in {display: grid; grid-template-columns: repeat(2,1fr); gap: 12px;} */
    .next_project a {
        font-size: 22px;
    }
    .sec_detail .txt_head_detail p {
        font-size: 18px;
    }
    .sec_detail .txt_detail_in p {
        font-size: 18px;
    }
    .txthead p {
        font-size: 22px;
    }
    .box_desktop {
        padding-top: 20px;
    }
}
@media(max-width: 320px){
    .sec_detail .txt_detail_in p {
        font-size: 16px;
    }
    .sec_detail .txt_head_detail p {
        font-size: 16px;
    }
}