:root{

--primary:#f26a21;
--secondary:#122b62;
--text:#222;
--light:#666;
--border:#ececec;
--bg:#f8f9fb;
--white:#ffffff;
--shadow:0 12px 40px rgba(0,0,0,.08);

}

a{

text-decoration:none;
transition:.3s;

}

img{
/*
display:block;
max-width:100%;*/

}

.container{
/*
width:98%;
max-width:1800px;
margin:auto;*/

}

/*==================================================
Breadcrumb
==================================================*/

.breadcrumb{

display:flex;
align-items:center;
gap:12px;
font-size:14px;
margin-bottom:25px;
background:none;
padding:0px;
font-family: "Montserrat-Regular", sans-serif !important;

}

.breadcrumb a{

color:var(--primary);
font-family: "Montserrat-Regular", sans-serif !important;

}

.breadcrumb strong{

color:#222;

}

/*==================================================
Banner
==================================================*/

.page-banner{

position:relative;
padding:40px 0 70px;
overflow:hidden;
background:#fff;

}

/*.page-banner::before{

content:"";
position:absolute;
right:0;
top:0;
width:55%;
height:100%;
background:url("../images/banner.jpg") center center/cover no-repeat;
opacity:.18;

}*/

.banner-content{

display:grid;
grid-template-columns:1fr 650px;
gap:50px;
align-items:center;
font-family: "Montserrat-Light", sans-serif !important;

}

.banner-left{

z-index:2;

}

.banner-left h1{

font-size:48px;
font-weight:800;
color:#081230;
margin-bottom:20px;
font-family: "Montserrat-Regular", sans-serif !important;

}

.banner-left p{

font-size:18px;
line-height:1.7;
max-width:700px;
color:#5c5c5c;

}

.title-line{

margin-top:25px;
width:90px;
height:4px;
background:var(--primary);

}

.banner-right{

position:relative;
z-index:2;

}

.banner-right img{

width:100%;
border-radius:25px;
box-shadow:var(--shadow);

}

/*==================================================
Top Cards
==================================================*/

.contact-top{

margin-top:-30px;
position:relative;
z-index:20;

}

.top-grid{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:35px;

}

.contact-card{

background:#fff;
padding:35px;
border-radius:18px;
display:flex;
gap:30px;
box-shadow:var(--shadow);
border-top:4px solid var(--primary);

}

.contact-card .icon{

width:90px;
height:90px;
display:flex;
align-items:center;
justify-content:center;
background:#fff4ed;
border-radius:18px;
font-size:42px;
color:var(--primary);
flex-shrink:0;

}

.contact-card .designation{

display:block;
font-size:13px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--primary);
margin-bottom:8px;

}

.contact-card h2{

font-size:34px;
font-weight:700;
color:#0f1736;
margin-bottom:10px;

}

.contact-card .email{

font-size:22px;
color:var(--primary);
margin-bottom:22px;

}

.actions{

display:flex;
gap:30px;
flex-wrap:wrap;

}

.actions a{

color:#444;
font-weight:500;

}

.actions i{

color:var(--primary);
margin-right:8px;

}

.actions a:hover{

color:var(--primary);

}

/*==================================================
Section Title
==================================================*/

.section-title{

font-size:34px;
font-weight:700;
color:var(--secondary);
margin:70px 0 35px;
position:relative;

}

.section-title::after{

content:"";
display:block;
width:70px;
height:4px;
background:var(--primary);
margin-top:12px;

}

/*==================================================
Senior Team
==================================================*/

.team-grid{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:28px;

}

.team-card{

background:#fff;
border-radius:16px;
padding:24px;
display:flex;
align-items:flex-start;
gap:18px;
box-shadow:0 8px 20px rgba(0,0,0,.05);
border:1px solid #f2f2f2;
transition:.35s;

}

.team-card:hover{

transform:translateY(-8px);
box-shadow:0 20px 50px rgba(0,0,0,.12);

}

.avatar{

width:62px;
height:62px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#f5f5f5;
font-size:28px;
color:var(--secondary);
flex-shrink:0;

}

.team-card h3{

font-size:21px;
margin-bottom:6px;
color:var(--secondary);

}

.team-card p{

font-size:16px;
color:var(--primary);
margin-bottom:10px;

}

.team-card a{

color:var(--primary);
font-size:15px;
font-weight:500;

}

.team-card a i{

margin-right:8px;

}

/*==================================================
Information Section
==================================================*/

.info-section{

margin:70px 0;

}

.info-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;

}

.info-card{

background:#fff;
border-radius:18px;
padding:35px;
display:flex;
align-items:flex-start;
gap:20px;
box-shadow:0 10px 30px rgba(0,0,0,.06);
border:1px solid #efefef;
transition:.35s;

}

.info-card:hover{

transform:translateY(-6px);
box-shadow:0 18px 40px rgba(0,0,0,.10);

}

.info-card .icon{

width:70px;
height:70px;
border-radius:16px;
background:#fff4ed;
display:flex;
justify-content:center;
align-items:center;
font-size:30px;
color:var(--primary);
flex-shrink:0;

}

.info-card h3{

font-size:22px;
margin-bottom:15px;
color:var(--secondary);
text-transform:uppercase;
font-weight:700;

}

.info-card p{

font-size:17px;
color:#555;
line-height:1.8;

}

/*==================================================
Social Icons
==================================================*/

.social-icons{

display:flex;
gap:15px;
margin-top:15px;
flex-wrap:wrap;

}

.social-icons a{

width:46px;
height:46px;

display:flex;
justify-content:center;
align-items:center;

border-radius:50%;

background:#f4f4f4;

color:var(--secondary);

font-size:20px;

transition:.35s;

}

.social-icons a:hover{

background:var(--primary);

color:#fff;

transform:translateY(-5px);

}

/*==================================================
Bottom Notice
==================================================*/

.bottom-note{

margin:60px 0 80px;

}

.bottom-note .container{

background:linear-gradient(90deg,#fff8f2,#fff);

padding:22px 35px;

border-radius:15px;

display:flex;

align-items:center;

justify-content:center;

gap:15px;

font-size:18px;

border:1px solid #f3dfd3;

box-shadow:0 8px 20px rgba(0,0,0,.05);

}

.bottom-note i{

font-size:24px;

color:var(--primary);

}

.bottom-note strong{

color:var(--primary);

font-weight:700;

}

/*==================================================
Hover Animations
==================================================*/

.contact-card,
.team-card,
.info-card{

transition:all .35s ease;

}

.contact-card:hover{

transform:translateY(-8px);

box-shadow:0 22px 55px rgba(0,0,0,.12);

}

.contact-card .icon,
.avatar,
.info-card .icon{

transition:.35s;

}

.contact-card:hover .icon,
.team-card:hover .avatar,
.info-card:hover .icon{

transform:rotate(-8deg) scale(1.08);

}

/*==================================================
Utility
==================================================*/

.text-center{

text-align:center;

}

.mt-30{

margin-top:30px;

}

.mb-30{

margin-bottom:30px;

}

/*==================================================
Tablet
==================================================*/

@media(max-width:1200px){

.banner-content{

grid-template-columns:1fr;

}

.banner-right{

order:-1;

}

.banner-left h1{

font-size:48px;

}

.top-grid{

grid-template-columns:1fr;

}

.team-grid{

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

}

.info-grid{

grid-template-columns:1fr;

}

}

/*==================================================
Mobile
==================================================*/

@media(max-width:768px){

.container{

width:94%;

}

.page-banner{

padding:30px 0 40px;

}

.page-banner::before{

display:none;

}

.banner-left h1{

font-size:36px;

}

.banner-left p{

font-size:17px;

}

.contact-card{

flex-direction:column;

padding:25px;

}

.contact-card h2{

font-size:28px;

}

.contact-card .email{

font-size:18px;

}

.actions{

flex-direction:column;

gap:10px;

}

.team-grid{

grid-template-columns:1fr;

}

.team-card{

padding:20px;

}

.info-card{

flex-direction:column;

padding:25px;

}

.info-card h3{

font-size:20px;

}

.bottom-note .container{

flex-direction:column;

text-align:center;

font-size:16px;

padding:20px;

}

.social-icons{

justify-content:center;

}

.breadcrumb{

flex-wrap:wrap;

font-size:13px;

}

}

/*==================================================
Small Mobile
==================================================*/

@media(max-width:480px){

.banner-left h1{

font-size:30px;

}

.section-title{

font-size:26px;

}

.contact-card h2{

font-size:24px;

}

.team-card h3{

font-size:18px;

}

.info-card h3{

font-size:18px;

}

.social-icons a{

width:42px;

height:42px;

font-size:18px;

}

.bottom-note{

margin-bottom:40px;

}

}

/*.page-banner{

    height:420px;

    background-image:
        radial-gradient(circle at left center,
        rgba(255,255,255,1) 0,
        rgba(255,255,255,.98) 18%,
        rgba(255,255,255,.90) 30%,
        rgba(255,255,255,.55) 42%,
        rgba(255,255,255,0) 58%),

        linear-gradient(to top,
        rgba(255,255,255,.95),
        rgba(255,255,255,0) 120px),

        url("../images/banner2.jpg");

    background-repeat:no-repeat;

    background-position:right center;

    background-size:auto 100%;
}

.page-banner::before{

    content:"";

    position:absolute;
    inset:0;

    background:
        radial-gradient(circle at 0% 45%,
        rgba(255,255,255,1) 0,
        rgba(255,255,255,.98) 22%,
        rgba(255,255,255,.92) 34%,
        rgba(255,255,255,.70) 46%,
        rgba(255,255,255,.25) 62%,
        rgba(255,255,255,0) 78%),

        linear-gradient(
            to top,
            rgba(255,255,255,1) 0,
            rgba(255,255,255,.82) 10%,
            rgba(255,255,255,.25) 26%,
            rgba(255,255,255,0) 42%
        );

    z-index:1;

}

.page-banner .container{

    position:relative;
    z-index:2;

}*/

/*.page-banner{

    display:flex;

    height:420px;

    overflow:hidden;

    position:relative;

}

.banner-content{

    width:52%;

    background:#fff;

    z-index:2;

    display:flex;

    align-items:center;

}

.banner-image{

    width:48%;

    position:relative;

}

.banner-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}

.banner-image::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:180px;

    height:100%;

    background:linear-gradient(
        to right,
        white 0%,
        rgba(255,255,255,.95) 20%,
        rgba(255,255,255,.6) 55%,
        transparent 100%
    );

}

.banner-image::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:120px;

    background:linear-gradient(
        to top,
        white,
        transparent
    );

}*/

.page-banner{
    position:relative;
    overflow:hidden;
    height:350px;
    background:#fff;
}

.page-banner .container{
    position:relative;
    z-index:5;
    /*padding-top:100px;*/
}
.banner-image{
    position:absolute;
    top:0;
    right:0;
    width:50%;
    height:100%;
    overflow:hidden;
    z-index:1;
}

.banner-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.banner-image::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:220px;
    height:100%;
    background:linear-gradient(
        to right,
        rgba(255,255,255,1),
        rgba(255,255,255,.9),
        rgba(255,255,255,.4),
        transparent
    );
}
.banner-image::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:140px;
    background:linear-gradient(
        to top,
        rgba(255,255,255,1),
        rgba(255,255,255,0)
    );
}
.content h2, .content h3, .content h4 {
    font-family: "Montserrat-Regular", sans-serif !important;
    font-weight: 500;
    font-size:28px;
    margin:0px;
    /*margin-bottom:15px;*/
    color: #194769;
    text-transform: none;
    padding:15px 0px;
}
}