body {
    margin: 0 auto;
    font-size: 11pt;
    text-align: center;
    font-family: 'Fira Sans', sans-serif;
}

.tph-fl {
    width: 100%;
    float: left;
    background-color: #fff;
    padding: 5px 5px 5px 5px;
}

.logo {
    width: 13%;
    float: left;
    text-align: left;
}

.hdr_pnl {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
    padding: 50px 0 300px 0;
    background-image: url(../images/cover-bg-main.jpg);
    background-position: 50% 50%;
    background-size: cover;
}

.hdr_1 {
    float: left;
    width: 25%;
    margin: 45px 0 0 0;
}

.hdr_2 {
    float: left;
    width: 60%;
    color: #222;
    font-size: 18pt;
    font-weight: 600;
    text-align: right;
    margin: 18px 0 0 0;
}

    .hdr_2 a {
        color: #222;
    }

        .hdr_2 a:hover {
            color: #004990;
            -webkit-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
        }

.hdr_3 {
    float: right;
    width: 20%;
    color: #fff;
    margin: 7px 0 0 0;
}

    .hdr_3 a {
        float: left;
        width: 100%;
        color: #fff;
        font-size: 13pt;
        font-weight: 600;
        border-radius: 10px;
        padding: 13px 0 13px 0;
        background-color: #004992;
    }

        .hdr_3 a:hover {
            float: left;
            width: 100%;
            color: #000;
            padding: 13px 0 13px 0;
            background-color: #e5e5e5;
            -webkit-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
        }

.menu-bar {
    width: 100%;
    float: left;
    margin: 0;
    background-color: #004992;
}

.blk-bg {
    float: left;
    width: 100%;
}

.rsform {
    float: left;
    width: 90%;
    position: relative;
    border-radius: 10px;
    margin: -230px 5% 0 5%;
    background-color: #004992;
    /*background-image: url(../images/blue_bg.jpg);
    background-position: 100% 100%;
    background-size: cover;
    background-repeat: no-repeat;*/
}

.book-bg {
    float: left;
    width: 100%;
    /*background-image: url(../images1/book-bg.png);
	background-repeat:repeat-y;*/
    margin: 0;
    padding: 15px 0 20px 0;
}

.bookonl-bg {
    float: left;
    width: 100%;
    /*background-image: url(../images1/book-bg.png);
	background-repeat:repeat-y;*/
    margin: 0;
    padding: 0 0 20px 0;
}

.book-ttl {
    width: 30%;
    color: #39ff23;
    margin: 0 auto;
    font-size: 15pt;
    font-weight: bold;
    text-align: center;
    padding: 5px 0 5px 0;
}

.book-hd {
    width: 48%;
    float: left;
    color: #fff;
    margin: 0 auto;
    font-size: 14pt;
    margin-bottom: 0;
    font-weight: 500;
    text-align: right;
    border-radius: 5px;
    padding: 0 0 10px 20px;
}

.book-hd-1 {
    width: 48%;
    float: left;
    color: #fff;
    margin: 0 auto;
    font-size: 14pt;
    text-align: left;
    margin-bottom: 0;
    font-weight: 600;
    border-radius: 5px;
    padding: 0 0 10px 20px;
}

.bookonl-hd {
    width: 48%;
    float: left;
    color: #333;
    margin: 0 auto;
    font-size: 14pt;
    margin-bottom: 0;
    font-weight: 500;
    text-align: right;
    border-radius: 5px;
    padding: 0 0 10px 20px;
}

.bookonl-hd-1 {
    width: 48%;
    float: left;
    color: #333;
    margin: 0 auto;
    font-size: 14pt;
    text-align: left;
    margin-bottom: 0;
    font-weight: 500;
    border-radius: 5px;
    padding: 0 0 10px 20px;
}

.book-data {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 10px 10px 10px;
}

.sldr-arrw {
    margin-top: 220px;
}

.sldr_fnt {
    font-size: 55pt;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    text-shadow: 3px 0px 5px rgba(0,0,0,.6);
}

.pag_mor {
    width: 100%;
    float: left;
    color: #ffffff;
    margin: 0 auto;
    margin-top: 10px;
}

    .pag_mor a {
        color: #004992;
        margin: 0 5px 0 5px;
        font-size: 17pt;
        font-weight: 700;
        padding: 10px 30px;
        border-radius: 30px;
        text-decoration: none;
        background-color: #e1dcd6;
    }

        .pag_mor a:hover {
            color: #000;
            text-decoration: none;
            background-color: #fff;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
        }

.crs_area {
    float: left;
    width: 100%;
    padding: 40px 0;
    margin: 0;
}

    .crs_area h1 {
        font-size: 30pt;
        text-align: center;
        color: #222;
        font-weight: 700;
        margin: 0 0 5px 0;
        line-height: 40px;
    }

    .crs_area p {
        color: #666;
        font-size: 11pt;
        font-weight: 400;
    }

.crs_grp {
    width: 90%;
    float: left;
    margin: 5%;
    height: 570px;
    padding: 20px 20px;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 3px 3px 15px 6px rgba(0,0,0,0.08);
}

.crs_grp_a {
    width: 100%;
    float: left;
    margin: 0 0 0 0;
    text-align: center;
    padding: 0 0 20px 0;
}

.crs_grp_b {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    text-align: center;
}

.crs_grp h3 {
    font-size: 15pt;
    color: #004992;
    font-weight: 600;
    margin: 0 0 10px 0;
    text-align: center;
    text-transform: uppercase;
}

.crs_grp_c {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0 0 10px 0;
    color: #777;
    text-align: justify;
    font-size: 12pt;
    line-height: 1.8;
}

.rea_area {
    float: left;
    width: 100%;
    padding: 60px 0;
    margin: 0;
    background-image: url(../images/rea_bg.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

    .rea_area h1 {
        font-size: 30pt;
        text-align: center;
        color: #fff;
        font-weight: 700;
        margin: 0 0 15px 0;
        line-height: 40px;
    }

    .rea_area p {
        color: #ccc;
        font-weight: 400;
        line-height: 2;
    }

    .rea_area a {
        font-size: 40pt;
        color: #fff;
        font-weight: 700;
    }

        .rea_area a:hover {
            color: #ccc;
            font-weight: 700;
            -webkit-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
        }

.wel {
    float: left;
    width: 100%;
    padding-top: 70px;
    margin: 30px 0 0 0;
    padding-bottom: 50px;
    background-image: url(../images/ap_bg.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

    .wel h1 {
        color: #fff;
        font-size: 30pt;
        font-weight: 700;
        line-height: 40px;
        text-align: center;
        margin: 0 0 20px 0;        
    }

    .wel span {
        color: #aaa;
        font-size: 20pt;        
        font-weight: 500;
    }

.wel-ttl {
    color: #000;
    font-size: 14pt;
    font-weight: bold;    
}

.wel-data {
    width: 100%;
    float: left;
}

    .wel-data p {
        color: #ccc;
        margin: 0 0 20px 0;
    }

.srv_bg {
    width: 100%;
    float: left;
    background-color: #f2f2f2;
    padding: 50px 0 50px 0;
    margin: 0;
}

    .srv_bg h1 {
        font-size: 40pt;
        text-align: left;
        color: #004990;
        font-weight: bold;
        margin: 0 0 5px 0;
        text-align: center;
    }

    .srv_bg h2 {
        font-size: 20pt;
        text-align: left;
        color: #000;
        font-weight: bold;
        margin: 0 0 20px 0;
        text-align: center;
    }

.srv_box {
    width: 96.5%;
    float: left;
    background-color: #fff;
    padding: 20px;
    margin: 15px 5px;
    border-top: 5px solid #5d99d3;
    border-bottom: 5px solid #5d99d3;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.srv_box_a {
    width: 100%;
    float: left;
    padding: 15px 0 20px 0;
    margin: 0;
    text-align: center;
}

.srv_box_b {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    text-align: center;
}

.srv_box h3 {
    font-size: 22pt;
    color: #000;
    font-weight: bold;
    margin: 0;
    text-align: center;
}

.srv_box_c {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0 0 10px 0;
    color: #777;
    text-align: justify;
    font-size: 14pt;
    line-height: 1.4;
}

.testi {
    width: 100%;
    float: left;
    padding: 80px 0 0 0;
    height: 500px;
    /*background-color: #222;*/
    background-image: url(../images/testi_bg.html);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

    .testi h1 {
        font-size: 30pt;
        font-weight: 700;
        margin: 0 0 50px 0;
        padding: 0;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
    }

.testi_grp {
    width: 93%;
    float: left;
    margin: 30px 15px 30px 15px;
    padding: 20px;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 3px 3px 15px 6px rgba(0,0,0,0.08);
}

.testi_img {
    width: 100%;
    float: left;
    text-align: center;
    margin: 10px 0 15px 0;
}

.testi_data {
    width: 100%;
    float: left;
}

.testi_aa {
    width: 100%;
    float: left;
    text-align: justify;
    line-height: 1.5;
}

.testi_bb {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    color: #222;
    font-weight: 600;
    text-align: center;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 11pt;
}

.testm-name {
    width: 95%;
    float: left;
    color: #fff;
    text-align: right;
    padding: 3px 20px 4px 0;
    font-weight: 100;
    font-size: 14pt;
    background-color: #004990;
    margin: 0 0 0 10px;
    border-bottom-right-radius: 2px;
}

.all-hdr {
    float: left;
    width: 100%;
    background-image: url(../images/all-hdr-bg.webp);
    background-position: 50% 50%;
    background-size: cover;
}

.all-hdr-ovly {
    float: left;
    width: 100%;
    padding: 95px 0;
    background-color: rgba(1,32,83,.6);
}

.all-hdr h1 {
    color: #fff;
    font-size: 30pt;
    font-weight: 700;
    margin: 0 0 5px 0;
    text-align: center;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.all-hdr p {
    color: #fff;
    font-size: 13pt;
    font-weight: 400;
    margin: 0 0 5px 0;
    text-align: center;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.atus {
    background-color: #004992;
    margin: 0;
    padding: 20px 20px;
    color: #fff;
    font-size: 12pt;
    border-radius: 15px;
}

    .atus ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .atus li {
        margin: 0 0 0 30px;
        padding: 3px 0;
        list-style-image: url(../images/check-icon.png);
        text-align: left;
        text-transform: uppercase;
        color: #fff;
        font-size: 11pt;
    }


.contact_area {
    width: 100%;
    float: left;
    padding: 30px 0 30px 0;
    background-color: #004992;
}

    .contact_area h1 {
        color: #fff;
        font-size: 40pt;
        text-align: left;
    }

    .contact_area p {
        font-size: 17pt;
        font-weight: bold;
        margin: 0 0 5px 0;
        text-align: left;
        color: #fff;
    }

    .contact_area a {
        color: #777;
    }

.cbchrg_area {
    width: 100%;
    float: left;
    background-image: url(../images/cbchrg_bg.jpg);
    background-position: 50% 50%;
    background-size: cover;
}

.cbchrg_ovly {
    width: 100%;
    float: left;
    padding: 70px 0 70px 0;
    background-color: rgba(0,0,0,0.5);
}

.cbchrg_lft {
    width: 50%;
    float: left;
    padding: 0 20px 0 0;
}

.cbchrg_rgt {
    width: 50%;
    float: left;
    border-radius: 15px;
    padding: 30px 30px 30px 30px;
    /*background-color: #eee;*/
    border: 2px dashed #999;
    background-color: rgba(0,0,0,0.4);
}

.cbchrg_ttl {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 25pt;
    text-align: left;
    font-weight: 700;
    padding: 0 0 20px 0;
}

.cbchrg_sbttl {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 14pt;
    font-weight: 700;
    text-align: left;
    padding: 0 0 10px 0;
}

.cbchrg_txt {
    width: 100%;
    float: left;
    color: #fff;
    line-height: 1.7;
    text-align: justify;
    padding: 0 0 20px 0;
}

.cbchrg_pic {
    width: 100%;
    float: left;
    padding: 0 0 0 0;
}

.all_main {
    float: left;
    width: 100%;
    padding: 30px 0 30px 0;
}

.txt {
    color: #777;
}

.ser_pro {
    width: 100%;
    float: left;
    padding: 40px 0;
    margin: 0;
}

.ser_pro_img {
    width: 100%;
    float: left;
}

.ser_pro_data {
    width: 100%;
    float: left;
    text-align: center;
    padding: 10px 0;
    font-size: 15pt;
    color: #666;
    margin: 5px 0 30px 0;
    font-weight: 100;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ddd;
    /*text-shadow: 0 1px 2px rgba(0,0,0,.6);*/
}

.ser_padd {
    padding: 0 10px;
}

.conto {
    width: 100%;
    float: left;
}

    .conto h1 {
        font-size: 23pt;
        color: #333;
        text-align: left;
        text-transform: uppercase;
        font-weight: 700;
    }

    .conto p {
        font-size: 16pt;
        color: #777;
        text-align: left;
        margin-bottom: 40px;
    }

.footer-area {
    width: 100%;
    float: left;
    padding: 40px 0 30px 0;
    /* background-image: url(../images/ftr_bg.webp); */
    background-position: 100% 100%;
    background-size: cover;
    background-repeat: no-repeat;
	background-color: #000000;
}

.bttm-1 {
    float: left;
    width: 100%;
}

.bttm-hed {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 14pt;
    text-align: left;
    font-weight: 600;    
    margin: 0 0 10px 0;
}

.bttm-txt {
    color: #999;
    font-size: 11pt;
}

.bttm-b2 {
    float: left;
    width: 100%;
    color: #999;
    font-size: 10pt;
    text-align: left;
    line-height: 30px;    
}

    .bttm-b2 a {
        color: #999;
        text-decoration: none;
    }

        .bttm-b2 a:hover {
            color: #fff;
            text-decoration: none;
            -webkit-transition: all .6s ease;
            -moz-transition: all .6s ease;
            -ms-transition: all .6s ease;
            -o-transition: all .6s ease;
        }

.bttm-c2 {
    float: left;
    width: 100%;
    color: #999;
    font-size: 11pt;
    text-align: left;    
    line-height: 25px;    
}

    .bttm-c2 a {
        color: #999;
        text-decoration: none;
    }

        .bttm-c2 a:hover {
            color: #fff;
            text-decoration: none;
            -webkit-transition: all .6s ease;
            -moz-transition: all .6s ease;
            -ms-transition: all .6s ease;
            -o-transition: all .6s ease;
        }

.bttm-2 {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 11pt;
    text-align: center;
    margin: 30px 0 0 0;
    padding: 30px 10px 0 10px;
    color: #666;
    line-height: 1.6;
    border-top: 1px solid #333;
}

    .bttm-2 a {
        color: #999;
        text-decoration: none;
    }

        .bttm-2 a:hover {
            color: #fff;
            text-decoration: none;
        }

.banner-add {
    width: 100%;
    float: left;
    z-index: 1;
    margin: 0 0 0 0;
}

    .banner-add a {
        color: #004992;
        /*text-shadow: 3px 3px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;*/
    }

        .banner-add a:hover {
            color: #004992;
            opacity: .8;
            -webkit-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
        }

    .banner-add h1 {
        color: #fff;
        font-size: 30pt;
        font-weight: 700;
        margin: 0 0 5px 0;        
        text-align: center;        
        text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    }

    .banner-add h2 {
        font-size: 20pt;
        color: #fff;
        margin: 0 0 5px 0;
        text-align: center;
        font-weight: 500;
        text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    }

    .banner-add p {
        color: #fff;
        font-size: 13pt;
        text-align: center;
        font-weight: 400;
        margin: 0 0 5px 0;
        text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    }

    .banner-add h4 {
        color: #fff;
        font-size: 21pt;
        font-weight: 700;
        text-align: center;
        margin: 0px 0px 0 0;
        text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    }

.caro-hgt {
    height: 500px;
}

.rnd_area {
    width: 100%;
    float: left;
    padding: 70px 0 70px 0;
    background-image: url(../images/rnd_bg.jpg);
    background-position: 70% 100%;
    /*background-size: cover;*/
    background-repeat: no-repeat;
    background-attachment: fixed;
}

    .rnd_area h2 {
        font-size: 15pt;
        font-weight: 600;
        text-transform: uppercase;
    }

.rnd_grp {
    width: 100%;
    float: left;
    padding: 0;
	color:white;
}

.con {
    float: left;
    width: 95%;
    padding: 30px 0;
    background-color: #fff;
    margin: 0 0 20px 0;
    font-weight: 600;
    border-radius: 15px;
    box-shadow: 1px 1px 15px 3px rgba(0,0,0,0.08);
}

.svc_pnl {
    width: 92.5%;
    float: left;
    padding: 20px;
    height: 530px;
    margin: 20px 5px 20px 5px;
    border: 1px solid #eee;
    background-color: #f9f9f9;
    -webkit-box-shadow: 5px 8px 3px rgba(0,0,0,.25);
    -moz-box-shadow: 5px 8px 3px rgba(0,0,0,.25);
    box-shadow: 5px 8px 3px rgba(0,0,0,.25);
}

.svc_pnl_a {
    width: 100%;
    float: left;
    padding: 10px 0 20px 0;
    margin: 0;
    text-align: center;
}

.svc_pnl_b {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    text-align: center;
}

.svc_pnl h3 {
    font-size: 12pt;
    color: #004990;
    font-weight: 700;
    margin: 0 0 15px 0;
    text-align: center;
    line-height: 1.3;
    text-transform: uppercase;
}

.svc_pnl_c {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0 0 10px 0;
    color: #777;
    text-align: justify;
    line-height: 1.6;
    font-size: 11.7pt;
}

.btnhdr {
    cursor: pointer;
    font-size: 17pt;
    font-weight: 700;
    padding: 4px 20px;
    text-align: center;
    border-radius: 30px;
    margin: 10px 5px 0 5px;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
}

.btnhdr-default {
    color: #004992;
    border-color: #e1dcd6;
    background-color: #e1dcd6;
}

    .btnhdr-default:hover, .btnhdr-default:focus, .btnhdr-default:active, .btnhdr-default.active, .open > .dropdown-toggle.btnhdr-default {
        color: #000;
        border-color: #fff;
        background-color: #fff;
        -webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

    .btnhdr-default:active, .btnhdr-default.active, .open > .dropdown-toggle.btnhdr-default {
        background-image: none;
    }










@media (max-width:480px) {

    .logo {
        float: left;
        width: 60%;
        margin: 0 20% 0 20%;
        text-align: center;
    }

    .book-ttl {
        width: 100%;
        font-size: 13pt;
        margin: 10px 0 0 0;
    }

    .wel h1 {
        font-size: 18pt;
        text-align: center;
        line-height: 27px;
    }

    .ftr-lt {
        float: left;
        text-align: center;
        font-size: 11pt;
    }

    .ftr-rt {
        float: left;
        text-align: center;
        width: 100%;
        font-size: 11pt;
        margin: 5px 0 0 0;
    }

    .tp-rgt {
        width: 100%;
        float: left;
    }

    .srv_bg {
        width: 100%;
        float: left;
        background-color: #f2f2f2;
        padding: 30px 10px 30px 10px;
    }

        .srv_bg h1 {
            font-size: 25pt;
            text-align: center;
        }

        .srv_bg h2 {
            font-size: 17pt;
            text-align: center;
            color: #333;
        }

    .srv_box h3 {
        font-size: 18pt;
    }

    .contact_area p {
        font-size: 15pt;
        line-height: 1.2;
    }

    .wel-data {
        width: 100%;
        float: left;
    }

    .book-bg {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0 0 20px 0;
    }

    .book-bg-rt {
        float: left;
        width: 100%;
        margin: 0 0 0 0;
        padding: 30px 0 30px 0;
    }

    .menu-bar {
        width: 100%;
        float: left;
        margin: 0;
    }

    .book-data {
        margin: 0 0 0 0;
        padding: 0 0 15px 0;
    }

    .wel span {
        font-size: 15pt;
        color: #aaa;
    }

    .contact_area h1 {
        color: #fff;
        font-size: 25pt;
        text-align: center;
    }

    .contact_area p {
        text-align: center;
    }

    .all-hdr h1 {
        font-size: 23pt;
        padding: 0;
    }

    .all-hdr p {
        font-size: 10pt;
        margin: 0 0 0 0;
        line-height: 1.4;
        font-weight: 500;
    }

    .ser_padd {
        padding: 0;
    }

    .conto h1 {
        font-size: 20pt;
    }

    .conto p {
        font-size: 14pt;
    }

    .tp1 {
        text-align: center;
    }

    .sldr-arrw {
        margin-top: 70px;
    }

    .sldr_fnt {
        color: #fff;
        font-size: 20pt;
        font-weight: 700;
        text-transform: uppercase;
        text-shadow: 3px 0px 5px rgba(0,0,0,.6);
    }

    .hdr_1 {
        float: left;
        width: 100%;
        margin: 5px 0 0 0;
    }

    .hdr_2 {
        float: left;
        width: 100%;
        margin: 5px 0;
        font-size: 18pt;
        text-align: center;
    }

    .hdr_3 {
        float: left;
        width: 100%;
        color: #fff;
        margin: 0;
    }

    .banner-add h3 {
        font-size: 20pt;
        text-align: center;
        margin: 0px 0px 10px 0;
        text-shadow: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    }

    .banner-add {
        top: 240px;
        width: 100%;
        z-index: -1;
        margin: 0 0 0 0;
    }

        .banner-add h1 {
            font-size: 23pt;
            margin: 0 0 5px 0;
        }

        .banner-add h2 {
            font-size: 15pt;
            color: #fff;
            margin: 0 0 5px 0;
        }

        .banner-add p {
            font-size: 10pt;
            text-align: center;
            font-weight: 600;
            line-height: 17px;
            margin: 0 0 0 0;
        }

    .crs_area {
        padding: 20px 0;
    }

        .crs_area h1 {
            font-size: 18pt;
            text-align: center;
            color: #222;
            font-weight: 700;
            margin: 0 0 5px 0;
            line-height: 28px;
            text-transform: uppercase;
        }

        .crs_area p {
            color: #999;
            font-weight: 400;
        }

    .crs_grp {
        width: 100%;
        float: left;
        height: auto;
        padding: 20px;
        margin: 10px 0 15px 0;
    }

        .crs_grp h3 {
            font-size: 13pt;
        }

    .wel {
        float: left;
        width: 100%;
        padding-top: 40px;
        padding-bottom: 30px;
        background-image: url(../images/ap_bg.jpg);
        background-position: 20% 50%;
        background-size: cover;
        background-repeat: no-repeat;
        /*margin: 30px 0 0 0;*/
    }

    .rnd_grp {
        width: 100%;
        float: left;
        padding: 20px 0;
		color:white;
    }

    .rea_area {
        float: left;
        width: 100%;
        padding: 30px 0;
        margin: 0;
        background-image: url(../images/rea_bg.jpg);
        background-position: 55% 50%;
        background-size: cover;
        background-repeat: no-repeat;
    }

        .rea_area h1 {
            font-size: 18pt;
            text-align: center;
            color: #fff;
            font-weight: 700;
            margin: 0 0 0 0;
            line-height: 50px;
            text-transform: uppercase;
        }

        .rea_area a {
            font-size: 22pt;
            color: #fff;
            font-weight: 700;
        }

    .footer-area {
        width: 100%;
        float: left;
        padding: 40px 0 30px 0;
        background-image: url(../images/ftr_bg.webp);
        background-position: 60% 100%;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .bttm-txt {
        margin: 0 0 30px 0;
    }

    .bttm-b2 {
        margin: 0 0 30px 0;
    }

    .bttm-c2 {
        margin: 0 0 30px 0;
    }

    .svc_pnl {
        width: 100%;
        float: left;
        height: auto;
        margin: 20px 0 20px 0;
    }

    .testi_grp {
        width: 100%;
        float: left;
        padding: 20px;
        margin: 20px 0 20px 0;
    }

    .con {
        float: left;
        width: 100%;
        padding: 30px 0;
        font-size: 11pt;
        margin: 0 0 30px 0;
    }

    .all-hdr {
        float: left;
        width: 100%;
        background-image: url(../images/all-hdr-bg.webp);
        background-position: 33% 0;
        background-size: cover;
    }

    .bookonl-bg {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0 0 0 0;
        background-image: url(../images1/book-bg.html);
        background-repeat: repeat-y;
    }

    .book-hd {
        width: 100%;
        float: left;
        margin: 0 auto;
        font-size: 12pt;
        text-align: center;
        border-radius: 5px;
        padding: 0 0 5px 0;
    }

    .book-hd-1 {
        width: 100%;
        float: left;
        margin: 0 auto;
        font-size: 12pt;
        text-align: center;
        border-radius: 5px;
        padding: 0 0 10px 0;
    }

    .bookonl-hd {
        width: 100%;
        float: left;
        margin: 0 auto;
        font-size: 12pt;
        text-align: center;
        border-radius: 5px;
        padding: 0 0 5px 0;
    }

    .bookonl-hd-1 {
        width: 100%;
        float: left;
        margin: 0 auto;
        font-size: 12pt;
        text-align: center;
        border-radius: 5px;
        padding: 0 0 5px 0;
    }

    .caro-hgt {
        height: 300px;
    }

    .rsform {
        float: left;
        width: 90%;
        position: relative;
        border-radius: 10px;
        margin: -160px 5% 0 5%;
        /*background-image: url(../images/blue_bg.jpg);
        background-position: 100% 100%;
        background-size: cover;
        background-repeat: no-repeat;*/
    }

    .cbchrg_lft {
        width: 100%;
        float: left;
        padding: 0 0 0 0;
    }

    .cbchrg_rgt {
        width: 100%;
        float: left;
        margin: 20px 0 0 0;
        padding: 30px 20px 30px 20px;
        background-color: rgba(0,0,0,0.4);
    }

    .cbchrg_ovly {
        width: 100%;
        float: left;
        padding: 30px 0 40px 0;
        background-color: rgba(0,0,0,0.5);
    }

    .cbchrg_ttl {
        width: 100%;
        float: left;
        color: #fff;
        font-size: 16pt;
        text-align: left;
        font-weight: 700;
        padding: 0 0 20px 0;
    }

    .cbchrg_sbttl {
        width: 100%;
        float: left;
        color: #fff;
        font-size: 13pt;
        font-weight: 700;
        text-align: left;
        padding: 0 0 10px 0;
    }

    .pag_mor {
        width: 100%;
        float: left;
        color: #ffffff;
        margin: 0 auto;
        margin-top: 0;
    }

        .pag_mor a {
            width: 80%;
            float: left;
            color: #004992;
            margin: 0 10% 3% 10%;
            font-size: 17pt;
            font-weight: 700;
            padding: 10px 20px;
            border-radius: 30px;
            text-decoration: none;
            background-color: #e1dcd6;
        }

    .hdr_pnl {
        float: left;
        width: 100%;
        margin: 0 0 0 0;
        padding: 30px 0 200px 0;
        background-image: url(../images/cover-bg-main.jpg);
        background-position: 40% 50%;
        background-size: cover;
    }

    .all-hdr-ovly {
        padding: 45px 0;
        background-color: rgba(1,32,83,.5);
    }

    .btnhdr {
        font-size: 15pt;
    }
}
/* Policy Page Base */
.policy-page {
    width: 100%;
    padding: 120px 0 60px 0; /* push down below hero */
    background: #f5f5f5;
}



/* Page Title */
.policy-title {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #012053;
    margin-bottom: 8px;
}

/* Date */
.policy-date {
    text-align: center;
    color: #777;
    margin-bottom: 25px;
    font-size: 15px;
}

/* Content */
.policy-content h2 {
    color: #012053;
    font-size: 22px;
    margin-top: 25px;
    margin-bottom: 8px;
}

.policy-content p,
.policy-content li {
    font-size: 16px;
    line-height: 1.7;
    color: #444;
}

.policy-content ul {
    padding-left: 20px;
}

/* MOBILE */
@media (max-width: 600px) {

    .policy-page {
        padding: 30px 0;
        margin-top: 20px; /* smaller gap below hero */
    }

    .policy-page .container {
        width: 92%;
        padding: 20px;
    }

    .policy-title {
        font-size: 24px;
    }

    .policy-content h2 {
        font-size: 19px;
    }

    .policy-content p,
    .policy-content li {
        font-size: 15px;
        line-height: 1.6;
    }
}
.policy-links {
    text-align: center;
    margin: 20px 0;
    font-size: 15px;
    color: #ffffff;
}

.policy-links a {
    text-decoration: none;
    color: #ffffff;
    padding: 0 5px;
}

.policy-links a:hover {
    text-decoration: underline;
}
/* Adjust the parent menu item */
.navbar-nav > li.dropdown > a {
    background: #012053; /* Deep blue background */
    color: white !important;
    padding: 12px 20px;
    font-weight: 600;
    position: relative;
}

/* Caret color */
.navbar-nav > li.dropdown > a .caret {
    border-top-color: white;
    transition: transform 0.3s ease;
}

/* Rotate caret on hover */
.navbar-nav > li.dropdown:hover > a .caret {
    transform: rotate(180deg);
}

/* Dropdown container */
.dropdown-menu {
    background: #3a3a3a; /* dark gray background */
    border-radius: 8px;
    border: none;
    padding: 8px 0;
    min-width: 220px;
    box-shadow: 0 6px 15px rgba(0,0,0,0.25);
}

/* Dropdown items */
.dropdown-menu > li > a {
    color: #d3d3d3 !important; /* silver text */
    padding: 12px 25px;
    font-weight: 500;
    font-size: 15px;
    display: block;
    transition: background-color 0.3s ease, color 0.3s ease;
    border-radius: 6px;
}

/* Hover on dropdown items */
.dropdown-menu > li > a:hover {
    background: #012053; /* deep blue */
    color: white !important;
    transform: translateX(5px);
}

/* Optional: remove underline */
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
    text-decoration: none;
    background-color: #013a97; /* slightly lighter blue */
}