/*=========================================================
  ENHANCE & EXCEL
  Executive Blue Premium v4.0
  Global Styles
=========================================================*/


/*=========================================================
  RESET
=========================================================*/

*,
*::before,
*::after{

    margin:0;
    padding:0;
    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    background:var(--off-white);

    color:var(--text);

    font-family:var(--font-body);

    font-size:16px;

    line-height:1.7;

    overflow-x:hidden;

    text-rendering:optimizeLegibility;

}

/*=========================================================
  IMAGES
=========================================================*/

img{

    max-width:100%;

    display:block;

    height:auto;

}

/*=========================================================
  LINKS
=========================================================*/

a{

    color:inherit;

    text-decoration:none;

    transition:var(--transition);

}

/*=========================================================
  LISTS
=========================================================*/

ul{

    list-style:none;

}

/*=========================================================
  CONTAINER
=========================================================*/

.container{

    width:100%;

    max-width:var(--container);

    margin:auto;

    padding-left:32px;

    padding-right:32px;

}

/*=========================================================
  SECTION
=========================================================*/

section{

    position:relative;

}

.hero-section,
.why-choose,
.solutions-section,
.technology-solutions,
.client-impact,
.our-approach,
.industries-section{

    padding-top:42px;

    padding-bottom:42px;

}

.trusted-organizations{

    padding:32px 0 30px;

    background:#FAFBFD;

}

.trusted-inner{

    max-width:1200px;

    margin:auto;

    text-align:center;

}

.trusted-kicker{

    color:#0E497C;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:10px;

}

.trusted-title{

    font-family:Oswald,sans-serif;

    font-size:clamp(2.2rem, 3.4vw, 3.15rem);

    color:#0E497C;

    margin:0 0 16px;

    line-height:1.05;

}

.trusted-copy{

    max-width:820px;

    margin:0 auto 24px;

    line-height:1.7;
    font-size:clamp(1rem, 1.2vw, 1.08rem);

    color:var(--text-light);

}

.trusted-grid{

    display:grid;

    grid-template-columns:repeat(4, minmax(0,1fr));

    gap:18px;

}

.trusted-more{

    margin:20px 0 0;

    font-weight:800;

    font-size:clamp(1.05rem, 1.6vw, 1.3rem);

    color:#0B3D91;

    letter-spacing:.02em;

    text-transform:uppercase;

}

.trusted-card{

    display:flex;

    align-items:center;

    justify-content:center;

    min-height:170px;

    background:#fff;

    border-radius:18px;

    padding:16px;

    box-shadow:0 8px 24px rgba(14,73,124,.08);

    border:1px solid rgba(14,73,124,.05);

}

.trusted-logo{

    max-width:100%;

    max-height:100px;

    width:auto;

    height:auto;

    object-fit:contain;

    margin:0 auto;

    display:block;

    filter: saturate(0.95);

}

.section-padding{

    padding:110px 0;

}

.section-padding-lg{

    padding:150px 0;

}

/*=========================================================
  SECTION TITLE
=========================================================*/

.section-heading{

    max-width:760px;

    margin:auto;

    text-align:center;

    margin-bottom:70px;

}

.section-heading span{

    display:inline-block;

    color:var(--accent);

    font-size:15px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:2px;

    margin-bottom:14px;

}

.section-heading h2{

    font-family:var(--font-heading);

    font-size:clamp(2.2rem, 3.4vw, 3.15rem);

    line-height:1.1;

    color:var(--text);

    margin-bottom:18px;

}

.section-heading p{

    font-size:clamp(1rem, 1.2vw, 1.08rem);

    color:var(--text-light);

    line-height:1.8;

}

/*=========================================================
  CARDS
=========================================================*/

.card{

    background:#FFFFFF;

    border-radius:var(--radius-lg);

    box-shadow:var(--shadow-sm);

    transition:var(--transition);

}

.card:hover{

    transform:translateY(-10px);

    box-shadow:var(--shadow-lg);

}

/*=========================================================
  BUTTONS
=========================================================*/

.button-group{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

.primary-button,
.secondary-button{

    cursor:pointer;

}

/*=========================================================
  GRID
=========================================================*/

.grid-2{

    display:grid;

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

    gap:50px;

}

.grid-3{

    display:grid;

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

    gap:40px;

}

.grid-4{

    display:grid;

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

    gap:30px;

}

/*=========================================================
  BACKGROUND UTILITIES
=========================================================*/

.bg-white{

    background:#FFFFFF;

}

.bg-light{

    background:#F7FAFD;

}

.bg-primary{

    background:var(--primary);

    color:#FFFFFF;

}

/*=========================================================
  TEXT UTILITIES
=========================================================*/

.text-center{

    text-align:center;

}

.text-left{

    text-align:left;

}

.text-right{

    text-align:right;

}

/*=========================================================
  SPACING UTILITIES
=========================================================*/

.mt-1{margin-top:10px;}
.mt-2{margin-top:20px;}
.mt-3{margin-top:30px;}
.mt-4{margin-top:40px;}
.mt-5{margin-top:60px;}

.mb-1{margin-bottom:10px;}
.mb-2{margin-bottom:20px;}
.mb-3{margin-bottom:30px;}
.mb-4{margin-bottom:40px;}
.mb-5{margin-bottom:60px;}

/*=========================================================
  SCROLLBAR
=========================================================*/

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:#EDF2F7;

}

::-webkit-scrollbar-thumb{

    background:var(--primary);

    border-radius:20px;

}

::-webkit-scrollbar-thumb:hover{

    background:var(--primary-dark);

}

/*=========================================================
  RESPONSIVE
=========================================================*/

@media (max-width:1200px){

    .grid-4{

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

    }

}

@media (max-width:992px){

    .grid-3{

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

    }

    .grid-2{

        grid-template-columns:1fr;

    }

    .section-heading h2{

        font-size:44px;

    }

}

@media (max-width:768px){

    .container{

        padding-left:20px;

        padding-right:20px;

    }

    .grid-3,
    .grid-4{

        grid-template-columns:1fr;

    }

    .section-padding{

        padding:80px 0;

    }

    .section-padding-lg{

        padding:100px 0;

    }

    .section-heading{

        margin-bottom:50px;

    }

    .section-heading h2{

        font-size:36px;

    }

    .section-heading p{

        font-size:16px;

    }

}