/*=========================================
LAPTOP
=========================================*/

@media(max-width:1200px){

.services-grid{

grid-template-columns:repeat(2,1fr);

}

.section-heading h2{

font-size:46px;

}

}

/*=========================================
TABLET
=========================================*/

@media(max-width:992px){

.services{

padding:90px 0;

}

.service-filter{

justify-content:flex-start;

overflow-x:auto;

flex-wrap:nowrap;

padding-bottom:10px;

}

.service-filter::-webkit-scrollbar{

display:none;

}

.service-filter button{

white-space:nowrap;

}

}

/*=========================================
MOBILE
=========================================*/

/*=========================================
MOBILE
=========================================*/

@media(max-width:768px){

.services{

padding:70px 0;

}

.services-container{

width:94%;

}

.section-heading{

margin-bottom:40px;

}

.section-heading h2{

font-size:34px;

}

.section-heading p{

font-size:15px;

line-height:1.7;

}

/* FILTER */

.service-filter{

justify-content:flex-start;

overflow-x:auto;

flex-wrap:nowrap;

padding-bottom:10px;

gap:10px;

}

.service-filter::-webkit-scrollbar{

display:none;

}

.service-filter button{

padding:10px 18px;

font-size:14px;

white-space:nowrap;

}

/* GRID */

.services-grid{

grid-template-columns:repeat(2,1fr);

gap:12px;

}

/* CARD */

.service-card{

padding:16px;

border-radius:18px;

}

/* TOP */

.service-top{

margin-bottom:14px;

}

.service-icon{

width:46px;

height:46px;

font-size:20px;

border-radius:14px;

}

.service-badge{

padding:6px 10px;

font-size:10px;

}

/* TITLE */

.service-card h3{

font-size:17px;

line-height:1.35;

margin-bottom:10px;

min-height:46px;

}

/* DESCRIPTION */

.service-card p{

font-size:13px;

line-height:1.6;

margin-bottom:14px;

display:-webkit-box;

-webkit-line-clamp:3;

-webkit-box-orient:vertical;

overflow:hidden;

}

/* TAGS */

.service-tags{

gap:6px;

margin-bottom:16px;

}

.service-tags span{

padding:5px 10px;

font-size:10px;

}

/* FOOTER */

.service-footer{

padding-top:14px;

}

.service-footer a{

font-size:13px;

gap:6px;

}

.service-footer a i{

font-size:14px;

}

/* BUTTON */

.service-btn{

margin-top:28px;

}

.service-btn #viewMore{

width:100%;

max-width:320px;

height:52px;

font-size:14px;

}

}

/*=========================================
SMALL MOBILE
=========================================*/

@media(max-width:480px){

.services{

padding:60px 0;

}

.services-container{

width:92%;

}

.services-grid{

gap:10px;

}

.service-card{

padding:14px;

border-radius:16px;

}

.service-icon{

width:42px;

height:42px;

font-size:18px;

}

.service-badge{

font-size:9px;

padding:5px 8px;

}

.service-card h3{

font-size:15px;

line-height:1.35;

min-height:40px;

}

.service-card p{

font-size:12px;

line-height:1.55;

-webkit-line-clamp:2;

margin-bottom:12px;

}

.service-tags{

gap:5px;

margin-bottom:14px;

}

.service-tags span{

padding:4px 8px;

font-size:9px;

}

.service-footer{

padding-top:12px;

}

.service-footer a{

font-size:12px;

}

}