body{

    font-family: "Playfair Display", serif;;

    background:#f5f5f5;

}



.logo_img{

    width: 200px;

}



/* Header */

.navbar{

    background:#fff;

    padding:15px 0;

}



.navbar-brand{

    font-size:32px;

    color:#17345b;

    font-weight:bold;

}



.navbar-nav .nav-link{

    color: #022942;

    text-transform:uppercase;

    margin-left:15px;

    font-size: 16px;

    font-weight: 500;

    padding: 10px 4px;

    transition: 0.3s;

}



/* Hero */

.hero{

    height:650px;

    background:url('img/banner.png') center center/cover no-repeat;

    position: relative;

}



.hero-overlay{

    position: absolute;

    left:0;

    top:0;

    width:40%;

    height:100%;

    /* background: #022942; */

}



.hero-content{

    position:absolute;

    left:80px;

    top:50%;

    transform:translateY(-50%);

    color:#fff;

}



.hero-content h1{

    font-size:55px;

}



.line{

    width:100px;

    height:3px;

    background:#fff;

    margin-top:20px;

}



/* Hero */

.innerhero{

    height:350px;

    background:url('img/inner.jpg') center center/cover no-repeat;

    position: relative;

}



.innerhero-overlay{

    position: absolute;

    left:0;

    top:0;

    width:40%;

    height:100%;

    /* background: #022942; */

}



.innerhero-content{

    position:absolute;

    left:80px;

    top:40%;

    transform:translateY(-50%);

    color:#fff;

}



.innerhero-content h1{

    font-size:55px;

}



.innerline{

    width:100px;

    height:3px;

    background:#fff;

    margin-top:20px;

}









/* Section */

.section-title{

    text-align:center;

    color: #022942;

    margin-bottom:20px;

}



.section-title h2{

    font-size:48px;

}



.section-title span{

    width:80px;

    height:3px;

    background:#17345b;

    display:block;

    margin:15px auto;

}



.about{

    position: relative;

    background-image: url(img/about.png);

    padding: 100px 0 60px;

    background-size: cover;

    background-position: center;

}



.about p{

    line-height:30px;

    font-size:18px;

    text-align: justify;

}



.founder{

    padding:90px 0;

    /* background:#fff; */

}



.founder p{

    text-align: justify;

    font-size: 20px;

}



.section-title2{

    text-align:left;

    color:#17345b;

    margin-bottom:20px;

}



.section-title2 h2{

    font-size:30px;

}



.section-title2 span{

    width:80px;

    height:3px;

    background:#17345b;

    display:block;

    margin: 15px 0px;

}



.founder_img{

    width: 450px;

    margin-left: 100px;

}



/* Awards */

.awards{

    padding:60px 0;

    background: #fff;

}







/*team*/

.team_section {

    background: #fff;

    padding: 20px 10px;

    border-radius: 20px;

    

    margin-bottom: 30px;

    transition: transform 0.9s;

    transform: scale(0.99);

}



.team_section:hover{

    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);

    transition: transform 0.9s;

    transform: scale(1.05);

}



.team_img{

    min-height: 260px;

    width: 100%;

}



.team_name {

    font-size: 25px;

    font-weight: bold;

    margin-bottom: 10px;

}



.team_degi {

    font-size: 17px;

    color: #022942;

    font-weight: bold;

}









/* Proficiency */

.proficiency{

    background:url('images/proficiency-bg.jpg') center/cover;

    position:relative;

    padding:100px 0;

}



.proficiency::before{

    content:'';

    position:absolute;

    inset:0;

    background: #022942;

}



.proficiency .container{

    position:relative;

    z-index:2;

}



.proficiency h2{

    color:#fff;

}



.btn-outline-light{

    padding:12px 35px;

}



/* Expertise */

.expertise{

    padding:80px 0;

    background:#fff;

}



.expertise-card{

    background:#fff;

    box-shadow:0 2px 10px rgba(0,0,0,.1);

    margin-bottom:20px;

    transition: transform 0.9s;

    transform: scale(0.99);

}



.expertise-card:hover{

    transition: transform 0.9s;

    transform: scale(1.05);

}



.expertise-card img{

    width:100%;

    height:220px;

    object-fit:cover;

}



.expertise-card h5{

    padding:15px;

    color:#17345b;

}



.expertise-card a{

    padding:15px;

    display:block;

    text-decoration:none;

    color:#17345b;

}



/* Footer */

.footer{

    background: #022942;

    color:#fff;

    padding:70px 0 20px;

}



.footer h4{

    margin-bottom:25px;

}



.footer ul{

    list-style:none;

    padding:0;

}



.footer ul li{

    margin-bottom:10px;

}



.footer input{

    width:100%;

    padding:10px;

}



.copyright{

    border-top:1px solid rgba(255,255,255,.2);

    margin-top:40px;

    padding-top:20px;

}



.modal-dialog{

    max-width: 1000px!important;

}



.thm-btn{

    background: #022942;

    color: #fff;

    padding: 9px 30px 13px;

    text-decoration: none;

    text-transform: capitalize;

    margin-right: 13px;

    text-align: center;

    border-radius: 20px;

    line-height: 20px;

}



.modal-body {

    background-image: url(img/popupbg.png);

    background-repeat: no-repeat;

    background-size: cover;

    text-align: center;

    color: #fff;

}



.team-card{

    background: #022942;

    position:relative;

    overflow:hidden;

    min-height: 340px;

    margin-bottom: 30px;

    transition: transform 0.9s;

    transform: scale(0.99);

    border: none;

}



.team-card:hover{

    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);

    transition: transform 0.9s;

    transform: scale(1.05);

}







.team-card::after{

    content:"";

    position:absolute;

    bottom: 0px;

    right: 0px;

    width:90px;

    height:90px;

    background: #ffffff;

    clip-path:polygon(100% 0,0 100%,100% 100%);

    border: none;

}



.team-image{

    height: 350px;

    overflow:hidden;

    background:#666;

}



.team-image img{

    width:100%;

    height:100%;

    object-fit:cover;

}



.team-content{

    padding: 28px 25px 60px;

}



.designation{

    color: #fff;

    font-size: 14px;

    font-weight:600;

    text-transform:uppercase;

    margin-bottom: 10px;

}



.team-content h3 a{

    font-size: 25px;

    color: #fff;

    line-height:1.15;

    margin-bottom: 10px;

    text-decoration: none;

}



.phone{

    font-size: 18px;

    color:#001f4d;

    margin-bottom: 5px;

}



.phone strong{

    margin-right:10px;

}



.social{

    display:flex;

    gap:25px;

}



.social a{

    color:#001f4d;

    font-size:30px;

    text-decoration:none;

    transition:.3s;

}



.social a:hover{

    color:#f7941d;

}



.arrow a{

    position:absolute;

    right: 18px;

    bottom: 8px;

    color: #022942;

    font-size: 25px;

    z-index:2;

    font-weight: 100;

}



.arrow i {

}





.team-area {

    padding: 60px 0;

}



.heading {

    text-align: center;

    margin-bottom: 40px;

}



.heading h5 {

    color: #d6a64d;

    letter-spacing: 2px;

    font-size: 18px;

}



.heading h1 {

    font-size: 65px;

    color: #fff;

    font-weight: bold;

}



.heading h1 span {

    color: #d6a64d;

}



.heading p {

    color: #cfcfcf;

    letter-spacing: 4px;

}



.team-box {

    border: 1px solid #b98b37;

    border-radius: 20px;

    padding: 30px;

    margin-bottom: 40px;

    background: #022942;

}



.section-title3 {

    text-align: center;

    color: #ffffff;

    font-size: 30px;

    margin-bottom: 35px;

    position: relative;

    font-weight: bold;

}



.section-title3:before,

.section-title3:after {

    content: "";

    width: 120px;

    height: 1px;

    background: #fff;

    position: absolute;

    top: 50%;

}



.section-title3:before {

    left: 0;

}



.section-title3:after {

    right: 0;

}



.member {

    text-align: center;

    margin-bottom: 30px;

}



.member img {

    width: 170px;

    height: 200px;

    object-fit: cover;

    border-radius: 15px;

    border: 3px solid #b98b37;

}



.member.circle img {

    border-radius: 50%;

}



.member h4 {

    font-size: 20px;

    margin-top: 15px;

    color: #FFE;

}



.member p {

    color: #d6a64d;

    margin: 0;

}



.member small {

    display: block;

    color: #d6a64d;

    margin-bottom: 10px;

    font-size: 15px;

}



.footer-contact {

    border: 1px solid #b98b37;

    border-radius: 15px;

    overflow: hidden;

}



.footer-contact .col-md-3 {

    border-right: 1px solid #b98b37;

}



.footer-contact .col-md-3:last-child {

    border-right: none;

}



.contact-item {

    padding: 25px;

    text-align: center;

}



.contact-item i {

    color: #d6a64d;

    font-size: 28px;

    margin-bottom: 10px;

}



.contact-item p {

    margin: 0;

    color: #fff;

}



@media (max-width: 768px) {

    .heading h1 {

        font-size: 42px;

    }



    .section-title:before,

    .section-title:after {

        display: none;

    }



    .member img {

        width: 140px;

        height: 140px;

    }



    .footer-contact .col-md-3 {

        border-right: none;

        border-bottom: 1px solid #b98b37;

    }



    .footer-contact .col-md-3:last-child {

        border-bottom: none;

    }

}



.pt-50{

    padding-top: 50px;

}





@media only screen and (max-width: 600px) {

  .founder_img{

        width: 100%;

        margin-left: 0px;

    }



    .section-title h2 {

        font-size: 36px;

    }



    .about{

        padding: 50px 0 50px;

    }



    .founder {

        padding: 40px 0;

        background: #fff;

    }



    .section-title2 h2 {

        font-size: 28px;

    }



    .awards {

        padding: 40px 0;

    }



    .expertise {

        padding: 40px 0;

    }



    .team-content h3{

        font-size:26px;

    }



    .phone{

        font-size:18px;

    }



}