.elementor-7586 .elementor-element.elementor-element-c912b3b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;}.elementor-7586 .elementor-element.elementor-element-aff1d24{--display:flex;--z-index:2;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7586 .elementor-element.elementor-element-7a6a10e.elementor-element{--align-self:flex-end;}.elementor-7586 .elementor-element.elementor-element-7a6a10e{text-align:right;}.elementor-7586 .elementor-element.elementor-element-7a6a10e img{width:850px;}.elementor-7586 .elementor-element.elementor-element-2802b92{--display:flex;--position:absolute;--gap:0px 0px;--row-gap:0px;--column-gap:0px;top:0px;--z-index:3;}body:not(.rtl) .elementor-7586 .elementor-element.elementor-element-2802b92{left:0px;}body.rtl .elementor-7586 .elementor-element.elementor-element-2802b92{right:0px;}.elementor-7586 .elementor-element.elementor-element-36443d1{--display:flex;--overflow:hidden;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7586 .elementor-element.elementor-element-2c9966e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:68px;font-weight:700;text-transform:uppercase;line-height:1.1em;color:#6EC1E4;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7586 .elementor-element.elementor-element-79463c7{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#58595B;}.elementor-7586 .elementor-element.elementor-element-d691e11{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;}.elementor-7586 .elementor-element.elementor-element-d307cba{--display:flex;}.elementor-widget-tp-search-filter .tp-search-filter .field-col .tp-field-title .tp-title-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-search-filter .tp-search-filter .field-col .tp-alphabet-content{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-search-filter .tp-toggle-div .tp-checkBox .tp-field-content{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-search-filter .tp-search-filter .field-col .tp-checkBox.style-2 .tp-field-Counter{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-search-filter .tp-search-filter .tp-date-wrap > div > label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-search-filter .tp-search-filter .tp-date-wrap > div > input[type=date]{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.daterangepicker div.ranges li{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}div.daterangepicker select.monthselect, div.daterangepicker select.yearselect{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-search-filter .tp-search-filter .tp-toggle-div .tp-select{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-search-filter .tp-search-filter .field-col .tp-select.style-2 .tp-sbar-dropdown-menu .tp-dd-counttxt{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-search-filter .tp-toggle-div .tp-radio .tp-field-content{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-search-filter .tp-search-filter .field-col .tp-radio.style-2 .tp-field-Counter{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-search-filter .tp-range-silder .noUi-tooltip{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-search-filter .tp-search-wrap .tp-search-input{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-search-filter .tp-search-filter .field-col .tp-tabbing-wrapper{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-search-filter .tp-search-filter .field-col .tp-tabbing-wrapper .tp-tabbing-counter{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-search-filter .tp-search-filter .tp-total-results-wrap{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-search-filter .tp-search-filter .field-col .tp-filter-readmore{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-search-filter .tp-search-filter .tp-toggle-button .tp-button-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-search-filter .tp-search-filter .tp-search-form .tp-ajax-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-7586 .elementor-element.elementor-element-2e775fb .tp-search-filter .tp-toggle-div .tp-select,.elementor-7586 .elementor-element.elementor-element-2e775fb .tp-search-filter .tp-toggle-div .tp-sbar-dropdown-menu{background-color:#EAF8FF;}.elementor-7586 .elementor-element.elementor-element-2e775fb .tp-search-filter .tp-toggle-div .tp-select .tp-sbar-dropdown-menu .tp-searchbar-li:hover{background-color:transparent;color:#FFFFFF;background-image:linear-gradient(90deg, #0097FF 20%, #0100C7 100%);}.elementor-7586 .elementor-element.elementor-element-2e775fb .tp-search-filter .tp-filter-tag-wrap .tp-filter-tag{background-color:#0097FF;border-radius:12px 12px 12px 12px;}.elementor-7586 .elementor-element.elementor-element-2e775fb .tp-search-filter .tp-search-form .field-col{padding:0px 0px 0px 0px;}.elementor-7586 .elementor-element.elementor-element-2e775fb .tp-search-filter .field-col .tp-field-title .tp-title-text{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;color:#A5A5A5;}.elementor-7586 .elementor-element.elementor-element-2e775fb .tp-search-filter .field-col .tp-field-title .tp-title-icon i{font-size:20px;}.elementor-7586 .elementor-element.elementor-element-2e775fb .tp-search-filter .field-col .tp-field-title .tp-title-icon svg{fill:#A5A5A5;}.elementor-7586 .elementor-element.elementor-element-2e775fb .tp-search-filter .field-col .tp-field-title .tp-title-icon{color:#A5A5A5;}.elementor-7586 .elementor-element.elementor-element-2e775fb .tp-search-filter .tp-toggle-div .tp-select{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:500;color:#0100C7;border-style:none;border-radius:12px 12px 12px 12px;}.elementor-7586 .elementor-element.elementor-element-2e775fb .tp-search-filter .field-col .tp-tabbing-wrapper svg{width:20px;height:20px;fill:#000;}.elementor-7586 .elementor-element.elementor-element-2e775fb .tp-search-filter .field-col .tp-tabbing-wrapper{color:#000;}.elementor-7586 .elementor-element.elementor-element-2e775fb .tp-search-filter .field-col .tp-tabbing-wrapper:hover{color:#000;}.elementor-7586 .elementor-element.elementor-element-2e775fb .tp-search-filter .field-col .tp-tabbing-wrapper:hover svg{fill:#000;}.elementor-7586 .elementor-element.elementor-element-2e775fb .tp-search-filter .tp-toggle-div .tp-star-rating{justify-content:center;}.elementor-7586 .elementor-element.elementor-element-2e775fb .tp-search-filter .tp-filter-tag-wrap .tp-filter-container .tp-filter-tag,.elementor-7586 .elementor-element.elementor-element-2e775fb .tp-search-filter .tp-filter-tag-wrap .tp-filter-container .tp-tag-link{font-family:"Roboto", Sans-serif;}.elementor-7586 .elementor-element.elementor-element-2e775fb .tp-search-filter .tp-filter-meta span.tp-tag-reset{font-family:"Roboto", Sans-serif;border-radius:12px 12px 12px 12px;}.elementor-7586 .elementor-element.elementor-element-2e775fb .tp-search-filter .tp-search-form .tp-total-results-wrap{justify-content:left;}.elementor-7586 .elementor-element.elementor-element-2e775fb .tp-search-filter .tp-search-form .tp-tabbing-redmore{justify-content:flex-start;}.elementor-7586 .elementor-element.elementor-element-8dd501a{width:100%;max-width:100%;}.elementor-7586 .elementor-element.elementor-element-8dd501a > .elementor-widget-container{background-color:#FFFFFFEB;}.elementor-widget-tp-dynamic-listing .theplus-pagination a,.elementor-widget-tp-dynamic-listing .theplus-pagination span{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-dynamic-listing .ajax_load_more .post-load-more,.elementor-widget-tp-dynamic-listing .ajax_load_more .tp-morefilter{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-dynamic-listing .plus-all-posts-loaded{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-dynamic-listing .dynamic-listing .post-inner-loop .post-meta-info span{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-dynamic-listing .dynamic-listing .post-category-list span a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-dynamic-listing .dynamic-listing .post-inner-loop .post-title,.elementor-widget-tp-dynamic-listing .dynamic-listing .post-inner-loop .post-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-dynamic-listing .dynamic-listing .post-inner-loop .entry-content,.elementor-widget-tp-dynamic-listing .dynamic-listing .post-inner-loop .entry-content p{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-dynamic-listing .post-filter-data .category-filters-child li a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-dynamic-listing .theplus-posts-not-found{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-7586 .elementor-element.elementor-element-bfa290f .dynamic-listing .post-inner-loop .grid-item{padding:015px 030px 015px 030px;}.elementor-7586 .elementor-element.elementor-element-bfa290f .dynamic-listing .post-inner-loop .post-title,.elementor-7586 .elementor-element.elementor-element-bfa290f .dynamic-listing .post-inner-loop .post-title a{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:700;color:#0100C7;}.elementor-7586 .elementor-element.elementor-element-bfa290f .dynamic-listing .post-inner-loop .blog-list-content:hover .post-title,.elementor-7586 .elementor-element.elementor-element-bfa290f .dynamic-listing .post-inner-loop .blog-list-content:hover .post-title a{color:#0100C7;}.elementor-7586 .elementor-element.elementor-element-bddc056{--display:flex;--overflow:hidden;}@media(max-width:1024px){.elementor-7586 .elementor-element.elementor-element-2e775fb .tp-search-filter .tp-filter-tag-wrap .tp-filter-container .tp-filter-tag,.elementor-7586 .elementor-element.elementor-element-2e775fb .tp-search-filter .tp-filter-tag-wrap .tp-filter-container .tp-tag-link{font-size:16px;}.elementor-7586 .elementor-element.elementor-element-2e775fb .tp-search-filter .tp-filter-meta span.tp-tag-reset{font-size:16px;}}@media(min-width:768px){.elementor-7586 .elementor-element.elementor-element-aff1d24{--content-width:1440px;}}@media(max-width:767px){.elementor-7586 .elementor-element.elementor-element-2c9966e .elementor-heading-title{line-height:1.1em;}}/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start custom CSS *//*Custom Thumbnail*/
#post-1514 .thumb-wrap img,
#post-1522 .thumb-wrap img,
#post-1518 .thumb-wrap img,
#post-1520 .thumb-wrap img,
#post-1526 .thumb-wrap img,
#post-1534 .thumb-wrap img{
    display: none;
}

#post-1514 .thumb-wrap:before{
    content: "";
    background-image: url("/wp-content/uploads/2024/04/Gift-replicate-img-Chow-Sang-Sang-01.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    display: block;
}

#post-1522 .thumb-wrap:before{
    content: "";
    background-image: url("/wp-content/uploads/2024/04/Get-replicate-img-Omusubi-02.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    display: block;
}


#post-1518 .thumb-wrap:before{
    content: "";
    background-image: url("/wp-content/uploads/2024/04/Gift-replicate-img-Pacific-coffee-03.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    display: block;
}


#post-1520 .thumb-wrap:before{
    content: "";
    background-image: url("/wp-content/uploads/2024/04/Get-replicate-img-HaagenDaz-03.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    display: block;
}

#post-1526 .thumb-wrap:before{
    content: "";
    background-image: url("/wp-content/uploads/2024/04/05-pizza-hut.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    display: block;
}

#post-1534 .thumb-wrap:before{
    content: "";
    background-image: url("/wp-content/uploads/2024/04/10-friso.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    display: block;
}

#cases .thumb-wrap{
    display: block;
    height: 300px;
}

#cases .thumb-wrap img{
    height: 100%;
}

#cases .blog-list-content .thumb-wrap:before{
    transition: 0.3s;
}

#cases .blog-list-content:hover .thumb-wrap:before{
    transform: scale(1.1);
}

/*Body*/
html, body{
    overflow-x: hidden;
}

/*Buttons*/
.btn-hover {
    display: flex;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 500;
    padding: 10px 0;
    cursor: pointer;
    text-align:center;
    border: none;
    border-radius: 10px;
    transition: all .3s ease-in-out;
    justify-content: center;
    align-items: center;
    width: 160px;
}

.btn-hover:focus {
    outline: none;
}

.fill-btn {
    background-image: linear-gradient(to right, #0097ff,  #0a09c9);
    background-size: 100% 100%;
        color: #ffffff;
}

.fill-btn:hover {
    background-size: 350% 100%;
    transition: all .3s ease-in-out;
    color: #ffffff;
}

/*Hero*/
#hero .hero-wrap{
    top: 8rem;
}

#hero .hero-wrap > .e-con-inner{
    gap: 30px;
}

#hero .hero-heading{
    overflow: hidden;
}

#hero .desp-block{
    border-left: 4px solid #0097FF;
    padding-left: 20px;
    width: 480px;
}

#hero .desp-block p{
    margin-bottom: 0;
}

#hero .hero-img-block{
    right: -5rem;
}

/*Successful Cases*/
#cases{
    padding-bottom: 6rem;
}

#cases .tp-search-form{
    margin-top: 20px;
}

#cases .tp-search-form .tp-row{
    display: grid;
    grid-template-columns: 43% 25% 30%;
    justify-content: start;
    gap: 1%;
}

#cases .tp-search-filter .tp-layout-inline{
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 8px;
    max-width: 100%;
    justify-content: start;
}

#cases .tp-search-filter .tp-select{
    height: fit-content;
}

#cases .tp-select-dropdown .tp-dd-icon{
    background-color: #0100C7;
    border-radius: 5px;
    width: 25px;
    height: 25px;
    position: relative;
    top: -3px;
}

#cases .tp-select-dropdown .tp-dd-icon:before{
    filter: brightness(0) saturate(100%) invert(100%) sepia(46%) saturate(708%) hue-rotate(181deg) brightness(118%) contrast(101%);
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit;
}

#cases .tp-filter-tag, #cases .tp-tag-reset{
    padding: 8px 15px
}

#cases .post-load-more{
    width: 200px;
}

#cases .blog-list-content{
    border-radius: 20px;
    overflow: hidden;
}

#cases .post-content-bottom{
    padding: 25px;
}

#cases .entry-content{
    display: none;
}

#cases .entry-content img{
    width: 30px;
    height: 30px;
}

#cases .cat-wrap{
    display: grid;
    grid-template-columns: repeat(7, auto);
    justify-content: center;
    gap: 40px;
    padding: 5px 0;
}

#cases .cat-block img{
    display: block;
    margin: auto;
    width: 40px;
    height: 40px;
    filter: brightness(0) saturate(100%) invert(66%) sepia(14%) saturate(17%) hue-rotate(321deg) brightness(96%) contrast(93%);
    transition: 0.2s;
}

#cases .cat-block h6{
    font-size: 14px;
    font-weight: bold;
    color: #A5A5A5;
    transition: 0.3s;
}

#cases .cat-block.current h6{
    color: #0100C7;
}

#cases .cat-block.current img{
    filter: none;
}

/*Responsive*/
@media (max-width: 1360px) {
#hero .hero-img-block img{
    width: 800px;
}

}

@media (max-width: 1280px) {
#hero h2{
    font-size: 65px;
}    

#cases .tp-title-text{
    font-size: 16px;
}

#hero{
    padding-bottom: 6rem;
}
    
#hero .hero-wrap{
    width: 90%;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
}

#hero .hero-img-block img{
    width: 750px;
}

#hero .desp-block{
    width: 400px;
}

#cases .cases-wrap{
    width: 90%;
    margin: auto;
}

}

@media (max-width: 1140px) {
#hero h2{
    font-size: 60px;
}  

#hero .hero-img-block img{
    width: 700px;
}

#cases .tp-search-form .tp-row{
    grid-template-columns: 50% 48%;
    gap: 15px 2%;
    grid-template-areas:
    "a a "
    "b c";
}

#cases .tp-search-filter .tp-layout-inline{
    grid-template-columns: 150px 1fr;
}

#cases .elementor-repeater-item-2afefaf{
    grid-area: a;
}

#cases .elementor-repeater-item-323be83 {
    grid-area: b;
}

#cases .elementor-repeater-item-678fdf1 {
    grid-area: c;
}

#cases .thumb-wrap{
    height: 275px;
}
   
}

@media (max-width: 1080px) {
#hero h2{
    font-size: 55px;
}  

#hero .hero-img-block img{
    width: 650px;
}

#hero .desp-block{
    width: 350px;
}

#cases .thumb-wrap{
    height: 255px;
}
  
}

@media (max-width: 980px) {
#hero h2{
    font-size: 50px;
}  

#hero .hero-wrap{
    top: 9rem;
}

#hero .hero-img-block img{
    width: 600px;
}

#cases .cat-block h6{
    color: #0100C7;
}

#cases .cat-block img{
    filter: initial;
}
#cases .metro-item{
    padding: 20px 35px 20px 35px;
}

#cases .entry-content{
    display: block;
}

#cases .post-content-bottom {
    padding: 20px 25px;
}

#cases .thumb-wrap{
    height: 300px;
}

}

@media (max-width: 900px) {
#hero h2{
    font-size: 45px;
}  

#hero{
    padding-bottom: 8rem;
}

#hero .hero-img-block img{
    width: 550px;
}

#cases .thumb-wrap{
    height: 275px;
}
  
}

@media (max-width: 850px){
#hero{
    padding-bottom: 10rem;
}

#hero .hero-img-block{
    right: -3rem;
}
    
#hero .hero-img-block img{
    width: 500px;
}

#cases .cat-wrap{
    gap: 30px;
}

}

@media (max-width: 800px) {
#hero .hero-img-block{
    top: 1rem;
}

#hero .hero-img-block img{
    width: 450px;
}

}

@media (max-width: 767px) {
#hero .hero-wrap, #cases .cases-wrap{
    width: 85%;
}

#hero{
    padding-bottom: 12rem;
}

#hero .hero-img-block{
    top: 2rem;
}

#hero .hero-img-block img{
    width: 400px;
}

#hero .desp-block{
    width: 80%;
}

#cases .tp-search-form .tp-row{
    grid-template-columns: 100%;
    gap: 15px 2%;
    grid-template-areas:
    "a"
    "b"
    "c";
}

#cases .metro-item{
    width: 350px;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
}

#cases .cat-wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 500px;
    margin: auto;
    gap: 10px 50px;
}

}

@media (max-width: 700px) {
#hero{
    padding-bottom: 20rem;
}

#hero .hero-wrap{
    top: 13rem;
}

#hero .hero-img-block{
    top: 2rem;
    right: -2rem;
}

#hero .hero-img-block img{
    width: 350px;
}

#hero .desp-block{
    width: 90%;
}


}

@media (max-width: 600px) {
#cases .tp-filter-tag, #cases .tp-tag-reset{
    font-size: 15px;
}

#hero{
    padding-bottom: 22rem;
}

#hero .hero-wrap{
    top: 14rem;
}

#cases .tp-search-form .tp-row{
    gap: 5px;
}

#cases .tp-search-filter .tp-layout-inline{
    grid-template-columns: 1fr;
}

#cases .cat-wrap {
    width: auto;
    gap: 5px 40px;
}

}

@media (max-width: 500px) {
#hero{
    padding-bottom: 25rem;
}

#hero .hero-img-block{
    top: 3rem;
}

#hero .hero-img-block img{
    width: 300px;
}

#cases .tp-search-form {
    margin-top: 0;
}

#cases .tp-filter-tag{
    white-space: normal;
}

#cases .cat-wrap {
    gap: 5px 30px;
}

#cases .cat-block h6{
    font-size: 12px;
}
   
}

@media (max-width: 450px) {
#hero h2{
    font-size: 40px;
}  

#hero .hero-img-block{
    top: 4rem;
}

#hero .hero-img-block img{
    width: 280px;
}

#cases .metro-item{
    padding: 20px;
}

#cases .cat-wrap {
    gap: 5px 25px;
}

#cases .cat-block img{
    width: 35px;
    height: 35px;
}

#cases .thumb-wrap{
    height: 295px;
}
   
}/* End custom CSS */