/* 
*****************************************************************
Created By: Pushpendra From Dion Global Solutions Ltd
*****************************************************************
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
body {
    font-family: 'Open Sans', sans-serif;
}
/*********************Loader *********************/
.page-loader {position: fixed; background:rgba(0,0,0,0.85); bottom: 0;right: 0;	left: 0;top: 0;	z-index: 9998;}
.loader {position: absolute; border: 5px solid #ae405a;border-top: 5px solid #d4a53a; height: 72px; width: 72px; left: 50%; top: 50%; margin: -36px 0 0 -36px; text-indent: -9999em; font-size: 10px; z-index: 9999; animation: load 0.8s infinite linear;}
.preloader_logo {position: absolute; height: 70px; width: 70px; left: 50%; top: 50%; margin: -35px 0 0 -35px; background: url(../images/loader.png);}
.loader, .loader:after {border-radius: 50%;width: 72px; height: 72px;}
@keyframes load {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}
/*********************End Loader *********************/
.img-responsive {max-width: 100%}
a {text-decoration: none !important;}
    a:hover {
        color: #bfbebe;
    }
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: #58bc00 !important;}
.text-red {color: #ff0000 !important;}
.bx-shadow { box-shadow: 0px -1px 7px 0px rgb(130 130 130 / 62%);}
.show-mobile-inv {display: none;}
.show_mob{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);
}
.wats_app{position:fixed; top:125px;z-index:9; right:0;width:40px;}
.wats_app a{display:block; overflow:hidden;}
.wats_app a:hover {transform: scale(1.1);transition: all 0.3s;}
.wats_app img{width:40px;}
.vison_msn {
    background: #f3f3f3;
    padding: 80px 0;
}

.vison_msn h5 {
    font-size: 22px;
    font-weight: 600;
}

.vsn_inr {
    padding: 20px;
    background: #fff;
    border-radius: 10px;
}
.mt-40{margin-top: 40px;}
/*********************Header Section*********************/
header {padding: 0px 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 99; background:#fff;}
    header.fixed {
        box-shadow: 1px 0px 5px 3px #c7c2c2;
    }
.logo {
    display: inline-block;
    padding: 15px 15px;
    background: #fff;
    width: 15%;
}
.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 {
float:right;
list-style: none;
position: relative;
margin: 0;
display: inline-block;
vertical-align: top;
margin-top: 32px;
margin-left: 0;
padding-left: 5px;
}
.header_button {
display: inline-block;
width: 37%;
vertical-align: top;
margin-top: 25px;
}
.hd_btns {
    font-size: 16px;
    display: inline-block;
    margin-right: 10px;
    color: #fff;
    border: 1px solid #fff;
    padding: 10px 12px;
    text-transform: uppercase;
    border-radius: 5px;
    font-weight: 400;
    transition: 0.3s all ease;
    position: relative;
    background: transparent;
    vertical-align: top;
}
.hedr_drop{padding:0;}
.dropdown-menu {
    padding: 0;
    margin-left: 0px;
    right: auto;
    left: 48%;
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 99999;
}
.dropdown-item {
    padding-left: 10px;
    background: #0068A0;
    border-bottom: 1px solid #ccc;
    color: #fff;
}
    .dropdown-item:hover {
        background: #3F6F16;
        color: #fff !important;
    }
.dropdown-toggle::after {
    border-top: 0.7em solid;
    border-right: .5em solid transparent;
    border-bottom: 0;
    border-left: .5em solid transparent;
    display: none;
}
.ft_nav_m {
    position: relative;
    padding-left: 0;
}

.ft_head_m:after {
    position: absolute;
    top: 3px;
    right: 5px;
    font-family: 'FontAwesome';
    content: "\f107";
    font-size: 20px;
    opacity: 0.7;
    transform: rotate(-45deg);
    transition: 0.3s all ease;
    color: #fff;
}
.sub_mn {
    position: relative;
    left: 0px;
    display: none;
    transition: all 0.3s;
}
.sub_mn li {
display: block;
}
.sub_mn li a {
display: block;
background: #ffffff;
border-top: 1px solid #ccc;
padding: 6px 15px;
font-weight: 400;
color: #444;
}
.sub_mn li a:hover {
background: #444;
color: #fff;
}
.ft_head_m.active:after {
transform: rotate(0deg);
transition: 0.3s all ease;
opacity: 1;
}
.hd_btns img {
width: 20px;
}
.hd_btns:last-child {
margin-right: 0;
}
.hd_btns:hover {
color: #fff;
}
.hd_btns.hover_efect:before {
background: #d84a79;
}
.exo-menu > li {
    display: inline-block;
    float: left;
    position: relative;
}
    .exo-menu > li > a {
        text-transform: uppercase;
        color: #0068A0;
        font-size: 15px;
        position: relative;
        display: block;
        font-weight: lighter;
        padding: 0px 15px;
        padding-bottom: 7px;
    }

.exo-menu > li > a em {
font-style: normal;
font-weight:bold;
font-size:18px;
}
        .exo-menu > li > a.active, .exo-menu > li > a:hover, li.drop-down ul > li > a:hover {
            color: #87c64a;
        }
.mega-menu ul li a:hover {color: #ffffff;}
.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: -195px; background-color: white; z-index: 100; transition: 0.3s all ease}
.sideRightNav.shift {right: -190px; transition: 0.3s all ease}
.sideRightNav:hover {right: 0; 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:linear-gradient(to right,#057545, #3F6F16); 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;}
/*menu Icon*/
.hamburger .line {
    width: 27px;
    height: 4px;
    background-color: #0483ca;
    display: block;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


#mob_nav.is-active .line:nth-child(2) {
    opacity: 0;
}

#mob_nav.is-active .line:nth-child(1) {
    -webkit-transform: translateY(13px) rotate(45deg);
    -ms-transform: translateY(6px) rotate(45deg);
    -o-transform: translateY(6px) rotate(45deg);
    transform: translateY(6px) rotate(45deg);
}

#mob_nav.is-active .line:nth-child(3) {
    -webkit-transform: translateY(-13px) rotate(-45deg);
    -ms-transform: translateY(-13px) rotate(-45deg);
    -o-transform: translateY(-13px) rotate(-45deg);
    transform: translateY(-13px) rotate(-45deg);
}
/*========Banner==========*/
.banar{display:block; overflow:hidden; position:relative; margin-top:98px;}
.apply_for_ipo {
    position: fixed;
    left: -64px;
    top: 35%;
    transform: rotate( 270deg );
    background: #0088c8;
    padding: 15px 25px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
    z-index:99;
}
    .apply_for_ipo:hover {
        color: #fff;
        background: #87c64a;
    }
    .banar img {
        width: 100%;
    }
.bn_left {
    position: absolute;
    right: 5%;
    top: 20%;
}
   .strt_trding {
        background-color: #0383ca;
        padding: 9px 45px;
        font-size: 18px;
        font-weight: bold;
        border-radius: 35px;
        color: #fff;
        margin-right: 10px;
        margin-top: 50px;
        display: inline-block;
        text-transform: uppercase;
        webkit-transition: .5s ease;
        -moz-transition: .5s ease;
        -ms-transition: .5s ease;
        -o-transition: .5s ease;
        transition: .5s ease;
    }
    .strt_trding:hover{color:#fff; background:#444 !important;}
    .explore_mr {
        margin-top: 0px;
        margin-bottom: 70px;
    }
.bn_left h4 {
    margin-top: 30px;
    font-size: 41px;
    font-weight: lighter;
    line-height: 55px;
    color: #444444;
    text-transform: uppercase;
}
        .bn_left h4 em {
            font-size: 46px;
            font-weight: bold;
            font-style: normal;
            color: #87c64a;
        }
        .bn_left h4 span {
            font-size: 46px;
            font-weight: bold;
            font-style: normal;
            color: #444444;
        }
        .bn_left h4 i {
            font-size: 46px;
            font-weight: bold;
            font-style: normal;
            color: #0068A0;
        }

.secondy_bg {
    background: #87c64a !important;
}
.bn_left .strt_trding:hover{
    background:#444 !important;
}
/*Service*/
.product_srvc{padding-top:50px;}
.main_heading h4 {
    font-size: 35px;
    color: #5c5c5c;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 50px;
}
    .main_heading h4:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 7px;
        background: url(../images/hd_bg.png) no-repeat;
        z-index: 9;
        top: 45px;
        left: 0;
    }
.prodt_in {
    margin-bottom: 50px;
}
.prdt_lft {
    width: 50%;
    overflow: hidden;
}
    .prdt_lft img{}
    .prdt_lft img:hover {
        transition: all 0.3s;
        transform: scale(1.07);
    }
.prdt_right {
    width: 50%;
}
    .prdt_right h5 {
        font-size: 24px;
        color: #5c5c5c;
        margin-bottom:20px;
        text-transform:uppercase;
    }
    .prdt_right p {
        font-size: 15px;
        color: #2f2f2f;
    }
    .prdt_right a {
        font-size: 15px;
        color: #2f2f2f;
    }
        .prdt_right a:hover {
            color: #0068A0;
        } 
    /*Associate*/
.assote{display:block; overflow:hidden;}
.rght_content {
    display: block;
    margin-right: 80px;
}
.rght_content p {
    font-size: 27px;
    color: #0c263e;
    font-weight:100;
    line-height:35px;
}
.prntr_form {
    margin: 0 auto;
    background: #fff;
    padding: 35px;
    border-radius: 10px;
    display: block;
    box-shadow: 0px 3px 11px 3px rgb(0 0 0 / 22%);
    width: 75%;
}

.cst_stfication {
    width: 95%;
    margin: 0 auto;
    margin-top: 80px;
}



.prntr_form .form-control {
    height: 45px;
    border: 1px solid #88c547;
    margin-bottom: 25px;
    color: #000;
    box-shadow: 2px 5px 11px 3px #d4d3d3;
}
.prntr_form .submit_btn {
    border:1px solid #fff;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 28px;
    padding: 5px 15px;
    width: 100%;
    border-radius: 5px;
    transition: all 0.3s;
    background: linear-gradient(to right, #198eb4, #73bc5e);
    box-shadow: 2px 2px 8px 3px #bfbcbc;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
}
    .prntr_form .submit_btn:hover{background:#444 !important; color:#fff;}
    .home_cnt {
        padding: 50px 0;
        overflow: hidden;
        padding-bottom: 30px;
    }
.mapouter {
    position: relative;
    text-align: right;
    width: 100%;
    height: 400px;
}

.gmap_canvas {
    overflow: hidden;
    background: none !important;
    width: 100%;
    height: 400px;
}

.gmap_iframe {
    height: 400px !important;
}
.adrs_rgt h5 {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    margin-bottom:30px;
}
    .adrs_rgt p{
        font-size:16px;
        color:#000;
    }
.adrs_rgt a {
    font-size: 16px;
    color: #000;
}
.adrs_rgt > a[target="_blank"] {
    color: #0068A0 !important;
}
.foloow_us {
    display: block;
    margin-top: 50px;
    font-size: 24px;
}

    .foloow_us img {
        transition: all 0.3s;
    }

        .foloow_us img:hover {
            transition: all 0.3s;
            transform: scale(1.1);
        }
        a.button_matrix {
            margin-top: 25px;
            display: inline-block;
            background: #444444;
            color: #fff;
            padding: 10px 20px;
            border-radius: 7px;
        }

    /*********************Footer*********************/
    footer {
        background-color: #0383ca;
        position: relative;
        color: #bbbbbb;
        padding: 20px 20px 10px;
    }
.ft_link {
    display: block;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
}
    .ft_link a {
        color: #fff;
        font-size: 11px;
        text-transform: uppercase;
        margin-right: 10px;
        font-weight: bold;
    }
        .ft_link a:hover {
            color: #bfbebe;
        }

.ft_btm{font-size:12px;}
.copy_rgt, .copy_rgt a {
    font-size: 14px;
    margin-top: 10px;
    color: #fff;
    font-weight: normal;
}
.copy_rgt p{margin-bottom: 0;}

.cprght {
    font-size: 13px !important;
    margin-top: 20px;
    line-height: 15px;
    color: #e9e8e8;
}


.atttn_invstr  p{font-size: 12px;color: #fff !important;}

.atntn_wpr{background:#0c5883;width: 100%;height: 40px;font-size: 13px;color:rgba(255,255,255,0.6);line-height: 40px;margin-top: 40px;}
.atntn_wpr .lft_hed{width:200px;float: left;background: #444;height:40px;}
.atntn_wpr h3{font-size: 15px;font-weight: bold;text-align: center;line-height: 40px;color:#fff;}
.atntn_wpr .rgt_dtl{width:calc(100% - 200px);float: left;padding: 0 5.5rem 0 20px;position:relative;}
.accessible-ticker {
    overflow: hidden;
    white-space: nowrap;
}
.accessible-ticker p {
    display: inline-block;
    min-width: max-content;
    padding-left: 100%;
    animation: accessible-ticker-scroll 60s linear infinite;
    will-change: transform;
}
.accessible-ticker.is-paused p {
    animation-play-state: paused;
}
.accessible-ticker:focus {
    outline: 2px solid #fff;
    outline-offset: -2px;
}
.ticker-toggle {
    position: absolute;
    right: 0.5rem;
    top: 0.4rem;
    z-index: 2;
    min-width: 4.25rem;
    padding: 0.3rem 0.6rem;
    border: 2px solid #fff;
    border-radius: 0.25rem;
    background: #fff;
    color: #0c5883;
    font: inherit;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
}
.ticker-toggle:focus-visible {
    outline: 3px solid #ffd54f;
    outline-offset: 2px;
}
@keyframes accessible-ticker-scroll {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}
@media (prefers-reduced-motion: reduce) {
    .accessible-ticker p {
        animation: none;
        padding-left: 0;
    }
}

/**************** Scroll To Top *****************/
.scrollToTop {
    position: fixed;
    right: -44px;
    bottom: 2.5rem;
    width: 2.75rem;
    height: 2.75rem;
    text-align: center;
    z-index: 99;
    transition: 0.3s all ease;
}
.scrollToTop.active {right: 0; transition: 0.3s all ease}
.scrollToTop:hover {color: #f9c403;}
.scrollToTop i {font-size:22px;}
.mega-drop-down:hover > .dropdown-menu {
    display: block;
}








.dwn_tb .inner-contnt-dta a {
    font-size: 16px;
    color: #000000;
    padding: 10px 25px;
    display: inline-block;
    border-radius: 7px;
    margin-right: 20px;
    margin-bottom: 30px;
    background: #f7f6f6;
    
}


.dwn_tb .inner-contnt-dta a:hover {
        background: #87c64a;
        color: #fff;
    }

    .dwn_tb .inner-contnt-dta i {
    margin-left: 14px;
    color: #444;
}
.dwn_tb .inner-contnt-dta a:hover i {
    color: #fff;;
}
.dwn_tb .inner-contnt-dta{background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 15px;
    box-shadow: 0px 2px 6px -2px #ccc;
    border: 1px solid #ccc;
}
.dwn_tb .inner-contnt-dta h5 {
    font-size: 30px;
    color: #5c5c5c;
    position: relative;
    font-weight: 500;
    margin-bottom: 15px;
    
}
@media only screen and (max-width: 767px) and (min-width: 240px) {
    .download_mobnav {
        display: block;
        position: relative;
        background: #3F6F16;
        border-radius: 0px;
        color: white;
        margin-bottom: 20px;
        padding: 10px;
        text-align: center;
    }

.download_mobnav:after {
    position: absolute;
    top: 7px;
    margin-left: 10px;
    display: inline-block;
    content: "\f0dd";
    font-family: 'FontAwesome';
    font-weight: 900;
}

.download_nav {
display: none;
margin: 0 0 20px 0
}
}

a.dropdown-item.click_sw {
    position: relative;
}

a.dropdown-item.click_sw:after {
    position: absolute;
    width: 10px;
    height: 10px;
    content: ">";
    right: 5px;
    top: 8px;
    transform: rotate(87deg);
    font-size: 20px;
    font-weight: bold;
    color: white;
}
.download_app a {
    margin-bottom: 20px;
    margin: 20px 20px;
    width: 70%;
    margin: 20px auto;
    display: block;
}

.download_app a img {
    width: 100%;
    height: auto;
}

/* Accessible product service links: RRS theme border and text treatment. */
.product_srvc .more_info,
.product_srvc .more_info:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-top: 10px;
    padding: 9px 16px;
    border: 2px solid #0068a0;
    border-radius: 24px;
    background-color: transparent !important;
    color: #0068a0 !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
    transition: color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.product_srvc .more_info:hover,
.product_srvc .more_info:active {
    border-color: #004a73;
    background-color: transparent !important;
    color: #004a73 !important;
}

.product_srvc .more_info:focus,
.product_srvc .more_info:focus-visible {
    border-color: #004a73;
    background-color: transparent !important;
    color: #004a73 !important;
    outline: 3px solid #1f2937;
    outline-offset: 3px;
    box-shadow: none;
}