@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap');


body{ font-family: 'Roboto Slab', serif;  font-weight:400; margin:0; padding:0; }
ul, li{ list-style:none; margin:0; padding:0; }
a, a:focus, a:hover{ text-decoration:none; outline:none; transition:all 0.6s; }
img { max-width:100%; height:auto; display:inline-block;  }

@media screen and (min-width:1366px){
    .container{ max-width:970px; }
}


:root {
    --black:#000;
    --white:#fff;
    --theme:#0a1b3d;
    --other:#bfd192;
}

h2,h3,h4,h5,h6{ font-family: 'Roboto Slab', serif; line-height:1.1; font-weight:400; margin-bottom:20px; }
h1{ font-size:88px; font-weight:400;  }
h2{ font-size:32px; }
h3{ font-size:30px; }
h4{ font-size:28px; }  
h5{ font-size:25px; } 
h6{ font-size:20px; }
p{ font-family: 'Roboto Slab', serif; font-size:19px; line-height:28px; font-weight:400; letter-spacing:0.72px; margin-bottom:20px; }

/* .cmn-btn{  font-family: 'Roboto Slab', serif; font-size:20px; line-height:1.2; font-weight:500; color:var(--white); background:var(--theme); border:1px solid transparent; border-radius:50px; display:inline-block; padding:15px 25px; transition:0.5s; }
.cmn-btn:hover{ background:transparent; border-color:var(--theme); color:#000; } */



/*==== Header Start ====*/
.navbar{ position:fixed; top:0;left:0; width:100%; background:var(--theme); padding:8px 0; margin:0; z-index:99; }
.navbar .container{ max-width:100%; padding:0 40px; }
.navbar .logo{ display:flex; align-items:center; }
.navbar .logo .img{ width:60px; }
.navbar .logo .img a{ display:block; }
.navbar .logo .img a img{ width:100%; }
.navbar .logo .text{ padding:0 0 0 10px; margin:0; }
.navbar .logo .text h5{ color:var(--white); margin-bottom:0; }
.navbar .rt-side{ display:flex; align-items:center; padding:0; margin:0; }
.navbar .rt-side .contact_info{ margin-right:45px; }
.navbar .rt-side .contact_info ul li{ font-size:17px; font-weight:400; display:inline-block; margin-right:20px; }
.navbar .rt-side .contact_info ul li:last-child{ margin-right:0px; }
.navbar .rt-side .contact_info ul li a{ color:var(--other); display:inline-block; }
.navbar .rt-side .contact_info ul li a i{ margin-right:8px; }
.navbar .rt-side .hamberger{ width:40px; cursor:pointer; padding:14px 0; }
.navbar .rt-side .hamberger span{ display:block; width:100%; height:2px; background:var(--white); transition:0.5s; margin-bottom:8px; }
.navbar .rt-side .hamberger span:nth-child(1){ width:80%; margin-left:auto; }
.navbar .rt-side .hamberger span:nth-child(3){ width:50%; margin-left:auto; margin-bottom:0; }
.navbar.active .rt-side .hamberger span:nth-child(1){ transform:rotate(-45deg); width:100%; margin-bottom:-12px; }
.navbar.active .rt-side .hamberger span:nth-child(2){opacity:0; }
.navbar.active .rt-side .hamberger span:nth-child(3){ transform:rotate(45deg); width:100%; }

/*==== Mobile Menu =====*/
.navbar .mobile-menu{ position:fixed; top:-100%; left:0; width:100%; height:100%; background-color:rgba(87, 115, 153,0.8); z-index:-1; transition:0.5s; padding:100px 40px 40px;  }
.navbar.active .mobile-menu{ top:0; }
.navbar .mobile-menu .inr{ text-align:right; width:20%; margin-left:auto; }
.navbar .mobile-menu .inr ul li{ font-size:36px;  font-weight:700; line-height:60px; text-transform:uppercase; margin-bottom:20px;  }
.navbar .mobile-menu .inr ul li a{ color:var(--white); display:inline-block; transition:0.5s; }
.navbar .mobile-menu .inr ul li a:hover{ color:var(--other); }

/*====== Banner Start =====*/
.banner{ position:relative; height:100vh; padding:0; z-index:1; background:black; }
.banner:after{ position:absolute; content:''; left:0; top:0; width:100%; height:100%; background-image:linear-gradient(rgba(10,27,61,.6), rgba(10,27,61,.6)); }
.banner .bg-video{ position:absolute; top:0; left:0; width:100%; height:100%; }
.banner .bg-video video{ width:100%; height:100%; object-fit:cover; }
.banner .text-block{ width:82%; position:relative; z-index:2; padding:30vh 0 0; }
.banner .text-block .hero-screen{ padding:75px 0; }
.banner .text-block h1{ font-weight:600; position:relative; color:var(--white); margin-bottom:20px; padding-bottom:20px;  }
.banner .text-block h1:after{ position:absolute; content:''; left:0; bottom:0; width:220px; height:5px; background:var(--other); }
.banner .text-block p{ color:var(--white); font-weight:200; margin:0; }


/*==== Footer Start =====*/
.footer{ padding:0; margin:0; }
.footer .container{ max-width:100%; padding:0 20px; }
.footer .ftr-nav{ background:var(--other); }
.footer .ftr-nav .ftr-nav-inr ul{ display:flex; align-items:center; justify-content:center; padding:5px 0; }
.footer .ftr-nav .ftr-nav-inr ul li{ font-size:12px; letter-spacing:7px; text-transform:uppercase; }
.footer .ftr-nav .ftr-nav-inr ul li a{ color:#0a1b3d; display:inline-block; padding:7px 10px; transition:0.5s; border:1px solid rgba(0,0,0,0.0); }
.footer .ftr-nav .ftr-nav-inr ul li a:hover{ border:1px solid #0a1b3d; font-style:italic; font-weight:800; }
.footer .ftr-btm{ background:var(--theme); padding:10px 0; margin:0; }
.footer .ftr-btm .ftr-btm-inr{ display:flex; align-items:center; justify-content:space-between; }
.footer .ftr-btm .ftr-btm-inr .ftr-logo,.footer .ftr-btm .ftr-btm-inr .copy , .footer .ftr-btm .ftr-btm-inr .social{ width:33.33%; }
.footer .ftr-btm .ftr-btm-inr .copy p{ margin:0; }
.footer .ftr-btm .ftr-btm-inr .copy p a{ font-size:12px; letter-spacing:2px; color:#bdd5ea; display:inline-block;  }
.footer .ftr-btm .ftr-btm-inr .ftr-logo a{ display:flex; width:60px; margin:0 auto; }
.footer .ftr-btm .ftr-btm-inr .ftr-logo a:hover img{ animation:rotate 0.3s; animation-timing-function:linear; animation-iteration-count:3; }
.footer .ftr-btm .ftr-btm-inr .social{ text-align:right; }
.footer .ftr-btm .ftr-btm-inr .social .img{ width:65px; margin-left:auto; background:#fff; padding:2px; border-radius:2px; }


.footer .ftr-btm .ftr-btm-inr .social ul li{ font-size:30px;  display:inline-block; margin-right:10px; }
.footer .ftr-btm .ftr-btm-inr .social ul li a{ color:#bdd5ea; }

@keyframes rotate{
    0%{
        transform:rotate(0deg);
    }
    100%{
        transform:rotate(360deg);
    }
}



/*==== About Us Page Start ====*/
.masthead-hero{ width:100%; height:100vh; background-image:linear-gradient(rgba(10,27,61,.6), rgba(10,27,61,.6)), url("../images/aboutbg.jpg"); background-position:0 0, 50%; background-size:auto, cover; }
.masthead-hero .hero-container{ max-width:980px; margin:0 auto; padding:30vh 10px 0; }
.masthead-hero .hero-container .hero-screen{ width:80%; padding:75px 0;  }
.masthead-hero .hero-container h1{ position:relative; font-size:5.5em; line-height:100%; font-weight:600; color:var(--white); margin-bottom:20px; padding-bottom:25px; }
.masthead-hero .hero-container h1 span{ display:block; }
.masthead-hero .hero-container h1:after{ position:absolute; content:''; width:222px; height:5px; background:#bfd192; left:0; bottom:0; }
.masthead-hero .hero-container p{ font-size:1.2em; line-height:120%; font-weight:200; color:#f7f7ff; }


.pe-advntg{ padding:30px 0 0; }
.pe-advntg .title{ padding:0; margin:0; }
.pe-advntg .title h2{ position:relative; line-height:100%; font-weight:600; color:var(--theme); margin-bottom:20px; padding-bottom:5px; }
.pe-advntg .title h2:after{ position:absolute; content:''; width:190px; height:5px; background:#bfd192; left:0; bottom:0; }
.pe-advntg .title p{ color:var(--theme); font-weight:200; }
.pe-advntg .inn{ border-bottom:1px solid #bfd192; display:flex; justify-content:space-between; padding:0 0 30px; }
.pe-advntg .inn .box{ width:48%; background:#577399; padding:20px 10px 30px; }
.pe-advntg .inn .box h3{ font-size:1.75rem; color:var(--theme); text-align:center; font-weight:800; text-decoration:underline }
.pe-advntg .inn .box p{ font-size:16px; color:#f7f7ff; font-weight:200; margin-bottom:0; }
.pe-advntg .inn .box ul li{ font-size:16px; color:#f7f7ff; font-weight:200; margin-bottom:10px; list-style-type:disc; margin-left:15px; }

.organization{ padding:30px 0 10px; }
.organization .title h2{ position:relative; line-height:100%; font-weight:600; color:var(--theme); margin-bottom:20px; padding-bottom:10px; }
.organization .title h2:after{ position:absolute; content:''; width:190px; height:5px; background:#bfd192; left:0; bottom:0; }
.organization .inn{ display:grid; grid-template-columns:repeat(3, 1fr); grid-row-gap:30px; grid-column-gap:15px; background-image:linear-gradient(rgba(247,247,255,.9), rgba(247,247,255,.9)), url("../images/orgbg.jpg"); background-position:0 0, 50%; background-size:auto, cover; padding:40px 20px; }
.organization .inn .box{ text-align:center; height:120px; display:flex; align-items:center; justify-content:center; }
.organization .inn .box img{ max-width:200px; padding:5px; }
.organization .inn .box img:hover{ background:#bfd192; border:1px solid #000; }

.founder{ padding:40px 0; }
.founder .inn{ display:flex; flex-wrap:wrap; }
.founder .inn .img{ width:83px; height:83px; border-radius:50%; overflow:hidden; border:5px solid var(--white); box-shadow: 0 22px 16px rgba(0,0,0,0.1); }
.founder .inn .img img{ width:100%; height:100%; object-fit:cover; }
.founder .inn .text{ width:calc(100% - 83px); padding-left:20px; }
.founder .inn .text p{ color:var(--theme); line-height:1.4; font-weight:200; }
.founder .inn .text h5{ color:var(--theme); font-weight:200; margin-bottom:5px; }
.founder .inn .text h6{ color:#70843e; font-weight:200; margin-bottom:0; }



/*==== Our Team Page Css Start =======*/
.masthead-hero.team{ background-image:linear-gradient(rgba(10,27,61,.6), rgba(10,27,61,.6)), url("../images/team-bg.jpg"); }
.organization.team .inn .box img:hover { background:transparent; border:inherit; }

.team-sec{ padding:0; margin:0;  }
.team-sec .inr{ border-bottom:1px solid #bfd192; max-width:85%; margin:0 auto; padding:10px 0;  }
.team-sec .inr .row-col{ display:flex; flex-wrap:wrap; }
.team-sec .inr .row-col .img-block{ width:50%; padding-right:5px; }
.team-sec .inr .row-col .img-block figure{ margin:0; }
.team-sec .inr .row-col .img-block .img-details{ padding-top:16px; text-align:center; }
.team-sec .inr .row-col .img-block .img-details h4{ font-size:20px; color:#4b4b4b; font-style:italic; font-weight:400; line-height:1.5em;  margin:0px 0 5px; }
.team-sec .inr .row-col .img-block .img-details h4 span{ display:block; }
.team-sec .inr .row-col .img-block .img-details a{  font-size:16px;  font-weight:800; color:var(--white); background-color:#577399; border:1px solid #0a1b3d; display:inline-block; padding:9px 15px; transition:0.5s; }
.team-sec .inr .row-col .img-block .img-details a:hover{ font-style:italic; color:#0a1b3d; background-color:#bfd192; border-color: #0a1b3d; }
.team-sec .inr .row-col .text-block{ width:50%; }
.team-sec .inr .row-col .text-block .top-img{ width:280px; }
.team-sec .inr .row-col .text-block p{ font-size:1.1em; line-height:1.5em; color:#4b4b4b; font-weight:200; display:block; margin:0 5px 10px 5px; }
.team-sec .inr .row-col .text-block .contact_info ul li{ font-size:16px; font-weight:400; margin-bottom:5px;}
.team-sec .inr .row-col .text-block .contact_info ul li:last-child{ margin-bottom:0;}
.team-sec .inr .row-col .text-block .contact_info ul li a{ display:inline-block; color:var(--black); transition:0.5s; }
.team-sec .inr .row-col .text-block .contact_info ul li a:hover{ color:var(--other);  }
.team-sec .inr .row-col .text-block .contact_info ul li a i{ margin-right:10px; }


/*==== Our Team Page Css Start =======*/
.masthead-hero.service{ background-image:linear-gradient(rgba(10,27,61,.6), rgba(10,27,61,.6)), url("../images/service-bg.jpg"); }


.service-sec{ padding:0; margin:0; }
.service-sec .inr{ width:85%; border-bottom:1px solid rgba(0,0,0,0.1); margin:0 auto; padding:10px 0; }
.service-sec .inr .row-col{ display:flex; flex-wrap:wrap; }
.service-sec .inr .row-col .left-block{ width:50%; }
.service-sec .inr .row-col .left-block h2{ font-weight:700; text-align:right;  }
.service-sec .inr .row-col .left-block h2 span{ display:block; }
.service-sec .inr .row-col .right-block{ width:50%; padding-left:15px;  }
.service-sec .inr .row-col .right-block p{ font-size:1.2em; font-weight:200; color:#4b4b4b; }
.service-sec .inr .row-col .right-block ul{ list-style:disc; padding-left:15px; }
.service-sec .inr .row-col .right-block ul li{ font-size:1em; font-weight:200; line-height:1em; list-style-type:disc; margin:10px 0; }
.service-sec .inr .row-col .right-block ul li ul{ position:relative; left:15px; }
.service-sec .inr .row-col .right-block ul li::marker{ list-style-type:square; }







/*==== RESPONSIVE START HERE ====*/
@media screen and (max-width:1366px){

    .banner .text-block .hero-screen {
        width: 80%;
    }

    /*===== About Page ======*/
    .masthead-hero .hero-container h1 {
        font-size: 4em;
    }




    h1 {
        font-size: 78px;
        font-weight: 400;
    }
}

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

    .banner .text-block .hero-screen {
        width: 90%;
    }
    .navbar .mobile-menu .inr {
        width: 60%;
    }

    /*===== About Page ====*/
    .masthead-hero .hero-container h1 {
        font-size: 3.5em;
    }





    h1 {
        font-size: 60px;
    }
}

@media screen and (max-width:991px){
    .navbar {
        padding: 40px 0 8px;
    }
    .navbar .rt-side .contact_info {
            position: absolute;
            top: 10px;
            left: 0;
            text-align: center;
            width: 100%;
    }
    .navbar .rt-side .contact_info ul li {
        font-size: 16px;
    }
    .navbar .logo .img {
        width: 50px;
    }
    .navbar .logo .text h5 {
        font-size: 20px;
    }
    .banner .text-block {
        width: 100%;
    }
    .banner .text-block .hero-screen {
        width: 90%;
        text-align: center;
        margin: 0 auto;
    }
    .banner .text-block h1::after {
        right: 0;
        margin: auto;
    }
    .footer .ftr-btm .ftr-btm-inr .social .img {
        width: 50px;
    }

    /*======== About Page ======*/
    .masthead-hero .hero-container .hero-screen {
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }
    .masthead-hero .hero-container h1::after {
        right: 0;
        margin: auto;
    }
    .masthead-hero .hero-container h1 {
        font-size: 3em;
    }
    .masthead-hero .hero-container h1 span {
        display: inline;
    }
    .pe-advntg .title {
        text-align: center;
        margin-bottom: 40px;
    }
    .pe-advntg .title h2::after {
        right: 0;
        margin: auto;
    }
    .founder .inn .img {
        margin:0 auto 20px;
     }
     .founder .inn .text {
         width: 100%;
         text-align: center;
         display: flex;
         flex-direction: column-reverse;
         padding:0 15px;
     }
     .founder .inn .text p{ font-size:15px; }

     /*======= Team Page ======*/
     .team-sec .inr .row-col .img-block {
        width: 100%;
        padding-right:0px;
    }
    .team-sec .inr .row-col .img-block figure {
        text-align: center;
    }
    .team-sec .inr .row-col .text-block {
        width: 100%;
        text-align: center;
    }
    .team-sec .inr .row-col .text-block .top-img {
        width: 230px;
        margin: 10px auto;
    }

    /*========= Service Page =====*/
    .service-sec .inr .row-col .left-block {
        width: 100%;
    }
    .service-sec .inr .row-col .left-block h2{
        text-align:center; 
    }
    .service-sec .inr .row-col .right-block {
        width: 70%;
        margin-left: auto;
    }
 

  
}

@media screen and (max-width:767px){
    .navbar {
        padding: 80px 0 10px;
    }
    .navbar .rt-side .contact_info ul li {
        font-size: 15px;
        margin:0 0 5px; 
        display:block;
    }
    .navbar .mobile-menu {
        padding: 160px 20px 40px;
    }
    .navbar .container {
        padding: 0 20px;
    }
    .banner .text-block .hero-screen {
        width: 100%;
    }
    .footer .ftr-nav .ftr-nav-inr ul {
        flex-wrap: wrap;
    }
    .footer .ftr-nav .ftr-nav-inr ul li {
        width: 100%;
        text-align: center;
    }
    .footer .ftr-btm .ftr-btm-inr {
       flex-wrap:wrap;
    }
    .footer .ftr-btm .ftr-btm-inr .ftr-logo, .footer .ftr-btm .ftr-btm-inr .copy, .footer .ftr-btm .ftr-btm-inr .social {
        width:100%;
        text-align:center; 
    }
    .footer .ftr-btm .ftr-btm-inr .social .img {
        margin: 0 auto;
    }

    .footer .ftr-btm .ftr-btm-inr .ftr-logo, .footer .ftr-btm .ftr-btm-inr .copy, .footer .ftr-btm .ftr-btm-inr .social {
        width: 100%;
        text-align: center;
    }
    .footer .ftr-btm .ftr-btm-inr .copy{ order:2; margin:10px 0;  }
    .footer .ftr-btm .ftr-btm-inr .ftr-logo{ order:1; }
    .footer .ftr-btm .ftr-btm-inr .social{ order:3; }

    /*======== About Page =======*/
    .masthead-hero .hero-container h1 {
        font-size: 2.5em;
    }
    .masthead-hero .hero-container p {
        font-size:16px;  
    }
    .pe-advntg .inn {
        flex-wrap:wrap;
    }
    .pe-advntg .inn .box {
        width: 100%;
        margin-bottom:20px;
    }
    .pe-advntg .inn .box:last-child{ margin:0; }
    
    .footer .ftr-btm .ftr-btm-inr .social .img {
        width: 40px;
    }
    .footer .ftr-btm .ftr-btm-inr .ftr-logo a {
        width: 50px;
        margin: 10px auto 0;
    }

    /*======= Team Page  =====*/
    .team-sec .inr {
        border-bottom: 0px solid #bfd192;
        max-width: 95%;
    }

    /*====== Service Page =====*/
    .service-sec .inr .row-col .right-block {
        width: 100%;
        margin-left: inherit;
    }

    h1 {
        font-size: 45px;
    }
    h2 {
        font-size: 30px;
    }
    p {
        font-size: 16px;
    }
}