/*==================================================
POTENTIALLOOPS RESEARCH
GLOBAL STYLESHEET
Version : 2.0
==================================================*/

/* Google Font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

/*==================================================
ROOT VARIABLES
==================================================*/

:root{

--primary:#0F4C81;
--secondary:#00A8A8;
--accent:#FFB703;

--dark:#16213E;
--text:#555555;

--white:#ffffff;
--light:#F8FBFF;
--border:#E5EAF2;

--shadow:0 20px 45px rgba(0,0,0,.08);
--radius:20px;

--transition:.35s ease;

}

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

*{

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

}

html{

scroll-behavior:smooth;

}

body{

font-family:'Poppins',sans-serif;
font-size:16px;
font-weight:400;
color:var(--text);
background:#fff;
overflow-x:hidden;
line-height:1.8;

}

img{

max-width:100%;
display:block;

}

a{

text-decoration:none;
transition:var(--transition);

}

ul{

margin:0;
padding:0;
list-style:none;

}

button{

border:none;
outline:none;

}

input,
textarea,
select{

outline:none;

}

/*==================================================
LAYOUT
==================================================*/

.container{

max-width:1320px;

}

.section{

padding:100px 0;

position:relative;

}

.section-header{

margin-bottom:60px;

text-align:center;

}

.section-tag{

display:inline-block;

padding:10px 22px;

border-radius:40px;

background:#EAF5FF;

color:var(--primary);

font-size:14px;

font-weight:700;

letter-spacing:.5px;

margin-bottom:20px;

text-transform:uppercase;

}

.section-header h2{

font-size:48px;

font-weight:800;

line-height:1.2;

color:var(--dark);

margin-bottom:20px;

}

.section-header p{

max-width:760px;

margin:auto;

font-size:18px;

color:#666;

line-height:1.8;

}

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

.btn-primary-custom{

display:inline-flex;

align-items:center;

justify-content:center;

padding:16px 34px;

border-radius:50px;

background:var(--primary);

color:#fff;

font-weight:600;

transition:var(--transition);

}

.btn-primary-custom:hover{

background:var(--secondary);

color:#fff;

transform:translateY(-3px);

}

.btn-outline-custom{

display:inline-flex;

align-items:center;

justify-content:center;

padding:16px 34px;

border:2px solid var(--primary);

border-radius:50px;

background:#fff;

color:var(--primary);

font-weight:600;

transition:var(--transition);

}

.btn-outline-custom:hover{

background:var(--primary);

color:#fff;

}

/*==================================================
CARD
==================================================*/

.card-shadow{

background:#fff;

border-radius:var(--radius);

box-shadow:var(--shadow);

transition:var(--transition);

}

.card-shadow:hover{

transform:translateY(-8px);

}

/*==================================================
UTILITY
==================================================*/

.text-primary{

color:var(--primary)!important;

}

.bg-light{

background:var(--light)!important;

}

.rounded-xl{

border-radius:var(--radius);

}

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

@media(max-width:991px){

.section{

padding:70px 0;

}

.section-header{

margin-bottom:45px;

}

.section-header h2{

font-size:34px;

}

.section-header p{

font-size:16px;

}

}

/* Ensure the fixed navbar does not clip the Services mega menu. */
@media (min-width: 992px){
    #mainNavbar,
    #mainNavbar .container,
    #mainNavbar .navbar-collapse{
        overflow: visible !important;
    }
}