a{
text-decoration:none;
}

.footer{
background: #540e40;
}
.risk-start{
font-size: 14px
}
#loginModal {
    display: none;
}
.brokers{
font-size: 22px
}
.privacys , .policies , .contact{
padding: 3px 0;
}
.disclaimer, .wellconnect{
padding-top: 3px;
margin-bottom: 3px;
}
::placeholder{
font-size: 13px;
/* text-align: center; */
}
@media screen and (max-width:1980px){
.one{
padding-left: 80px;
}
}

@media screen and (max-width:992px) {
.one{
    padding-left: 13px;
    height: 160px;
}
.two{
    height:165px;
}

}
/* made chages  */
@media (max-width:600px) {
    p.brokers{
    font-size: 24px !important;
}
}

.subscribe-btn{
    width: 100%;
}

@media (max-width:556px){
    .subscribe-btn,.form-field{
    width: 100%;
}
}

@media (min-width:576px) and (max-width:992px){
    .subscribe-btn,.form-field{
    width: 50%;
}
}

@media (min-width:992px){
    .subscribe-btn,.form-field{
    width: 100%;
}
}
/* chages ends here */
.footer-social-media-icons a {
    transition: transform 0.3s ease;
}

.footer-social-media-icons a:hover {
    transform: translateY(-4px);
}

@media (max-width:576px){
    .two{
        height: 166px;
    }
}



        .container {
            /* display: flex; */
            width: 100%;
            /* height: 100vh;  */
            /* Optional: set to full viewport height */
        }

        .left a {
            color: #f2ebff;
            text-decoration: underline;
            border-bottom: 1px solid #7071b690;
            display: block;
            text-decoration: none;
            padding: .5rem;
        }

        .left li:hover {
            background: linear-gradient(45deg, #30498d, #00000012);
            border-radius: 0 3rem 3rem 0;
        }

        .left li:hover a {
            color: #cdb4e6;
        }

        div.sticky {
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            /* padding: 5px; */
            /* background-color: #cae8ca; */
            /* border: 2px solid #4CAF50; */
        }

        h3#loginModalLabel\ text-center\ w-100 {
            padding-top: .5rem;
        }

        .left {
            width: 20%;
            background: linear-gradient(115deg, #284491, #834e99);
            overflow-y: auto;
            box-sizing: border-box;
            padding: .5rem;
            max-height: 430px;
            overflow-y: auto;
            border-radius: 10px;
        }

        .left-panel ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }

        .left-panel li {
            margin: 10px 0;
            position: relative;
            /* Ensure submenu appears over other content */
        }

        .left .search-bar {
            margin-bottom: 10px;
        }

        .left .menu-item {
            padding: 10px;
            cursor: pointer;
            border-bottom: 1px solid #ccc;
        }

        .left .menu-item:hover {
            background-color: #e0e0e0;
        }

        /* #myMenu li:hover .submenu {
            display: block;
            transition: all 2s;
        }
        #myMenu li .submenu {
            display: none;
        } */

        .left-panel a {
            text-decoration: none;
            color: #333;
            display: block;
            /* Ensure the entire area is clickable */
            padding: 5px 10px;
            border-radius: 3px;
            transition: background-color 0.3s ease;
            /* Smooth hover transition */
        }

        /* .submenu {
            list-style-type: none;
            padding-left: 15px;
            margin-top: 5px;
        }

        .submenu li {
            margin: 5px 0;
        } */

        .submenu {
            list-style-type: none;
            /* padding-left: 15px; */
            margin: 0;
            max-height: 0;
            /* Initially hide the submenu */
            overflow: hidden;
            /* transition: max-height 0.3s ease-out;  */
            /* Smooth transition for showing/hiding */
            /* transition: visibility 1s; */
        }

        .submenu.expanded {
            max-height: 1000px;
            /* Large enough value to show all items */
        }

        .submenu li a {
            font-size: .75rem;
            color: #e9e5fc !important;
        }

        .submenu li:hover a {
            font-size: .7rem;
            color: #f1f1f1 !important;
        }

        .submenu li:hover {
            background: linear-gradient(115deg, #284491, #834e99);
            border-radius: 0;
        }

        .cls_btn_nw {
            position: absolute;
            width: 100%;
            display: block;
        }

        .btn-close {
            --bs-btn-close-color: #000;
            --bs-btn-close-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e);
            --bs-btn-close-opacity: 0.5;
            --bs-btn-close-hover-opacity: 0.75;
            --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
            --bs-btn-close-focus-opacity: 1;
            --bs-btn-close-disabled-opacity: 0.25;
            --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
            box-sizing: content-box;
            width: 1em;
            height: 1em;
            padding: .25em .25em;
            color: var(--bs-btn-close-color);
            background: transparent var(--bs-btn-close-bg) center / 1em auto no-repeat;
            border: 0;
            border-radius: .375rem;
            opacity: var(--bs-btn-close-opacity);
            position: absolute;
            right: 0;
            margin: 1rem;
        }

        .has-submenu:hover .submenu {
            /* max-height: 1000px;      */
            /* Large enough value to show all items */
            transition: max-height 2s;
        }

        .right {
            width: 100%;
            /* background-color: #e0e0e0; */
            padding: 0 .25rem;
            box-sizing: border-box;
            overflow-y: auto;
        }

        .modal-dialog-centered {
            display: flex;
            align-items: center;
            min-height: calc(100% - 1rem);
        }

        .modal-content {
            margin: auto;
        }

        input:focus,
        input:hover {
            outline: none;
            box-shadow: none !important;
        }

        .btn-outline-secondary {
            --bs-btn-color: #6c757d;
            --bs-btn-border-color: #d9d6d6;
        }

        #heading_box {
            width: 86%;
            margin: 0 auto 1rem;
        }

        #loginForm,
        .modal-title {
            width: 100%;
            margin: 0 auto;
        }

        #rblogo_box {
            display: block;
            width: 100%;
        }

        #hom_btn {
            color: #cecece;
        }

        #hom_btn:hover {
            color: rgb(5, 62, 132);
        }

        #con_divbox {
            display: block;
        }

        /* #loginForm{ box-shadow: 0px 15px 20px #cecece} */

        .btn-rd222 {
            color: #fff;
            border: none;
            background: linear-gradient(200deg, #2671cd 3.33%, #a468c2 70.46%);
        }

        .modal-dialog {
            max-width: 1000px;
            margin: .5rem auto;
        }

        #loginModalLabel {
            display: block;
            width: 100%;
            text-align: center !important;
        }

        #login_img img {
            border-radius: 0 5px 5px 0;
        }

        h1 span {
            font-size: 1rem;
            display: block;
            width: 100%;
            color: #333;
        }

        h1 {
            font-size: 1.5rem;
            line-height: 1.4;
            color: #284491;
        }

        iframe {
            border: none;
            height: 70vmax;
            width: 98%;
            margin: 0 1%;
            border-radius: .5rem;
        }

        /* for mobile device */
        @media only screen and (max-width: 768px) {

            .left,
            .right {
                width: 100%;
            }

            .right {
                margin-top: .5rem !important;
            }

            #loginForm,
            .modal-title {
                width: 90%;
                margin: 1rem auto;
                padding: 1rem;
            }

            #login_img img {
                display: none;
            }

            #loginForm button.btn {
                width: 50% !important;
            }

            #loginForm {
                border-radius: 5px;
            }

            iframe {
                width: 100%;
            }

        }

        @media only screen and (min-width: 768px) {

            #loginForm,
            .modal-title {
                width: 90%;
                margin: 0 auto 0 2.5rem;
            }

            #rblogo_box {
                display: inline;
                width: 2%;
            }

            #con_divbox {
                display: flex;
                width: 98%;
                margin: 1rem auto;
                padding: 1rem;
                border-radius: .5rem;
                background: #f0f0f0;
            }


        }

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

            .modal-content {
                margin: auto;
                width: 90%;
                height: 90vh;
            }

        }


        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
            .left {
                width: 30%;
            }

        }
    
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
*{ margin: 0; padding: 0;}
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

body{
  min-height: 100vh;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
    
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
  font-size: 15px;
  background: #eee;
}
.cd__intro{
   padding: 60px 30px;
   margin-bottom: 15px;
        flex-direction: column;

}
.cd__intro,
.cd__credit{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    background: #fff;
    color: #333;
    line-height: 1.5;
    text-align: center;
}

.cd__intro h1 {
   font-size: 18pt;
   padding-bottom: 15px;

}
.cd__intro p{
   font-size: 14px;
}

.cd__action{
   text-align: center;
   display: block;
   margin-top: 20px;
}

.cd__action a.cd__btn {
  text-decoration: none;
  color: #666;
   border: 2px solid #666;
   padding: 10px 15px;
   display: inline-block;
   margin-left: 5px;
}
.cd__action a.cd__btn:hover{
   background: #666;
   color: #fff;
    transition: .3s;
-webkit-transition: .3s;
}
.cd__action .cd__btn:before{
  font-family: FontAwesome;
  font-weight: normal;
  margin-right: 10px;
}
.down:before{content: "\f019"}
.back:before{content:"\f112"}

.cd__credit{
    padding: 12px;
    font-size: 9pt;
    margin-top: 40px;

}
.cd__credit span:before{
   font-family: FontAwesome;
   color: #e41b17;
   content: "\f004";


}
.cd__credit a{
   color: #333;
   text-decoration: none;
}
.cd__credit a:hover{
   color: #1DBF73; 
}
.cd__credit a:hover:after{
    font-family: FontAwesome;
    content: "\f08e";
    font-size: 9pt;
    position: absolute;
    margin: 3px;
}
.cd__main{
  background: #fff;
  /* padding: 20px; */
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  
}
.cd__main{
    display: block;
    width: 100%;
}

@media only screen and (min-width: 1360px){
    .cd__main{
      max-width: 1280px;
      /* margin-left: auto;
      margin-right: auto;  */
      /* padding: 24px; */
    }
}



/* Fire Tariff css starts */
#fire_trf_box tr{ border-style: hidden;}
.w-85{ width:85% !important}
#fire_trf_box div{ border: 1px solid #3c3c3c; padding-top: 1rem;}
#fire_trf_box div:last-child{ margin-right: 0 !important; margin-left: 3.75rem !important;}
#fire_trf_box thead td{ padding: 0;}
#fire_trf_box .table, #fire_trf_box em{ margin-bottom:0;}

#ref_cat div p{ font-size:.75rem !important;}
#ref_cat div{ border: 1px solid #3c3c3c; margin: .125rem !important;}
#ref_cat .col-sm-3{ width: 24.5%; padding:.5rem;}
#ref_cat div:last-child{ margin-right: 0 !important; margin-left: 0 !important;}
#ref_cat > p{color:#053e84 !important;}

.flexa_rts tr {
    border: none !important; 
    /* border-color:#334d95 !important; */
}
.flexa_rts .form-control{
    padding:.15rem .5rem;
    border-radius:2px;
    margin: 0;
}
.flexa_rts div{ border: 1px solid #334d95; border-radius: 1rem !important;}

.flexa_rts td{ padding: 1px; font-size:.875rem; text-align: center; vertical-align: baseline ;}
.flexa_rts th{ 
    background: #fff !important; 
    color:#053e84 !important;}

.nic{ 
    background: #a3bfef !important;
    /* border: 1px solid #334d95; */
    font-size: .875rem !important;
}
.nic .form-control{ 
    /* background: #bfcee490 !important; */
}
.iib{ background: #e5efff !important; 
    /* border: 1px solid #334d95; */
}
.iib .form-control{ 
    /* background: #e5efff !important; */
}
.nia{ background: #cddffe !important; 
    /* border: 1px solid #334d95; */
}
.nia .thead td{ border-bottom:0;}
.nia .form-control{ 
    /* background: #cddffe !important; */
}


th.grey-3, td.grey-3 { background: #e5e8eb !important;}
th.grey-3{  
    /* border: 1px solid grey;  */
    border-bottom: 0;
}
td.grey-3{  
    /* border: 1px solid grey; */
     border-bottom:0; border-top:0; }
/* td.grey-3:last-child{  border-bottom: 1px solid grey; border-top:0; } */
/* Fire Tariff css ends */