body {
font-family: Arial, sans-serif !important;
}
p{color:#666}
.img-responsive {max-width: 100%}
a {text-decoration: none !important;}
ul, li {list-style-type: none; margin-bottom:0}
:focus {outline: none;}
.sprite {background: url(../images/sprite.png) no-repeat;}
.font-thin {font-weight: 300}
.font-light {font-weight: 400}
.font-normal {font-weight: 500}
.font-bold {font-weight: 700}
.text-white {color: white}
.text-green {color: #a3ff00 !important;}
.text-red {color: #ff0000 !important;}
.bx-shadow { box-shadow: 0px -1px 7px 0px rgb(130 130 130 / 62%);}
.show-mobile-inv {display: none;}
.hover_efect:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
background: #aa4263;
background: linear-gradient(to right, #aa4263, #984783);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}

.hover_efect:hover:before, .hover_efect:focus:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
/*********************Header Section*********************/
header {
    padding: 0px 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background: #fff;
    box-shadow: 3px 3px 22px 8px rgb(204 204 204 / 48%);
}
.logo {
display: inline-block;
padding: 10px 15px;
margin-bottom: 0px;
width: 16%;

}
.logo img {
width: 100%;
}
#mob_nav {display: none;}
.faded {display: none; background-color: rgba(0,0,0,0.8); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 98}
.exo-menu {
width: 58%;
list-style: none;
position: relative;
margin: 0;
display: inline-block;
vertical-align: top;
margin-top: 38px;
margin-left: 0;
padding-left: 5px;
}
.header_button {
display: inline-block;
width: 25%;
vertical-align: top;
margin-top: 25px;
}
.hd_btns {
    font-size: 15px;
    display: inline-block;
    margin-right: 10px;
    color: #fff;
    padding: 8px 25px;
    text-transform: uppercase;
    border: 1px solid #e87e04;
    font-weight: 100;
    transition: 0.3s all ease;
    position: relative;
    background: #e87e04;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hd_btns:last-child{margin-right:0;}
.hd_btns:hover {
color: #fff;
}
    .hd_btns.hover_efect:before {
        background: #d67608;
    }
.lgn_btn {
    background: #fff;
    color: #666;
    padding: 7px 20px;
    border: 1px solid  #a7c8b7;
}
.exo-menu > li {
display: inline-block;
float: right;
position:relative;
}
    .exo-menu > li > a {
        text-transform: uppercase;
        color: rgba(0, 0, 0, 0.7);
        font-size: 15px;
        position: relative;
        display: block;
        padding: 0px 25px;
        font-weight: bold;
    }


.exo-menu > li > a em {
font-style: normal;
}
.exo-menu > li > a.active, .exo-menu > li > a:hover, li.drop-down ul > li > a:hover {
            
color: #000;
}

.mega-menu ul li a:hover {color: #ffffff;}
.exo-menu > li:hover > a, .nav > ul > li.active > a {
    color: rgba(0, 0, 0, 1.0);
    
    transition: 0.3s ease;
}

.exo-menu > li:after {
    position: absolute;
    width: 77%;
    height: 2px;
    background: #e5662e;
    top: -15px;
    left: 12%;
    content: "";
    z-index: 9;
    opacity: 0;
    
    transition: 0.3s ease;
}

.exo-menu > li:hover:after, .exo-menu >  li.active:after {
    opacity: 1;
    transition: 0.3s ease;
    top: -7px;
   
}
.exo-menu i {float: left;font-size: 18px;margin-right: 6px;line-height: 20px !important;}
li.drop-down,.flyout-right,.flyout-left{position:relative;}li.drop-down:before {content: "\f103";color: #fff;font-family: FontAwesome;font-style: normal;
display: inline;position: absolute;right: 6px;top: 20px;font-size: 14px;}
li.drop-down>ul{left: 0px;min-width: 230px;}
.drop-down-ul{display:none;}
.flyout-right>ul,.flyout-left>ul{top: 0;min-width: 230px;display: none;border-left: 1px solid #365670;}
li.drop-down>ul>li>a,.flyout-right ul>li>a ,.flyout-left ul>li>a {color: #fff;display: block;padding: 20px 22px;text-decoration: none;background-color: #365670;border-bottom: 1px dotted #547787;-webkit-transition: color 0.2s linear, background 0.2s linear;-moz-transition: color 0.2s linear, background 0.2s linear;-o-transition: color 0.2s linear, background 0.2s linear;transition: color 0.2s linear, background 0.2s linear;}
.flyout-right ul>li>a ,.flyout-left ul>li>a {border-bottom: 1px dotted #B8C7BC;}
/*Flyout Mega*/
.flyout-mega-wrap {top: 0;right: 0;left: 100%;width: 100%;display:none;height: 100%;padding: 15px;min-width: 742px;}
h4.row.mega-title {color:#eee;margin-top: 0px;font-size: 14px;padding-left: 15px;padding-bottom:13px;text-transform:uppercase;border-bottom: 1px solid #ccc;}
.flyout-mega ul > li > a {font-size: 90%;line-height: 25px;color: #fff;font-family: inherit;}
.flyout-mega ul > li > a:hover,.flyout-mega ul > li > a:active,.flyout-mega ul > li > a:focus{text-decoration: none;background-color: transparent !important;color: #ccc !important}
/*mega menu*/
.mega-menu {left: 0;right: 0;padding: 15px;display:none;padding-top: 0;min-height: 100%;}
h4.row.mega-title {color: #d8d8d8;margin-top: 0px;font-size: 14px;padding-left: 15px;padding-bottom: 0px;text-transform: uppercase;border-bottom: 0;padding-top: 15px;}
.mega-menu ul li a {line-height: 25px;display: block;color: #9e9c9c;text-decoration: none;text-transform: capitalize;font-size: 13px;}
ul.stander li a {padding: 3px 0px;}
ul.description li {padding-bottom: 12px;line-height: 8px;}
ul.description li span {color: #ccc;font-size: 85%;}
a.view-more{border-radius: 1px;margin-top:15px;background-color: #009FE1;padding: 2px 10px !important;line-height: 21px !important;display: inline-block !important;}
a.view-more:hover{color:#fff;background:#0DADEF;}
ul.icon-des li a i {color: #fff;width: 35px;height: 35px;border-radius: 50%;text-align: center;background-color: #009FE1;line-height: 35px !important;}
ul.icon-des li {width: 100%;display: table;margin-bottom: 11px;}
.text_blue{color: #004780 !important}
.text_grren {color: #008e48 !important}
.border-top-blck{border-top:1px solid #000;}
.font_secondry {color: #7a7a7a !important;}
.inner-header {display: block;position: relative;margin: 0;
}
/*********************Mobile navigation*********************/
.sideLeftNav {position: fixed;top: 108px;left: 0;background-color: white;z-index: 99;box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.3)}
.sideLeftNav > ul {margin:0; padding: 0;}
.sideLeftNav > ul > li {border-bottom: 1px solid #ccc; position: relative;}
.sideLeftNav > ul > li > a {display: block; padding: 24.5px 10px; position: relative; transform: 0.3s all ease;}
.sideLeftNav > ul > li > a > i {width: 40px; height: 40px; display: block; position: relative; z-index: 9}
.sideLeftNav > ul > li > a > b {position: absolute; background-color: #163583; top: 0; left: -100px; height: 100%; width: 100px; color: white; font-weight: normal; white-space: nowrap; display: inline-block; padding: 35px 15px; transition: 0.3s all ease; z-index: 8; opacity: 0}
.sideLeftNav > ul > li > a:before {position: absolute; top: 0; left: 0; height: 100%; width: 0; content: ""; background-color: #fead00; opacity: 0; transition: 0.3s all ease;}
.sideLeftNav > ul > li:hover > a:before {width: 100%; transition: 0.3s all ease; opacity: 1}
.sideLeftNav > ul > li:hover > a > b {transition: 0.3s all ease; left: 60px; opacity: 1;}
.sideLeftNav > ul > li > ul {margin:0; padding: 0; position: absolute; top: 0px; left: -60px; opacity: 0; transition: 0.3s all ease;}
.sideLeftNav > ul > li > ul > li > a {display: block; background-color: #163583; width: 100px; color: white; padding: 10px; font-weight: normal; font-size: 12px}
.sideLeftNav > ul > li > ul > li > a:hover {background-color: #0076d3}
.sideLeftNav > ul > li:hover > ul {opacity: 1; top: 90px; left: 60px;}
.SLicon1 {background-position: 0 0;}
.SLicon2 {background-position: 0 -40px;}
.SLicon3 {background-position: 0 -80px;}
.SLicon4 {background-position: 0 -120px;}
.SLicon5 {background-position: 0 -160px;}
.SLicon6 {background-position: 0 -200px;}
.login_btn {background-color: #163583; color: #fff; display: block; padding: 18px 20px; transition: 0.3s all ease}
.login_btn i {font-size: 32px; display: inline-block; vertical-align: middle; margin-right: 15px;}
.login_btn b {font-weight: normal; display: inline-block; vertical-align: middle; font-size: 18px}
.login_btn:hover {background-color: #ffad02; color: #163583; transition: 0.3s all ease}
.sideRightNav {position: fixed; top: 108px; right: -180px; background-color: white; z-index: 100; transition: 0.3s all ease}
.sideRightNav.shift {right: -180px; transition: 0.3s all ease}
.sideRightNav:hover { transition: 0.3s all ease}
.sideRightNav > ul {margin:0; padding: 0;}
.sideRightNav > ul > li {border-bottom: 1px solid #ccc; position: relative;}
.sideRightNav > ul > li:last-child {border-bottom: none;}
.sideRightNav > ul > li > a {display:block; padding: 17.4px 15px; transition: 0.3s all ease}
.sideRightNav > ul > li > a:hover {background-color: #d67608; transition: 0.3s all ease}
.sideRightNav > ul > li > a > i {width: 32px; height: 32px; display: inline-block; vertical-align: middle; margin-right: 7px; position: relative; z-index: 9} 
.sideRightNav > ul > li > a > b {display: inline-block; vertical-align: middle; font-weight: normal; color: #091b47}
.SRicon1 {background-position: -46px 0px;}
.SRicon2 {background-position: -46px -32px;}
.SRicon3 {background-position: -46px -64px;}
.SRicon4 {background-position: -46px -96px;}
.SRicon5 {background-position: -46px -128px;}
.SRicon6 {background-position: -46px -160px;}
.SRicon7 {background-position: -46px -192px;}
.img-resposive{width:100%;}
/*========Banner==========*/
.banar {
    display: block;
    overflow: hidden;
    position: relative;
    margin-top: 92px;
    box-shadow: 3px 3px 38px 21px #efefef;
}
.bn_left{margin-top:100px;}
.bn_left .strt_trding {
background-image: linear-gradient(to right,#ba3c47, #914992);
color: transparent;
-webkit-background-clip: text;
background-clip: text;
background-color: #fff;
border: 1px solid #a2446f;
padding: 9px 10px;
font-size: 29px;
font-weight: 800;
border-radius: 5px;
box-shadow: 0px 9px 17px -1px #ccc;
border-bottom: 1px solid #ae415a;
}
.bn_left h4 {
margin-top: 30px;
font-size: 50px;
font-weight: 300;
line-height: 48px;
color: #0c263e;
}
.bn_left h4 em {
font-size: 36px;
font-weight: 700;
}
.bn_left h4 span {
font-size: 36px;
font-weight: 700;
}
.strt_trd_btns{margin-top:30px;}
.strt_trd_btns a {
display: inline-block;
color: #891836;
border: 1px dashed #891836;
padding: 10px 8px;
width: 30%;
margin-bottom: 10px;
margin-right: 6px;
font-size: 20px;
position:relative;
}
.strt_trd_btns a:hover {
color: #fff;
    
}
.help_btn {
position: absolute;
right: 0;
bottom: 15px;
}

.main_baner_cnt {
    position: absolute;
    width: 45%;
    left: 5%;
    top: 27%;
}
    .main_baner_cnt h4 {
        font-size: 36px;
        font-weight: 400;
        color: #000;
        line-height: 50px;
    }
.main_baner_cnt h4 span{display:block; font-size:49px; font-weight:bold}
.font-49{font-size:49px;}
.main_baner_cnt p {
    font-size: 20px;
    color: #000;
    font-weight: 400;
    line-height: 24px;
}
.main_baner_cnt .header_button {
width: 100%;
}

.why_invst {
    background: #fff;
    padding: 80px 0;
    box-shadow: 3px 3px 38px 21px #efefef;
    overflow:hidden;
}
.bx_sadow_up {
    box-shadow: 3px 3px 38px 21px #efefef;
}

.bx_sadow_downn {
    box-shadow: inset 3px 21px 40px -4px #efefef;
}
#discover {
    box-shadow: inset 3px 21px 40px -4px #efefef;
}
#get_stated {
    box-shadow: inset 3px 21px 40px -4px #efefef;
}
    #get_stated .bx_1_in{height:50px;}
.d_in_txt {
    display: inline-block;
    width: 83%;
    margin-top: 0 !important;
}
.have_question {
    box-shadow: inset 3px 21px 40px -4px #efefef;
}
.main_heading {
    color: #000;
    font-weight: bold;
    font-size: 36px !important;
    position: relative;
    margin-bottom: 40px;
    display: inline-block;
}
    .main_heading:after {
        content: "";
        position: absolute;
        top: 51px;
        left: 0;
        right: 0;
        margin: auto;
        background: url(../images/heading_img.png) no-repeat;
        width: 100px;
        height: 10px;
    }
.heade2 {
     color: #666;
    font-size: 24px !important;
    position: relative;
    display:block;
    margin-bottom:60px;
}
    .heade2:after {
        content: "";
        position: absolute;
        top: 51px;
        left: 0;
        right: 0;
        margin: auto;
        background: url(../images/haede2_af.png) no-repeat;
        width: 89%;
        height: 70px;
    }
.bx_1_in {
    display: block;
    height: 140px;
}
    .bx_1_in .im_bx {
        display: inline-block;
        width: 28px;
        vertical-align: top;
        margin-right: 15px;
        margin-top: 2px;
    }
    .bx_1_in h4 {
        display: inline-block;
        width: 80%;
        color: #000;
        font-size:24px;
        position:relative;
    }
        .bx_1_in h4:after {
            content: "";
            position: absolute;
            top: 30px;
            left: 3px;
            margin: auto;
            background: url(../images/heading_img.png) no-repeat;
            width: 43px;
            height: 10px;
        }
    .bx_1_in p {
        font-size: 17px;
        margin-top: 15px;
        color: #666;
    }
.border-right {
    border-right: 1px solid #f2f2f2;
}
    .pt-100 {
        padding-top: 40px;
    }
.left_cnt {
    display: block;
    overflow: hidden;
    border: 1px solid #ccc;
    box-shadow: 0px 10px 24px -1px rgb(204 204 204 / 52%);
}
    .left_cnt .img_bxx{display:inline-block; width:30%; vertical-align:top;}
    .left_cnt .cntnt {
        display: inline-block;
        width: 65%;
        vertical-align: middle;
        padding: 20px;
    }
        .left_cnt h4 {
            font-size: 24px;
            color: #000;
            margin-bottom: 20px;
            position: relative;
            margin-top: 20px;
        }
            .left_cnt  h4:after {
                content: "";
                position: absolute;
                top: 34px;
                left: 2px;
                margin: auto;
                background: url(../images/heading_img.png) no-repeat;
                width: 44px;
                height: 10px;
            }
.rght_org{padding:20px; padding-left:40px;}
    .rght_org img {
        display: block;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 30px;
    }
.get_strtd{padding-left:0;}
    .get_strtd li {
        display: inline-block;
        width: 27%;
        margin-right: 90px;
        position: relative;
        vertical-align: top;
    }
        .get_strtd li:after {
            content: "";
            position: absolute;
            width: 98px;
            height: 2px;
            right: -32%;
           
            bottom: 31%;
            background:url(../images/dahed.png) no-repeat;
        }
        .get_strtd li:last-child{margin-right:0;}
        .get_strtd li .top {
            width: 100px;
            padding: 15px;
            border: 1px dashed #ccc;
            border-bottom: 0;
            text-align: center;
            box-shadow: 6px 0px 25px -4px rgb(204 204 204 / 40%);
        }
        .get_strtd li .cntmt {
            padding: 15px;
            border: 1px dashed #ccc;
            font-size: 24px;
            color: #666;
            line-height: 30px;
            text-align: center;
            box-shadow: 6px 0px 25px -4px rgb(204 204 204 / 40%);
            height: 120px;
        }
.hd_2 {
    font-size: 24px;
    color: #666;
}
.pt-30 {
    padding-top: 30px !important;
}

.lft_img {
    width: 58%;
    position: relative;
}
.cnt_para {
    position: absolute;
    top: 41%;
    left: 33%;
    font-size: 36px;
    width: 100%;
    line-height: 38px;
    color:#000;
}
    .cnt_para:after {
        content: "";
        position: absolute;
        top: 86px;
        left: 2px;
        margin: auto;
        background: url(../images/heading_img.png) no-repeat;
        width: 145px;
        height: 10px;
    }
.rht_frm {
    background: #f4f6f7;
    padding: 20px;
    border: 1px solid #ccc;
    position: relative;
    box-shadow: 7px 10px 25px -8px #ccccccbf;
}
    .rht_frm:before {
        content: "";
        position: absolute;
        top: -4px;
        left: -4px;
        margin: auto;
        background: url(../images/bd_top.png) no-repeat;
        width: 30px;
        height: 30px;
    }
    .rht_frm:after {
        content: "";
        position: absolute;
        bottom: -7px;
        right: -7px;
        margin: auto;
        background: url(../images/bd_bottom.png) no-repeat;
        width: 30px;
        height: 30px;
    }
    
    .rht_frm h5 {
        text-align: left;
        font-size: 24px;
        position: relative;
        margin-bottom: 35px;
        margin-top: 10px;
        color:#000;
    }
        .rht_frm h5:after {
            content: "";
            position: absolute;
            top: 29px;
            left: 2px;
            margin: auto;
            background: url(../images/heading_img.png) no-repeat;
            width: 45px;
            height: 10px;
        }
    .rht_frm .form-control {
        border-radius: 0;
        margin-bottom: 30px;
        height: 42px;
    }
    .btm_dts {
        margin-top: 70px;
    }
    .btm_dts img {
        display: inline-block;
        vertical-align: top;
    }
    .btm_dts p {
        display: inline-block;
        font-size: 24px;
        line-height: 27px;
        text-align: left;
        margin-left: 12px;
    }
.have_question {
    background: #fafbfd;
    background-size: cover;
    padding: 50px 0;
    margin-top: 0px;
}
    .have_question p {
        font-size: 24px;
        line-height: 40px;
        color:#666;
    }
.download_mobnav {
    display: none;
}

.btm_tb{text-align:center; margin:0 auto;}
    .btm_tb .nav-tabs {
        border-bottom: 0;
        display: -webkit-inline-box;
    }
        .btm_tb .nav-tabs .nav-item.show .nav-link, .btm_tb .nav-tabs .nav-link.active {
            background: linear-gradient(141deg, #fff, #e7e9ec);
            border: 1px solid #a7c8b7;
            color: #666;
        }
        .btm_tb .nav-tabs .nav-link {
            background: #fff;
            border: 1px solid #a7c8b7;
            color: #000;
            padding: 6px 25px;
            margin-right: 12px;
            font-size: 24px;
            box-shadow: 0px 7px 22px 0px rgb(204 204 204 / 25%);
        }
            .btm_tb .nav-tabs .nav-link b{font-weight:400;}
.bx_1 {
    border: 1px solid #ccc;
    padding: 10px;
    margin-top: 20px;
    background: #fff;
    border-radius: 0px;
}
.in_tba_cnt {
    text-align: left;
}s
.in_tba_cnt ul{list-style:circle; padding-left:0 !important;}
.in_tba_cnt ul li{position:relative; padding-left:15px; line-height:22px; margin-bottom:10px;}
    .in_tba_cnt ul li::after {
        position: absolute;
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #000;
        top: 6px;
        left: -9px;
    }
.in_tba_cnt .heading {
    font-size: 19px;
    cursor: pointer;
    color: #666;
}
.cont_dta ul{margin-top:10px;}
.in_tba_cnt p {
    font-size: 16px;
    line-height: 18px;
    padding-left: 25px;
    margin-top: 10px;
    color: #666;
    line-height: 22px;
    margin-bottom: 10px;
}
.cont_dta{display:none;}
    .cont_dta.active{display:block;}

.font-18{font-size:18px;}
.opn_frm label {
    color: #fff;
}
.btn_ys em {
    font-style: normal;
    color: #fff;
    margin: 0 10px;
}
.btn_ys .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 28px;
    margin-bottom: 15px;
}
    .btn_ys .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }
.btn_ys span {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
}
    .btn_ys span:before {
        position: absolute;
        content: "";
        height: 23px;
        width: 23px;
        left: 4px;
        bottom: 3px;
        -webkit-transition: .4s;
        transition: .4s;
        background: linear-gradient(141deg, #0073b9, #8ac342);
    }
.btn_ys input:checked + span {
    background-color: rgb(219 224 226);
}

.btn_ys input:checked + span:before {
    transform: translateX(26px);
}
.btn_ys span.round {
    border-radius: 34px;
}
.btn_ys span.round:before {
    border-radius: 50%;
}
    /*********************Footer*********************/
footer {
    background-color: #fafbfd;
    position: relative;
    padding: 30px 40px;
    padding-bottom: 0;
}
        footer p {
            font-size: 12px;
            color: #666;
            text-align: justify;
        }
/**************** Scroll To Top *****************/
.scrollToTop {
    position: fixed;
    right: -44px;
    bottom: 2.5rem;
    width: 2.75rem;
    height: 2.75rem;
    text-align: center;
    z-index: 99;
    color: #fff !important;
    background: #e87e04;
    color: #1f3276;
    line-height: 46px;
    transition: 0.3s all ease;
    box-shadow: 0px 0px 20px 0 rgba(0,0,0,0.3)
}
.scrollToTop.active {right: 0; transition: 0.3s all ease}
    .scrollToTop:hover {
        color: #fff;
        background-color: #d67608;
       
    }
.scrollToTop i {font-size:22px;}