:root {
          --main-size: 1366px;
          --main-font: 'Open Sans', sans-serif;
          --main-font-size: 15px;
          --main-font-weight: 400;
          --main-font-color: #211D1E;
          --main-font-align: Left;
          --main-font-lh: 1.4;
          --main-margin-bottom: 20px;
          --color-bodyGrey: #211D1E;
          --color-white: #FFF;
          --color-blue: #104583;
          --color-lightBlue: #26A9E1;

          --color-darkBlue: #1B345C;

          --h1-font-size: 30px;
          --h1-font-weight: 600;
          --h1-font-color: #074D89;
          --h1-font-align: Left;
          --h1-font-lh: 1.2;
          --h1-font-style: normal;
          --h1-text-transform: none;
          --h1-margin-bottom: 45px;
          --h2-font-size: 18px;
          --h2-font-weight: 600;
          --h2-font-color: var(--color-blue);
          --h2-font-align: Left;
          --h2-font-lh: 1.4;
          --h2-font-style: normal;
          --h2-text-transform: none;
          --h2-margin-bottom: 0px;
          --h3-font-size: 16px;
          --h3-font-weight: 500;
          --h3-font-color: var(--color-lightBlue);
          --h3-font-align: Left;
          --h3-font-lh: 1.4;
          --h3-font-style: normal;
          --h3-text-transform: none;
          --h3-margin-bottom: 0px;
        }

        .switch-bodyGrey {
          color: var(--color-bodyGrey) !important
        }

        .bg-bodyGrey {
          background: var(--color-bodyGrey) !important
        }

        .switch-white {
          color: var(--color-white) !important
        }

        .bg-white {
          background: var(--color-white) !important
        }

        .switch-blue {
          color: var(--color-blue) !important
        }

        .bg-blue {
          background: var(--color-blue) !important
        }

        .switch-lightBlue {
          color: #26A9E1 !important
        }

        .bg-lightBlue {background: var(--color-lightBlue) !important }

        .switch-darkBlue {
          color: #0E4383 !important
        }

        .bg-darkBlue {
          background: #0E4383 !important
        }


        .h1,
        h1 {
          font-size: var(--h1-font-size);
          font-weight: var(--h1-font-weight);
          color: #074D89;
          text-align: var(--h1-font-align);
          line-height: var(--h1-font-lh);
          font-style: var(--h1-font-style);
          text-transform: var(--h1-text-transform);
          text-transform: uppercase;
          margin-bottom: 31px;
          margin-top: 56px;

          font-family: 'eurostileregular', Arial, Helvetica, sans-serif;

        }

        .h2,
        h2 {
          font-size: var(--h2-font-size);
          font-weight: var(--h2-font-weight);
          color: #084E8A;
          text-align: var(--h2-font-align);
          line-height: var(--h2-font-lh);
          font-style: var(--h2-font-style);
          text-transform: var(--h2-text-transform);
          margin-bottom: var(--h2-margin-bottom);
          font-family: 'eurostileregular', Arial, Helvetica, sans-serif;
          font-weight: 600 !important;
        }

        .h3,
        h3 {
          font-size: 16px;
          font-weight: 500;
          color: var(--h3-font-color);
          text-align: var(--h3-font-align);
          line-height: var(--h3-font-lh);
          font-style: var(--h3-font-style);
          text-transform: var(--h3-text-transform);
          margin-bottom: var(--h3-margin-bottom);


        }

        .note-header1 {
          color: #24A9E0;
          font-size: 16px;
          font-weight: 500;
        }

        h4 {
          font-weight: bold;
          font-size: 18px;
          font-family: 'eurostileregular', Arial, Helvetica, sans-serif;
          color: #0F4382;
          margin-bottom: 0;
        }

        h5 {
          font-size: 17px;
          font-weight: bold;
          font-family: 'eurostileregular', Arial, Helvetica, sans-serif;
          color: #35A9E0;
          margin-bottom: 0;
        }

        .introSmall {
          font-size: 16px;
          font-weight: 1;
          text-align: Left;
          font-style: normal;
          line-height: 0.1;
          margin-bottom: 1px;
          color: var(--color-bodyGrey)
        }

        .text-right {
          text-align: right !important;
        }

        h1 span {
          display: block;
          font-size: 18px;
          font-weight: 400;
          text-transform: initial;
        }

        /* FINANCIAL TABLE STYLES*/

        .fin-tbl tr:hover {
          background: #DCDDDE;
        }

        .fin-tbl {
          width: 100%;
          margin: 0 0 10px 0;
          padding: 0 0px;
          font-size: 15px;
          border-collapse: separate;
        }

        .fin-tbl tr td {
          padding: 3px 8px 3px 3px;
          color: #000
        }

        .fin-tbl th {
          padding: 3px 8px 3px 3px;
          color: #000;
          background: #DCDDDE;
          font-weight: bold;
          text-align: right
        }

        table tr td {
          padding: 3px 8px 3px 3px;
        }

        .fin-tbl tr td[width="5"] {
          padding: 3px 0px 3px 3px;
        }

        .fin-tbl tr th[width="5"] {
          padding: 3px 0px 3px 3px;
        }




        .fincaption {
          font-size: 12px !important;
          padding-top: 0;
          padding-bottom: 0
        }

        .excel-btn {
          margin-top: 20px;
          display: inline-block;
          float: right;
        }

        .excel-btn::after {
          -webkit-transform: translateY(-50%) rotate(90deg) !important;
          transform: translateY(-50%) rotate(90deg) !important;
          -webkit-transition: 0.2s ease-in-out !important;
          transition: 0.2s ease-in-out !important;
        }

        .excel-btn:hover::after {
          left: 20px !important;
          top: 55% !important
        }

        .finleftradius {
          border: 1px solid #36A9E1;
          border-top-right-radius: 15px;
          border-left: none;
          border-bottom: 6px solid #53A8D6;
        }

        .fintopradius {
          border-top: 1px solid #36A9E1;
          position: relative
        }

        .fintopradius:after {
          content: '';
          width: 5px;
          height: 5px;
          background: var(--color-lightBlue);
          display: inline-block;
          position: absolute;
          left: -3px;
          top: -3px;
          border-radius: 50%;
        }

        .finthinline {
          border-bottom: 1px solid #000;
        }

     

        .finthickline {
          border-bottom: 2px solid #000;
        }

        .finthicklblue {
          border-bottom: 4px solid #00ACD6;
        }


        .fintop {
          border-top: 1px solid #000;
        }

     

        .fintopleft {
          border-top: 1px solid #B2B2B2;
          border-left: 1px solid #B2B2B2;
        }

        .fintopright {
          border-top: 1px solid #B2B2B2;
          border-right: 1px solid #B2B2B2;
        }

        .finbotleft {
          border-bottom: 1px solid #B2B2B2;
          border-left: 1px solid #B2B2B2;
        }

        .finbotright {
          border-bottom: 1px solid #B2B2B2;
          border-right: 1px solid #B2B2B2;
        }

 

        .finleft {
          border-left: 1px solid #000;
        }

      
        .finright {
          border-right: 1px solid #000;
        }




        .fincolumn {
          background: #F1F1F2;
        }

        .finthickgrey {
          border-bottom: 2px solid #B2B2B2;
        }

        .finthingrey {
          border-bottom: 1px solid #B2B2B2;
        }

        .fintopgrey {
          border-top: 1px solid #B2B2B2;
        }

        .finleftgrey {
          border-left: 1px solid #B2B2B2;
        }

        .finrightgrey {
          border-right: 1px solid #B2B2B2;
        }

        .finbotrightgrey {
          border-right: 1px solid #B2B2B2;
          border-bottom: 1px solid #B2B2B2;
        }

        .finbotleftgrey {
          border-left: 1px solid #B2B2B2;
          border-bottom: 1px solid #B2B2B2;
        }

        .fintoprightgrey {
          border-right: 1px solid #B2B2B2;
          border-top: 1px solid #B2B2B2;
        }

        .fintopleftgrey {
          border-left: 1px solid #B2B2B2;
          border-top: 1px solid #B2B2B2;
        }


        .border-left-blue {
          border-right: 6px solid;
          border-image-slice: 1;
          border-image-source: linear-gradient(#25AAE1 0%, #086C95 0.3%, #00A9A4 76%, #2CB66E 100%);
        }

        .finthickheader2 {
          border-bottom: 6px solid #53A8D6;
        }

        .grey-bg-header {
          background: #F1F1F2
        }

        .grey-bg-header {
          background: #E0E1EB
        }


        /*RESETS*/
        b,
        strong {
          font-weight: bold !important;
        }

        .no-margin {
          margin: 0 !important;
        }

        .no-marginT {
          margin-top: 0 !important;
        }

        .no-marginB {
          margin-bottom: 0 !important;
        }

        .no-marginL {
          margin-left: 0 !important;
        }

        .no-marginR {
          margin-right: 0 !important;
        }

        .no-padding {
          padding: 0 !important;
        }

        .no-paddingT {
          padding-top: 0 !important;
        }

        .no-paddingB {
          padding-bottom: 0 !important;
        }

        .no-paddingL {
          padding-left: 0 !important;
        }

        .no-paddingR {
          padding-right: 0 !important;
        }

        .padding-30 {
          padding: 30px;
        }

        .padding-30L {
          padding-left: 30px !important;
        }

        .padding-30R {
          padding-right: 30px !important;
        }

        .padding-30T {
          padding-top: 30px !important;
        }

        .padding-30B {
          padding-bottom: 30px !important;
        }

        .padding-25 {
          padding: 20px !important;
        }

        .padding-25L {
          padding-left: 20px !important;
        }

        .padding-25R {
          padding-right: 20px !important;
        }

        .padding-25T {
          padding-top: 20px !important;
        }

        .padding-25B {
          padding-bottom: 20px !important;
        }

        .padding-20 {
          padding: 20px !important;
        }

        .padding-20L {
          padding-left: 20px !important;
        }

        .padding-20R {
          padding-right: 20px !important;
        }

        .padding-20T {
          padding-top: 20px !important;
        }

        .padding-20B {
          padding-bottom: 20px !important;
        }

        .padding-15 {
          padding: 15px !important;
        }

        .padding-15L {
          padding-left: 15px !important;
        }

        .padding-15R {
          padding-right: 15px !important;
        }

        .padding-15T {
          padding-top: 15px !important;
        }

        .padding-15B {
          padding-bottom: 15px !important;
        }

        .padding-10 {
          padding: 10px !important;
        }

        .padding-10L {
          padding-left: 10px !important;
        }

        .padding-10R {
          padding-right: 10px !important;
        }

        .padding-10T {
          padding-top: 10px !important;
        }

        .padding-10B {
          padding-bottom: 10px !important;
        }

        .margin-30 {
          margin: 30px !important;
        }

        .margin-30L {
          margin-left: 30px !important;
        }

        .margin-30R {
          margin-right: 30px !important;
        }

        .margin-30T {
          margin-top: 30px !important;
        }

        .margin-30B {
          margin-bottom: 30px !important;
        }

        .margin-25 {
          margin: 25px !important;
        }

        .margin-25L {
          margin-left: 25px !important;
        }

        .margin-25R {
          margin-right: 25px !important;
        }

        .margin-25T {
          margin-top: 25px !important;
        }

        .margin-25B {
          margin-bottom: 25px !important;
        }

        .margin-20 {
          margin: 20px !important;
        }

        .margin-20L {
          margin-left: 20px !important;
        }

        .margin-20R {
          margin-right: 20px !important;
        }

        .margin-20T {
          margin-top: 20px !important;
        }

        .margin-20B {
          margin-bottom: 20px !important;
        }

        .margin-15 {
          margin: 15px !important;
        }

        .margin-15L {
          margin-left: 15px !important;
        }

        .margin-15R {
          margin-right: 15px !important;
        }

        .margin-15T {
          margin-top: 15px !important;
        }

        .margin-15B {
          margin-bottom: 15px !important;
        }

        .margin-10 {
          margin: 10px !important;
        }

        .margin-10L {
          margin-left: 10px !important;
        }

        .margin-10R {
          margin-right: 10px !important;
        }

        .margin-10T {
          margin-top: 10px !important;
        }

        .margin-10B {
          margin-bottom: 10px !important;
        }

        .margin-5 {
          margin: 5px !important;
        }

        .margin-5L {
          margin-left: 5px !important;
        }

        .margin-5R {
          margin-right: 5px !important;
        }

        .margin-5T {
          margin-top: 5px !important;
        }

        .margin-5B {
          margin-bottom: 5px !important;
        }



        /**Home page**/

        .bottom-downloads-block {
          position: relative;
          top: 32%
        }

        .bottom-block {
          /*margin-top: 84px; */
          min-height: 452px;
          overflow: hidden;
          position: relative;
        }

        .bottom-block .container {
          position: relative;
          z-index: 99;
        }

        .bottom-block .container .row {
          min-height: 452px
        }

        .bottom-block .blue-back-img {
          position: absolute;
          right: 0px;
          bottom: 0px;
        }

        #animation_container {
          position: absolute;
          top: 0px;
          right: 0px;
          width: 1920px !important;
          max-height: 779px !important
        }

        .btn-crc-home {
          color: var(--color-lightBlue);
          text-transform: uppercase;
          font-size: 17px;
          font-weight: 700;
          text-align: center;
          text-decoration: none;
          display: block;
          transition: 0.6s ease-in-out;
        }


        .btn-crc-home .link-crc {
          display: block;
          position: relative;
          width: 80%;
          padding-top: 80%;
          border-radius: 50%;
          border: solid 1px var(--color-white);
          margin: 0px auto 10px auto;
          transition: 1s ease-in-out;
        }

        .btn-crc-home:hover {
          color: var(--color-white);
        }

        .btn-crc-home:hover .link-crc {
          box-shadow: 0 0 0 5px rgb(255 255 255 / 50%), 0 0 0 10px rgb(255 255 255 / 10%);
        }


        .btn-crc-home .link-crc::after {
          font-family: 'icomoon';
          position: absolute;
          font-size: 50px;
          font-weight: 400;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
        }

        .webcast-btn-icon::after {
          content: "\e8cb";
        }

        .pdf-btn-icon::after {
          content: "\efd5";
        }

        .excel-btn-icon::after {
          content: "\efd8";
        }

        #canvas {
          width: 1920px !important;
          max-height: 779px !important
        }

        .link-list {
          list-style-type: none;
          padding: 0px;
          margin: 0px
        }

        .link-list li a {
          padding: 20px 0px 20px 25px;
          position: relative;
          font-size: 15px;
          font-weight: 600;
          color: #28AAE1;
          border-bottom: 1px solid #AEB5BF;
          text-transform: uppercase;
          display: block;
          text-decoration: none;
          overflow: hidden;
        }

        .link-list li:last-child a {
          border-bottom: none
        }

        .link-list li a:before {
          content: "\e944";
          font-family: 'icomoon';
          color: var(--color-lightBlue);
          position: absolute;
          z-index: 1;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          left: 0px;
          transition: 0.6s ease-in-out;
        }

        .link-list li a:hover:before {
          left: 5px;
        }

        .link-list li a .link-text {
          position: relative;
          z-index: 1;
        }

        .link-list li a:after {
          content: "";
          z-index: 0;
          height: 100%;
          width: 100%;
          position: absolute;
          top: 0px;
          left: -100%;
          transition: 1s ease-in-out;
          background: rgb(241, 246, 252);
          background: linear-gradient(90deg, rgba(241, 246, 252, 1) 50%, rgba(16, 69, 131, 0) 100%);
        }

        .link-list li a:hover:after {
          left: 0%
        }

        /**End Home Page**/

        /*Commentary Tabs*/

        .blue-expand {
          padding: 1.2em 30px;
          display: block;
          position: relative;
          transition: 0.6s ease-in-out;
          cursor: pointer;
          color: #054E8A;
          border-bottom: 1px solid #707070;
          margin-bottom: 0px;
          font-size: 1em !important;
          font-weight: bold;
          text-transform: uppercase;
        }

        .blue-expand:hover {
          background: #F4F9FD;
        }

        .blue-expand:before {
          content: "+";
          font-size: 2em;
          font-weight: 500;
          color: #104583;
          font-family: 'fontawesome';
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: 4px;
          transition: 0.6s ease-in-out;
        }


        .blue-acc {
          display: none;
          padding: 55px 0 0 0;
          margin-top: -40px;
        }

        .blue-expand-active {
          color: #054E8A;
          background: #F4F9FD;
        }

        .blue-expand-active:before {
          left: -8px;
          top: 40%;
          transform: rotate(45deg) translateY(-50%)
        }

        /**Accordion End**/

        /**Header and menu **/

        .navbar-light .navbar-toggler-icon {
          background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgb(255, 255, 255)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important
        }

        .navbar-light .navbar-toggler {

          border: 1px solid #fff
        }

        /*.menu-scroll .dropdown-menu {position: fixed;}*/

        .dropdown-menu {
          padding: 18px 0px;
          border-radius: 0px;
          position: fixed !important;
          max-height: 90vh;
          border-left: 1px solid #D9DCE1;
          border-bottom-left-radius: 20px;
          margin-top: 0px;
          border-top: 0;
          border-right: 0;
          min-width: 60%;
          margin-left: 0px;
        }

        .navbarDropdown1,.navbarDropdown2 {
          position: relative;
          left: 0;
    width: 100%;margin-top: 10px;
        }

        .navbarDropdown1:before {
          content: '';
          width: 100%;
          height: 100%;
          border-top: 0 !important;
          border-bottom: 1px solid #D9DCE1;
          right: -493px;
          position: absolute;
          top: 0px;
          background: #fff;
        }


        .dropdown-menu .dropdown-item {
          padding: 15px 0px 15px 10px;
          position: relative;
          font-size: 12px;
          font-weight: 600;
          color: #28AAE1 !important;
          border-bottom: 2px solid #D9DCE1;
          text-transform: uppercase;
          white-space: unset;
        }

        .dropdown-item.active,
        .dropdown-item:active {
          color: #fff;
          text-decoration: none;
          background-color: transparent;
        }

        .footerbackground-color {
          background-color: #27AAE1
        }

        .dropdown-menu .dropdown-item:hover {
          /*background: var(--color-darkBlue);*/
        }

        .dropdown-menu .dropdown-item::before {
          content: "\e944";
          font-family: 'icomoon';
          color: var(--color-blue);
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          left: 0px;
        }

        .dropdown-toggle:active {
          color: var(--color-white) !important
        }

        .active-ball {
          width: 8px;
          height: 8px;
          background-color: var(--color-lightBlue);
          border-radius: 50%;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: -15px;
          transition: 0.6s ease-in-out;
          z-index: 1
        }

        .headerblock {
          width: 100%;
          overflow-x: hidden;
          position: relative;
          min-height: 130px;
          background: url('../images/nav-holder.png');
          background-repeat: no-repeat;
          background-size: cover;
        }

        .head-text {
          text-align: right;
          color: #FFF !important;
          font-size: 16px;
          margin-bottom: 0;
          font-family: 'eurostileregular', Arial, Helvetica, sans-serif;
          font-weight: normal;
          letter-spacing: 2px;
          padding-top: 15px;
        }

        /*.head-box {margin: 16px 0 10px 0}*/

        .navbar-nav .nav-link {
          padding: 11px 1rem;
          font-weight: 600
        }

        .navbar {
          padding: 0px;
          background-color: #27AAE1
        }

        /*navbar:before {content: '';background-color: rgba(178, 190, 181,0.4);right: -35%;position: absolute;top: -2px}*/

        .head-text span {
          display: block;
          font-size: 30px;
          font-weight: bold;
          line-height: 1;
        }

        .no-paddingLR {
          padding-left: 0;
          padding-right: 0
        }

        .fin-hover .nav-link {
          position: relative;
        }

        .fin-hover .nav-link:after {
          background-color: #27AAE1;
          padding-right: 5px;
          content: "\e93a";
          font-family: 'icomoon';
          position: absolute;
          font-size: 13px;
          color: #fff;
          right: -13px;
          top: 50%;
          transform: translateY(-50%);
          font-weight: bold;
          border-left: none;
          border-bottom: none;
          border-top: none;
          border-right: none;
          transition: 0.6s ease-in-out;
        }

        .fin-hover:hover .nav-link:after {
          content: "\e93a";
          font-family: 'icomoon';
          position: absolute;
          font-size: 13px;
          color: #084E8A;
          right: -13px;
          top: 50%;
          transform: translateY(-50%)
        }

        /*.head-border {border-top: 2px solid;border-image-slice: 1;border-image-source: linear-gradient(90deg, #114683 0%, #469E9C 20%, #4CA3B5 40%, #4EA4BF 60%, #53A8D6 80%, #54A9DC 100%);position: relative; transform: translateX(130%); animation: headBorder 4s ease-in-out forwards;}*/

        .menu {

          border-top: 1px solid #D9DCE1;
          border-bottom: 1px solid #D9DCE1;
          position: relative;
          padding: 5px 0px;
          margin-top: 20px;
        }

        .menu:before {
          content: '';
          min-width: 35%;
          min-height: 53px;
          border-top: 1px solid #D9DCE1;
          border-bottom: 1px solid #D9DCE1;
          right: -35%;
          position: absolute;
          top: -1px;
        }

        .menu:after {
          content: '';
          background-color: #273554;
          right: -30%;
          position: absolute;
          top: 5px;
          width: 35.5%;
          height: 41px;
          z-index: -3;
          padding: 5px;
        }

        @keyframes headBorder {
          0% {
            transform: translateX(130%);
          }

          100% {
            transform: translateX(0%);
          }
        }

        /*.head-border:before {content: '';width: 40%;height: 100%;border-top: 2px solid #54A9DC;right: -35%;position: absolute;top: -2px}*/

        .navbar-light .navbar-nav .nav-link {
          color: #fff;
          text-transform: uppercase;
          margin-right: 45px;
          font-size: 14px;
          transition: 0.6s ease-in-out;
        }

        .navbar-light .navbar-nav .nav-link:focus,
        .navbar-light .navbar-nav .nav-link:hover {
          color: #084E8A
        }

        .navbar-light .navbar-nav li:nth-last-child(2) a {
          margin-right: 50px;
        }

        .navbar-light .navbar-nav li:last-of-type a {
          margin-right: 30px;
        }

        .navbar-light .navbar-nav .nav-link.active,
        .navbar-light .navbar-nav .show>.nav-link {
          color: #084E8A
        }

        /*.menu-row{display: flex;  justify-content: flex-end;}*/

        .menu-wrapper-logo img {
          transition: 0.6s ease-in-out;
        }

        .menu-scroll {
          position: fixed;
          top: -30px;
          left: 0;
          width: 100%;
          background: #273554;
          box-shadow: 1px 10px 14px -13px rgb(0 0 0 / 73%);
          -webkit-box-shadow: 1px 10px 14px -13px rgb(0 0 0 / 73%);
          -moz-box-shadow: 1px 10px 14px -13px rgba(0, 0, 0, 0.73);
          min-height: auto;
          padding: 0;
          animation: slide-down 2s ease;
          padding-top: 15px !important;
          z-index: 9999;
          padding-bottom: 0 !important
        }

        .menu-scroll {
          padding: 15px 0;
          padding-bottom: 0px;
          top: -15px;
        }

        .menu-scroll .head-box {
          display: none;
        }

        .menu-scroll .menu-wrapper-logo img {
          width: 75px;
          transition: 0.6s ease-in-out;
        }

        .menu-wrapper-logo {
          height: 100%;
          display: inline-block;
          margin-right: auto;
          padding-top: 20px;
        }

        .menu-wrapper-logo a {
          display: block;
          height: 100%;
          padding: 5px 0;
          margin-bottom: 10px;
        }

        .menu-wrapper-logo a img {
          max-width: 100%;
        }

        .breadcrumb {
          font-size: 12px;
          color: var(--color-blue);
          width: 100%;
          display: block;
        }

        .breadcrumb a {
          text-decoration: none;
          color: var(--color-lightBlue)
        }

        /* #navbarDropdown1{
  height: fit-content !important;
  padding: 52px 0px !important;
} */


        /*highlights*/
        .border-highlights-blue {
          border: 1px solid #AEB5BF;
          padding: 20px;
          position: relative;
          padding-top: 40px;
          padding-right: 50px;
        }

        .border-highlights-blue::before {
          position: absolute;
          content: "";
          width: 15%;
          height: 4px;
          background-color: #084E8A;
          top: -2px;
          left: 20px;

        }

        .inner-block-highlights {
          position: relative;
          background-color: #EFF0F2;
          padding: 20px;
          border-left: 1px solid #707070;
          margin-bottom: 15px;
          height: 100%;
        }

        .inner-block-highlights::before {
          position: absolute;
          bottom: 9px;
          left: -2px;
          content: "";
          width: 4px;
          height: 20%;
          background-color: #0FABA4;
        }

        .inner-block-highlights p {
          color: #000;
        }

        .inner-block-highlights p {}

        .inner-block-highlights p span {
          font-size: 30px;
          color: #104583;
          font-weight: 600;
          font-family: 'eurostileregular', Arial, Helvetica, sans-serif;
        }

        .mini-highlight {
          font-size: 14px !important;
          color: #9D9DA2 !important;
          font-weight: 400 !important;
          position: relative;
          top: -12px;
        }

        .highlight-background {
          background-image: url(../images/highlight-backgroung-img-2026.png);
          width: 100%;
          height: 100%;
          background-repeat: no-repeat;
          background-size: cover;
        }


        /**footer styles **/
        @font-face {
          font-family: 'eurostileregular';
          src: url('../fonts/eurosti-webfont.eot');
          src: url('../fonts/eurosti-webfont.eot?#iefix') format('embedded-opentype'),
          url('../fonts/eurosti-webfont.woff') format('woff'),
          url('../fonts/eurosti-webfont.ttf') format('truetype'),
          url('../fonts/eudiv.group .highlights-block .heading-wrapper {height: auto;}rosti-webfont.svg#eurostileregular') format('svg');
          font-weight: normal;


        }

        .footer-wrapper {
          z-index: 99;
          bottom: 0;
          width: 100%;
          font-family: 'eurostileregular', Arial, Helvetica, sans-serif;
          font-weight: normal;
          transform: translateY(100%);
          transition: 0.6s ease-in-out;
          position: relative;
          overflow-x: hidden;
          background: #fff;
        }

        .foot-title {
          font-family: 'eurostileregular';
          margin-bottom: 0;
          color: #fff !important;
          font-size: 16px;
          font-weight: 600;
          text-align: center;
          margin-top: 10px;
        }

        .foot-title span {
          display: inline-block;
          font-size: 30px;
          font-weight: 700;
          line-height: 1;
          position: relative;
          bottom: -2px;
          margin-left: 5px
        }

        .nav-controller {
          height: 100%;
          width: calc(50% - 5px);
          display: inline-block;
          margin: 0px;
          width: 44px;
          height: 44px;
        }

        .nav-controller a {
          transition: 0.6s ease-in-out;
          display: block;
          height: 100%;
          position: relative;
        }

        .nav-controller a:before {
          transition: inherit;
          font-family: "icomoon";
          color: #fff;
          font-size: 20px;
          font-weight: 500;
          position: absolute;
          top: 50%;
          transform: translate(-50%, -50%);
          left: 50%;
        }

        .nav-next-button:before {
          content: "\e944";
        }

        .nav-next-button:hover:before {
          margin-left: 8px;
          color: #fff;
        }

        .nav-prev-button:before {
          content: "\e943";
        }

        .nav-prev-button:hover:before {
          margin-left: -8px;
          color: #fff;
        }

        /*scroll to top*/
        .scroll {
          position: fixed;
          bottom: 0px;
          right: 0px;
          z-index: 999;
        }

        .scroll>.scroll-btn {
          position: relative;
          display: block;
          background: #229B8C;
          width: 50px;
          height: 50px;
          text-align: center;
          color: #fff;
          cursor: pointer;
          margin-right: 20px;
          border-radius: 50%;
        }

        .scroll>.scroll-btn span {
          display: block;
          position: relative;
          font-size: 25px;
          top: 50%;
          transform: translateY(-50%);
          color: #FFF;
        }

        .scroll>.scroll-btn:hover span {
          -webkit-animation: bounce-arrow 1.5s infinite;
          animation: bounce-arrow 1.5s infinite;
          color: #fff;
        }

        .scroll>.scroll-btn .winPro {
          fill: none;
          stroke: #002F75;
          stroke-width: 5px;
          stroke-dasharray: 0 999;
        }
    .navbar-expand-lg .navbar-nav {
        background-color: #27AAE1;
    }

        .point {
          position: fixed;
          right: 45px;
          bottom: 40px;
          z-index: 99;
        }

        .left-ani {
          -webkit-transform: translateX(130px);
          transform: translateX(130px);
          -webkit-transition: 1s;
          transition: 1.25s;
        }

        .menu-scroll .menu:before {
          min-height: 54px;
        }

        .menu-scroll .menu:after {
          height: 42px;
        }

        @-webkit-keyframes bounce-arrow {
          0% {

            -webkit-transform: translateY(-25%);
            transform: translateY(-25%);
            opacity: 0.5;
          }

          50% {

            -webkit-transform: translateY(10%);
            transform: translateY(10%);
            opacity: 1;
          }

          100% {

            -webkit-transform: translateY(-25%);
            transform: translateY(-25%);
            opacity: 0.5;
          }
        }

        @keyframes bounce-arrow {
          0% {

            -webkit-transform: translateY(-25%);
            transform: translateY(-25%);
            opacity: 0.5;
          }

          50% {

            -webkit-transform: translateY(10%);
            transform: translateY(10%);
            opacity: 1;
          }

          100% {

            -webkit-transform: translateY(-25%);
            transform: translateY(-25%);
            opacity: 0.5;
          }
        }

        /**media queries **/
        @media screen and (max-width:1390px) {
          .navbar-light .navbar-nav .nav-link {
            font-size: 13px;
            margin-right: 35px
          }

          .menu:before {
            min-height: 46px;
          }

          .menu:after {
            height: 40px;
          }

          .menu-scroll .menu:after {
            height: 40px;
          }

          .menu-scroll .menu:before {
            height: 51px;
            min-height: 46px;
          }


        }

        @media screen and (max-width:1200px) {
          .navbar-light .navbar-nav .nav-link {
            font-size: 12px;
            margin-right: 15px
          }
        }



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

          .fin-hover .nav-link:after {
            right: 19px;
          }

           .fin-hover:hover .nav-link:after {
         
          right: 10px;
          
     
        }

          .navbar-light .navbar-nav li:nth-last-child(2) a {
            margin-right: 0px;
          }

          .navbar-light .navbar-nav li:last-of-type a {
            margin-right: 0px;
          }

          .nav-fintop {
            border-top: 1px solid #fff;
          }

          .navbar-light .navbar-nav .nav-link {
            font-size: 12px;
            margin-right: 0px;
            border-bottom: 1px solid #fff;
          }


          .dropdown-menu {
            min-width: auto;
            position: relative !important;
            margin-left: 0;
            border-bottom-left-radius: 0;
            max-height: initial;
          }

          .fintopradius:after {
            display: none
          }

          #selectable-content {
            margin-bottom: 0px !important;
          }

          .footer-wrapper {
            position: relative;
            overflow-x: hidden;
          }

          .menu-row {
            display: block;
          }

          .active-ball {
            display: none;
          }

          .head-text {
            text-align: center;
          }

          .head-text span {
            font-weight: normal;
            font-size: 16px;
            display: inline;
          }

          .menu-wrapper-logo {
            /*margin:20px 0px;*/
            display: flex;
            justify-content: center;
            transition: 0.6s ease-in-out;
          }

          .menu-scroll .menu-wrapper-logo {
            justify-content: start;
          }

          .dropdown-menu {
            padding: 10px 0;
            background-color: #E0E5E2;
          }

          .dropdown-menu .dropdown-item {
            padding: 10px 25px;
            font-size: 12px;
            /*color: var(--color-white)*/
            ;
            font-weight: 400;
            padding: 10px 0px;
          }

          .dropdown-menu .dropdown-item::before {
            display: none;
          }

          .navbar-nav {
            margin: 20px 0px
          }

          .foot-title,
          .foot-title span {
            font-size: 12px;
          }

          .foot-title span {
            font-weight: normal;
            display: inline;
          }


          .scrollable {
            position: relative;
            clear: both
          }

          .scrollable {
            overflow: auto;
          }

          .scrollable:before {
            content: '';
            position: absolute;
            bottom: 10px;
            right: 10px;
            height: 50px;
            width: 50px;
            background-size: contain;
            z-index: 2;
          }

          .scrollable.scrolledR:before {
            display: none;
          }
        }

        @media screen and (max-width:767px) {
          .bottom-downloads-block {
            top: 0%
          }

          .link-crc {
            width: 35% !important;
            padding-top: 35% !important
          }

          .bottom-block {
            background: var(--color-blue);
            padding: 2em 0
          }

          .btn-crc-home {
            margin-bottom: 1em;
          }

          .blue-back-img {
            display: none;
          }
        }


        .navbar-light .navbar-nav .nav-link.active,
        .navbar-light .navbar-nav .show>.nav-link {
          color: #084E8A;
        }

        .nav-item a {
          position: relative;
        }

        .nav-item {
          position: relative;
        }

        .horiline::before {
          display: none;
          content: "";
          position: absolute;
          top: -6%;
          right: 0px;
          transform: translateY(-50%);
          border: 2px solid #084E8A;
          width: 100%;
          height: 2px;
        }

        .navbar-light .navbar-nav .nav-link.active .horiline::before {
          display: block;
        }

        .navbar-light .navbar-nav .nav-link:hover .horiline::before {

          display: block;


        }

        .navbar-light .navbar-nav .fin-hover:hover .horiline::before {

          display: block;
          right: -5px !important;

        }




        .nav-item a::before {

          display: none;

        }






        @keyframes moveDot {
          0% {
            right: -7px;
            /* Starting position */
          }

          100% {
            right: -34px;
            /* Ending position */
          }
        }





        @keyframes moveDot2 {
          0% {
            right: -18px;
            /* Starting position */
          }

          100% {
            right: -46px;
            /* Ending position */
          }
        }


        .showMe {
          display: none;
        }

        .showMe2 {
          display: block;
        }

        .showNav {
          display: flex !important;
        }

        .showNav2 {
          display: none !important;
        }

        @media screen and (max-width: 1496px) {
          /* .dropdown-menu {
 
 left: 442px;


} */

        }



.box-list {
  list-style: none;      /* Remove default bullets */
  padding-left: 0;
}

.box-list li {
  position: relative;
  padding-left: 1.5em;   /* Space for the box */
}

.box-list li::before {
  content: "◆";
  position: absolute;
  left: 0;
  color:  #4D4D4F;         /* Change color if needed */
  font-size: 0.9em;      /* Adjust size */
}


        ul.dashed-list {
    list-style: none;
    margin-bottom: 1em;
    margin-top: 0px;
    padding-left: 24px;
}
ul.list li ul.dashed-list {
    margin-bottom: 0;
    padding-left: 3px;
}
ul.list li ul.dashed-list li:before {
    position: absolute;
    content: '';
    left: -20px;
    width: 8px;
    border-bottom: 1px solid #4D4D4F;
    border-radius: 50%;
    top: 10px;
    background: none;
    border-radius: 0;
}
        @media screen and (max-width: 1388px) {
          .menu:after {
            height: 40px;

          }

          .menu:before {}

          /* .dropdown-menu {
    left: 299px;
} */

        }

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

          .menu:before {


            height: 51px;

          }

          .horiline::before {
            width: 100%;
            right: 0px;
          }


          .navbar-light .navbar-nav .nav-link:focus::before,
          .navbar-light .navbar-nav .nav-link:hover::before {
            right: -15px;
          }

          .navbar-light .navbar-nav .nav-link.active::before,
          .navbar-light .navbar-nav .show>.nav-link::before {
            right: -15px;
          }

          .navbar-light .navbar-nav .nav-link:focus::before,
          .navbar-light .navbar-nav .nav-link:hover::before {
            right: -15px;
          }

          /* .dropdown-menu {
    left: 214px;
} */
        }

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

          .dropdown-item.active,
          .dropdown-item:active {

            text-decoration: none;
            color: #0d6efd;
          }

          /* .dropdown-menu {
    left: 132px;
} */
          .menu:after {


            display: none;
          }

          .menu:before {

            display: none;

          }

          .navbar-light .navbar-nav .nav-link.active::before,
          .navbar-light .navbar-nav .show>.nav-link::before {

            display: none !important;

          }


          .navbar-light .navbar-nav .nav-link:focus::before,
          .navbar-light .navbar-nav .nav-link:hover::before {

            display: none !important;

          }

          .navbar-light .navbar-nav .fin-hover .nav-link.active::before,
          .navbar-light .navbar-nav .fin-hover .show>.nav-link::before {
            display: none !important;
          }

          .navbar-light .navbar-nav .fin-hover .nav-link:focus::before,
          .navbar-light .navbar-nav .fin-hover .nav-link:hover::before {
            display: none !important;
          }

          .horiline::before {
            display: none !important;

          }

          .navbar-light .navbar-nav .nav-link.active .horiline::before {
            display: none !important;
          }

          .navbar-light .navbar-nav .fin-hover:hover .horiline::before {

            display: none !important;

          }

          .showMe {
            display: block;
            color: ##084E8A !important;
          }

          .showMe2 {
            display: none;
          }
        }

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

          .dropdown-item.active,
          .dropdown-item:active {
            background-color: transparent !important;
          }

          .navbar-collapse {
            align-items: center;
            height: 50vh;
            overflow: auto;
            padding-bottom: 300px;
          }

          .showNav {
            display: none !important;
          }

          .showNav2 {
            display: flex !important;
          }

          .dropdown-menu {
            min-width: auto;
            position: static !important;
            margin-left: 0;
            border-bottom-left-radius: 0;
          }

          .navbarDropdown1:before {
            display: none;
          }

          /* .navbarDropdown1:before {
    content: '';
    width: 100%;
    height: 304px;
 
    right: -502px;
    position: absolute;
    top: 0px;
    background: #fff;
    z-index: 99;
} */
        }

        @media screen and (max-width: 762px) {
          .menu:after {
            width: 36.26%;

          }
        }

        @media screen and (max-width: 570px) {
          /* .dropdown-menu {
    left: 2%;
} */






        }