html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div
        pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
        s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
        figure, header, nav, section, article, aside, footer, figcaption {
            margin: 0;
            padding: 0;
            border: 0;
            outline: 0;
        }

        @media (max-width: 1600px){ .container { max-width: 1480px; width: 1320px; width: 90%; } }
        @media (max-width: 1400px){ .container { max-width: 1320px; width: 1320px; width: 90%; } }



        .row {  display: flex; flex-wrap: wrap; width: 100%; }
        .container { margin: 0 auto; display: flex; padding-left: 15px; padding-right:15px;  }
        .row >* { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: 15px; padding-left: 15px; }
        .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { flex: 0 0 auto; }
        .col-1 { width: 8.33333333%; }
        .col-2 { width: 16.66666667%; }
        .col-3 { width: 25%; }
        .col-4 { width: 33.33333333%; }
        .col-5 { width: 41.66666667%; }
        .col-6 { width: 50%; }
        .col-7 { width: 58.33333333%; }
        .col-8 { width: 66.66666667%; }
        .col-9 { width: 75%; }
        .col-10 { width: 83.33333333%; }
        .col-11 { width: 91.66666667%; }
        .col-12 { width: 100%; }
        

        ul, li {
            padding: 0;
            margin: 0;
            list-style: none;
        }

        header, nav, section, article, aside, footer, hgroup {
            display: block;
        }

        * {
            box-sizing: border-box;
        }
        @font-face {
            font-family: 'GothamBook';
            src: url('fonts/GothamBook.eot');
            src: local('GothamBook'), url('fonts/GothamBook.woff') format('woff'), url('fonts/GothamBook.ttf') format('truetype');
            /* src: url('css/fonts/GothamBook.eot');
            src: local('GothamBook'), url('css/fonts/GothamBook.woff') format('woff'), url('css/fonts/GothamBook.ttf') format('truetype'); */
        }
        html, body {
            font-family: 'GothamBook';
            font-weight: 400;
            background-color: #fff;
            -ms-text-size-adjust: 100%;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        body{overflow-x: hidden;}
        a {
            text-decoration: none !important;
        }

        h1, h2, h3, h4, h5, h6 {
            margin-top: 0px;
            margin-bottom: 0px;
        }

        ul {
            margin-bottom: 0px;
        }

        p {
            font-size: 15px;
            line-height: 30px;
            font-weight: 300;
            color: #afafaf;
        }

        img {
            width: 100%;
            overflow: hidden;
        }

        /* 
        ---------------------------------------------
        global styles
        --------------------------------------------- 
        */
        html,
        body {
            background: #fff;
            font-family: 'GothamBook';
        }

        ::selection {
            background: #4da6e7;
            color: #fff !important;
        }

        ::-moz-selection {
            background: #4da6e7;
            color: #fff !important;
        }
        .noscroll{
            overflow:hidden;
        }
        /* 
        ---------------------------------------------
        pre-header & header styles
        --------------------------------------------- 
        */
        .pre-header{
            background: linear-gradient(90deg, #0b3281 0%, #30356d 24%, #423762 33%, #663a51 55%,
            #963f36 68%, #a44030 74%, #f44705 97%);
            padding: 18px 0px;
        }
        ul.info{
            float:right;
        }
        ul.info img.mail_icon{
            width: 25px;
            height: 15px;
            margin-right:10px;
            position:relative;
            top:3px;
        }
        ul.info li{
            list-style: none;
            display: inline-block;
            margin-left: 28px;
        }
        ul.info li a{
            color:#fff;
            font-size: 14px;
        }

        ul.info img.socio_icon{
            width: 16px;
            height: 15px;
            margin-right:0px;
        }

        ul.info img.socio_icon.fb{
            width: 11px;
            height: 15px;
            margin-right:0px;
        }

        header{
            background-color: #e5e8f1;
            padding: 15px 0px;
        }

        header.sticky {
            position: fixed;
            top: 0px;
            width: 100%;
            z-index: 9;
            box-shadow: rgb(0 0 0 / 7%) 0px 1px 2px, rgb(0 0 0 / 7%) 0px 2px 4px, rgb(0 0 0 / 7%) 0px 4px 8px, rgb(0 0 0 / 7%) 0px 8px 16px, rgb(0 0 0 / 7%) 0px 16px 32px, rgb(0 0 0 / 7%) 0px 32px 64px;
        }

        img.logo {
            width: 300px;
            max-width: 100%;
        }

        ul.menu_nav {
            float: right;
        }

        ul.menu_nav li {
            list-style: none;
            display: inline-block;
            padding: 15px;            
        }
        ul.menu_nav li a{
            color:#4c68a1;/*#5c72a7;*/
            font-size: 14px;
            font-weight:bold;
        }
        section{            
            padding: 80px 0px;
        }
        /* 
        ---------------------------------------------
        Banner Section styles
        --------------------------------------------- 
        */
        section#banner{
            background-image: url('../images/Banner\ 1.jpg');
            /* background-image: url('images/Banner\ 1.png'); */
            padding: 136px 0;
            text-align: center;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: 0px -41px;
        }
        div#banner_content {
            background: linear-gradient(90deg, #0b3281d9 0%, #30356dd9 24%, #423762d9 33%, #663a51d9 55%,
            #963f36d9 68%, #a44030d9 74%, #f44705d9 97%);
            width: 65%;
            color: #fff;
            font-size: 50px;
            line-height: 60px;
            font-weight: bold;
            padding: 25px 0px;
            margin: 0 auto;
            font-family:'Gotham';
        }

        a#banner_btn {
            font-size: 25px;
            background: #f44705;
            padding: 8px 15px;
            border-radius: 25px;
            font-weight: 500;
            border: 1px solid #fff;
            color:#fff;
            /* top: 12px; */
            bottom: -42px;
            position: relative;
        }

        section h2 div{
            background: linear-gradient(90deg, #0b3281 0%, #30356d 24%, #423762 33%, 
            #663a51 55%, #963f36 68%, #a44030 74%, #f44705 97%);
            width: 360px;
            font-size: 40px;
            padding: 10px 15px;
            font-family: 'Gotham';
            color: #fff;
            margin-bottom: 50px;
        }
        .service_list{
            display: flex;
        }
        .services{
            width:32%;
        }
        .services{
            margin-right:25px;
            margin-left:25px;
            /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
            box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
        }
        .services:first-child {
            margin-right:25px;
            margin-left:0px;
        }
        .services:last-child {
            margin-right:0px;
            margin-left:25px;
        }
        div#our_service{
            display:flex;
            flex-direction: column;
        }

        .service_content {
            padding: 0px 25px;
        }

        .service_title {
            color: #153c87;
            font-size: 28px;
            font-family: 'Gotham';
            font-weight: bold;
            position: relative;
            padding: 10px 0px;
            margin-bottom: 10px;
        }
        .service_title::before {
            position: absolute;
            width: 100px;
            height: 3px;
            background: rgb(1,43,101);
            background: linear-gradient(90deg, #0b3281 0%, #30356d 24%, #423762 33%, #663a51 55%, #963f36 68%, #a44030 74%, #f44705 97%);
            content: '';
            left: 0;
            bottom: 0;
        }

        .service_txt p {
            color: #355597;
            font-size: 18px;
            font-family: 'GothamBook';
            font-weight: bold;
            text-align: justify;
            padding-bottom: 20px;
        }
        #why_choose_us img{
            border: 2px solid #fff;
        }
        section#why_us {
            background: url(../images/Banner\ 2.png);
            /* background: url(images/Banner\ 2.png); */
            background-size: cover;
            background-repeat: no-repeat;
            padding: 40px 0px;
        }
        section#why_us h2 div{
            margin-bottom:25px;
        }
        div#why_choose_us{
            display: flex;
            width: 100%;
            flex-direction: column;
        }
        .why_us_content ul{
            margin-left: 25px;
        }
        .why_us_content ul li {
            list-style: outside;
        }
        .why_us_content ul li::marker{
            color: #264a90;
            font-size: 25px;
            line-height: 35px;
        }
        .why_us_content ul li p {
            color: #264a90;
            font-family: 'GothamBook';
            font-size: 18px;
            font-weight: bold;
            line-height: 49px;
        }

        .gallery_list {
            display: flex;
            flex-direction: row;
        }
        .gallery_list.second_row{
            margin-top:25px;
        }
        .gallery img{
            width:100%;
        }
        .gallery {
            margin-right: 25px;
            margin-left: 25px;
            /* box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px; */
            box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px, rgb(0 0 0 / 23%) 0px 3px 6px;
            margin-bottom:25px;
        }
        .gallery:first-child {
            margin-right: 25px;
            margin-left: 0px;
        }
        .gallery:last-child {
            margin-right: 0px;
            margin-left: 25px;
        }

        footer{
            background: #043184;
            padding: 40px 0px;
        }
        footer h2 {
            margin-bottom: 20px;
        }
        .footer_content{
            width:100%;
        }
        .footer_list{
            display:flex;
            flex-direction:row;
        }
        .footer {
            
            border-right:3px solid #f94703;
            width:32%;
            padding: 30px;
            color:#fff;
            text-align: center;
        }
        .footer:first-child {
            
            border-right:3px solid #f94703;
        }
        .footer:last-child {            
            border-right:0px;
        }
        .footer p{
            color:#fff;
            line-height:32px;
        }
        .footer:last-child a{
            color:#fff;
        }
        .footer:first-child p {
            font-weight: bold;
            color: #fff;
            padding: 15px 42px;
            text-align:left;
        }
        div#after_footer{
            background: linear-gradient(90deg, #0b3281 0%, #30356d 24%, #423762 33%, #663a51 55%,
            #963f36 68%, #a44030 74%, #f44705 97%);
            padding: 18px 0px;            
        }
        div#after_footer p{
            color: #fff;
            font-size: 16px;
            font-family: 'Gotham';
        }
        div#after_footer ul.info {
            float: right;
            position: relative;
            top: 10px;
        }

        div#custom_popup{
            position:fixed;
            top:0px;
            width:100vw;
            height:100vh;
            z-index:999;
            background:#000;
            background:#000000db;
            padding:30px 0px;
            display:none;
            overflow:auto;
        }
        div#custom_popup.open{
            display:block;
        }
        div#close_icon{text-align: right;height:20px;}
        div#close_icon img {
            width: 40px;
            cursor: pointer;
        }
        div#form_holder {
            width: 520px;
            max-width: 95%;
            margin: auto;
            background: #5f3954;
            background: #5f3954ad;
            padding: 25px;
            line-height: 60px;            
            box-sizing: border-box;
            border: 2px solid #fff;
        }
        div#form h2 {
            text-align: center;
            color: #fff;
            margin-bottom: 20px;
        }
        .input_group{
            display:flex;
            flex-direction: column;
        }
        .input_field.split{
            display:flex;
            flex-direction: row;
        }
        .input_field input{
            width:100%;
            font-family: 'GothamBook';
            font-size: 14px;
            padding: 5px;
            height: 40px;
            border: 2px solid #fff;
            color: #000;
        }
        .input_field.split input{
            width:50%;
        }
        .input_field.split input:first-child {
            margin-right: 10px;
        }
        input#submit_btn_dummy {
            background: orangered;
            border: 2px solid #fff;
            margin-top: 30px;
            color: #fff;
            font-size: 16px;
            font-weight: bold;
        }

        @media screen and (max-width: 1200px) {
            
        }
        
        @media screen and (max-width: 992px) {
            div#banner_content{
                font-size:30px;
                line-height:40px;
                width: 80%;
            }

            .service_content {
                padding: 0px 15px;
            }
            .services {
                margin-right: 5px;
                margin-left: 5px;
            }
            .services:first-child {
                margin-right: 5px;
                margin-left: 0px;
            }
            .services:last-child {
                margin-right: 0px;
                margin-left: 5px;
            }

            div#why_choose_us div.row{
                flex-direction:column-reverse;
            }

            div#why_choose_us div.row div.col-6{
                width:100%;
                padding:0px;
            }

            .footer:first-child p {
                padding: 7px 5px;
            }
            
        }
        
        @media screen and (max-width: 767px) {
            .service_content {
                padding: 0px 25px;
            }
            .services {
                margin-right: 25px;
                margin-left: 25px;
            }
            .services:first-child {
                margin-right: 25px;
                margin-left: 0px;
            }
            .services:last-child {
                margin-right: 0px;
                margin-left: 25px;
            }
            img.logo {
                width: 240px;
            }
            header#nav_bar .col-6:first-child {
                width: 250px;
            }
            header#nav_bar .col-6:last-child {
                width: calc(100% - 250px);
            }

            div#banner_content{
                font-size:30px;
                line-height:40px;
            }

            ul.menu_nav li {
                padding: 15px 10px;
            }
            section#banner{
                padding:100px 0px;
                background-position: right;
            }
            div#banner_content{
                width:100%;
            }

            .service_list {
                flex-direction: column;
            }

            .services {
                margin: 0px !important;
                width: 100%;
                margin-bottom: 30px !important;
            }
            div#why_choose_us div.row{
                flex-direction:column-reverse;
            }

            div#why_choose_us div.row div.col-6{
                width:100%;
                padding:0px;
            }

            .footer_list {
                display: flex;
                flex-direction: column;
            }

            .footer {
                width: 80%;
                margin: 0 auto;
                border-right:0px !important;
                border-bottom: 3px solid #f94703;
            }

            .footer:last-child{
                border:0px;
            }
            
        }

        @media screen and (max-width: 681px) {
            header#nav_bar .container{
                flex-direction: column;
                width: 100%;
            }
            header#nav_bar .col-6 {
                width: 100% !important;
            }
            section h2 div{
                font-size:30px;
                width: auto;
            }
            div#banner_content {
                font-size: 22px;
                line-height: 32px;
            }
            a#banner_btn {
                font-size: 20px;
            }
            div#our_gallery{
                width:100%;
            }
            .gallery_list{
                flex-direction:column;
            }
            .gallery{
                width:100%;
                margin:0px !important;
                margin-bottom:20px !important;
            }
            .gallery_list.second_row{
                margin:0px;
            }
            div.pre-header ul.info {
                float: none;
                text-align: center;
            }
            div.pre-header ul.info li{
                margin-left: 14px;
                margin-right: 14px;
            }
            div.pre-header ul.info li:first-child {
                width: 100%;
                margin-bottom: 16px;                
            }
            .footer {
                width: 100%;
            }
        }