:root{
            --primary: #120806;
            --hov-primary: #e62e04;
            --soft-primary: rgba(18,8,6,.15);
        }

        ::-webkit-scrollbar {
          width:0px
        }

        /* Track */
         ::-webkit-scrollbar-track {
          background: #f1f1f1;
        }



        /* Handle */
         ::-webkit-scrollbar-thumb {
          background: #888;
        }
        .float{
            position:fixed;
            width:60px;
            height:60px;
            bottom:144px;
            right:27px;
            background-color:#25d366;
            color:#FFF;
            border-radius:50px;
            text-align:center;
          font-size:30px;
            box-shadow: 2px 2px 3px #999;
          z-index:100;
        }

        #map{
            width: 100%;
            height: 250px;
        }
        #edit_map{
            width: 100%;
            height: 250px;
        }

         .color{
            color: #000000;
         }
        .pac-container { z-index: 100000; }


        body{

            font-family: 'Public Sans', sans-serif;

            font-weight: 400;

            color: #000!important;


        }


        p {
            font-family: Poppins;
            font-size: 16px;
            font-weight: 400;
            line-height: 25px;
        }

        h1{
            color: black;
            font-weight: 700;
            font-size: 36px;
            margin-bottom: 20px;
        }

        h2{
            font-size: 32px;
            font-weight: 700;
            color: black;
            margin-bottom: 15px;
        }


        h3{
            font-size: 28px;
            font-weight: 700;
            color: black;
            margin-bottom: 10px;
        }

         h4{
            font-size: 24px;
            font-weight: 700;
            color: black;
            margin-bottom: 10px;
        }

        h6{
            font-size: 20px;
            font-weight: 700;
            color: var(--global--color-black);
        }

        a:hover{text-decoration:none}
        .custom-padding-nav {padding:5px 5px}
        .sticky-area-wrap.sticky .custom-padding-nav{padding:15px 7px}
        .main-header .navbar .nav-link {  font-size: 13px !important; text-transform: uppercase;}
        .height-50{width:50px; height:50px;}
        .main-header .navbar .dropdown-link { color: #000; font-size:13px; letter-spacing:-0.4px}
        .navbar-nav{position: relative;}
        .v-application--is-ltr .v-rating .v-icon {
        transform: scaleX(1);
        }
        .v-icon.v-icon.v-icon--link {
            cursor: pointer;
            outline: none;
        }
        .v-rating .v-icon {
            padding: 0 1px;
            pointer-events:none;
            border: 0;
            background: no-repeat;
        }
                .v-rating .la-star.active, .v-rating .la-star.half:after {
            color: #f5a100!important;
        }
        .me-4 {
            margin-right: 16px!important;
        }
         .pa-4 {
            padding: 16px!important;
        }
        .discount-badge {
            background-color: #ed2939;
            text-transform: uppercase;
            position: absolute;
            color: #fff;
            transform: rotate(-90deg) translate(-100%,100%);
            transform-origin: bottom left;
            top: 0;
            left: 0;
            padding: 2px 9px;
            font-size: 11px;
            box-shadow: 0 3px 3px rgb(0 0 0 / 12%);
        }
        .px-3 {
            padding-right: 12px!important;
            padding-left: 12px!important;
        }
        .me-3 {
            margin-right: 12px!important;
        }
        .me-3 button{background-color: transparent;
            border-style: none;     color: #000!important;   align-items: center;}
        .primary--text {
            background-color: transparent;
            border-style: none;
            color: #f5a100!important;
            caret-color:  #f5a100!important;
        }    
        .pa-1 {
            padding: 7px!important;
        }
        .grey.darken-3 {
            background-color: #424242!important;
            border-color: #424242!important;
            align-items: center; justify-content:center;
        }
        .v-application .py-2 {
            padding-top: 8px!important;
            padding-bottom: 8px!important;
        }
        .v-application .white--text {
            color: #fff!important;
            caret-color: #fff!important;
        }
        .sticky_logo {
            display: none;
        }
        .sticky .sticky_logo {
            display: block;
            max-width: 140px;
        }
        .justify-center{justify-content: center;}
                @media (max-width:1300px){
                    .main-header .navbar .nav-link {  font-size: 12px;}
                }
                @media (max-width: 767px){
        .main-header .navbar-brand {
            max-width: 120px;
        }
                }

        .goog-logo-link {
            display: none;
        }

        .goog-te-combo {
            /*height: 30px;
            font-family: Arial;*/
            display: inline-block;
            width: 100%;
            height: auto;
            padding: 3px 7px;
            line-height: 1.5;
            color: #495057;
            vertical-align: middle;
            background: #fff url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E) no-repeat right 0.75rem center;
            background-size: 8px 10px;
            border: 1px solid #ced4da;
            border-radius: 0.25rem;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
           
        }
        .skiptranslate {
            color: white !important; font-size:0!important
        }

        .auth-btn{
            padding: 1% 10%;
            font-size: 11px;
            border-radius: 15px;
            width: 124px;
            height: 108%;
        }

        .content-line {
            font-size: 12px;
        }
        .fs-25 {
            font-size: 25px !important;
        }
        .cat_line{margin-bottom:15px;}
        .main_cat_line{font-weight:bold; margin-right:10px; display:inline-block;}
        .sub_ine{    display: inline-block;}
        .lang_dd{margin-left:-8px;}
        .lang_dd button{font-size:14px;     margin: 4px 0;}
        .lang_dd .dropdown-menu{left:unset!important; right:0}
        .lang_dd .dropdown-item:hover{color:#000!important}
        .sub_c_a .col-md-4{margin-bottom:15px;}
        .header-bg {
            background-color: #05244a;
        }
        @media (max-width:767px) {
            .header-bg {
                background-color: #05244a;
            }
            .home-banner-area{overflow:hidden}
            .lang_dd button{font-size:12px}
            .lang_dd .dropdown-menu
            {
                left:unset!important; 
                right:0!important;     
                transform: unset!important;
                top: 26px!important;
            }
            .lang_dd{margin-top: -25px;margin-left:-18px;}
            .main-header p{font-size:11px;}
            .main-header .col-lg-7.col-9 button {
                padding: 3px 11px;
                width: auto;
                display: flex;
                white-space: nowrap;
                align-items: center;
                font-size:10px;
            }
        } 
        .badge {
            width: auto;
            height: auto;
        }
        .event-publish {
            background-color: #97c93c;
            padding: 5px;
            border-radius: 10px;
            font-size: 12px;
            margin-bottom: 0px;
        }
      
      
        .-mt-5 {
            margin-top: -5%;
        }
        .get-premium {
            background-color: #75b943;
            color: white;
        }
        .fz-36 {
            font-size: 36px;
        }
        .fz-30 {
            font-size: 30px;
        }
        .w-40 {
            width: 40% !important;
        }

        /* *************************************************************************************************************************** */
        .outer_header {
            width: 100%; /* Full width of the screen */
            overflow: hidden; /* Prevent overflow */
        }

        .fxsstreet_logo{
            height: auto;
            width: 65%;
            max-width: 270px !important;
        }
        .inner_header {
            width: 999px; /* Fixed width for the inner div */
            margin: 0 auto; /* Center horizontally with space on both sides */
        }

        .perperstone{
            width:75px;
            height:35px;
        }
        .list{
            font-size: 12px;;
            color:white;
           
        }

        .buttons{
            padding:9px 34px;
             background-color: #242D38;;
            color:white;
            border-radius: 50px;
             font-weight:bold;
            font-size: 14px; 
        }

        .search{
            width:36px;
            height:35px;
        }

        #subscriber{
            color: white;
            background: linear-gradient(to right, red, blue);
            border: none;
            font-size: 14px; 
            font-weight:bold;
            padding:5px 20px;
            border-color: white;
        }

        .tradingbtn{
          background-color: #4C6F8F;
            color:white;
            font-size: 12px; 
            padding:4px 22px; 
            border-radius: 5px; 
            border:2px solid #4C6F8F;
        }


        .head p{
             font-size: 12px;;
           color:white;
          
        }
        .back1{
        background-color: #242D38;
        }
        .outer_header{
            border-bottom: 3px solid orange;;   
        }

        .custom{
            border-top:4px solid #bb1323;
        }

        .bg-hover-warning{
             background-color: #E4871B !important;
            
        }

        .banner_side_fixed {
            position: sticky;
            height: 100vh;
            z-index: 0;
            top:50px;
        }
        /* Fixed Footer */
        .footer-wrapper {
            bottom: 0;
            left: 0;
            width: 100%;
            z-index: 1000;
            text-align: left;
            background-color: #000000;
            padding-top: 3%;
        }

        .footer-wrapper h5 {
            font-family: 'Line Awesome Free' !important;
            text-align: left;
            font-size: 18px;
        }

        .copy-right {
            font-size: 12px;
            color: #595962;
            padding-bottom: 2%;
        }

        .dropdown {
          position: relative;
          display: inline-block;
        }

        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #242D38;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
            z-index: 1;
            bottom: 33px;
            left: -25px;
            height: 159px;
        }

        .dropdown:hover .dropdown-content {
          display: block;
        }

        .col-1-5 {
            flex: 0 0 12.5%;
            max-width: 12.5%;
        }
        .col-1-0 {
            flex: 0 0 75%;
            max-width: 75%;
        }

        @media (max-width: 991.98px) {
            .col-1-5 {
                display: none; /* Hide side columns */
            }
            .col-1-0 {
                flex: 0 0 100%;
                max-width: 100%; /* Make center column full width */
            }
        }

        a{
            text-decoration: none;
        }

        .primary-text{
            color: #bb1323 !important;
        }

        .forexnews_analysis_button{
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 16px;
            margin-top: 20px;
            margin-bottom: 20px;
        }


        .forexnews_analysis_button .currency-btn {
            display: flex;
            align-items: center;
            background-color: #007BFF;
            color: white;
            padding: 10px 20px;
            border-radius: 8px;
            text-decoration: none;
            font-size: 16px;
            transition: background-color 0.3s ease;
        }

        .forexnews_analysis_button .currency-btn:hover {
            background-color: #0056b3;
        }

        /* Specific colors for each button */
        .forexnews_analysis_button .green-btn {
            background-color: #28a745;
        }

        .forexnews_analysis_button .green-btn:hover {
            background-color: #218838;
        }

        .forexnews_analysis_button .teal-btn {
            background-color: #20c997;
        }

        .forexnews_analysis_button .teal-btn:hover {
            background-color: #17a2b8;
        }

        .forexnews_analysis_button .yellow-btn {
            background-color: #ffc107;
        }

        .forexnews_analysis_button .yellow-btn:hover {
            background-color: #e0a800;
        }

        .forexnews_analysis_button .red-btn {
            background-color: #dc3545;
        }

        .forexnews_analysis_button .red-btn:hover {
            background-color: #c82333;
        }

        .forexnews_analysis_button .gray-btn {
            background-color: #6c757d;
        }

        .forexnews_analysis_button .gray-btn:hover {
            background-color: #5a6268;
        }

        /* Icon spacing */
        .forexnews_analysis_button .currency-btn i {
            margin-right: 8px;
        }

        .col-img-2{
            height: 100px; 
            object-fit: cover;
        }

        .dropdown-item{

        }

        .border-line {
            border-right: 1px solid #212529 !important;
        }

        .border-start {
            border-left: 1px solid #212529 !important;
        }

        .bg-colour {
            background: linear-gradient(91deg, red -13%, #091e61 75%) !important;
        }

        .header-bg {
            background: linear-gradient(91deg, red -13%, #091e61 75%) !important;
        }

        .card .card-body {
            padding: 22px 15px !important;
            border-radius: 4px !important;
        }

        .card-bg-first {
            background-image: linear-gradient(#FFD680, #FAB18E);
        }

        .card-bg-sec {
            background-image: linear-gradient(#B0D5F6, #9694F8);
        }

        .card-bg-th {
            background-image: linear-gradient(#CFFFB3, #68DA8E); 
        }

        .card-bg {
            box-shadow: 7px 6px 5px 0px lightpink;
            border: none;
            border-radius: 15px;
            overflow: hidden;   
            height: 80%;         
        }

        .card-bg h1 {
            font-family: 'Line Awesome Free' !important;
            font-weight: 600;
        }

        .card-bg span {
            font-size: 20px;
            margin-top: 0;
            color: #000000 !important;
        }

        .card-bg p {
            margin-top: 0;
            color: #000000 !important;
        }

        .fx-11 {
            font-size: 14px !important;
        }

        .fx-32 {
            font-size: 32px !important;
        }

        .m-t-8 {
            margin-top: 10%;
        }

        .gradient-text {
              font-family: 'Line Awesome Free' !important;
              font-size: 40px;
              font-weight: bold;
              background: linear-gradient(to right, #FF2727, purple, #1B1997);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
              text-align: center;
        }

        .heading-h1 {
            font-family: 'Line Awesome Free' !important;
            font-size: 48px;
            font-weight: bold;
            background: linear-gradient(to right, #FF2727 24%, #1B1997 77%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .font-style {
            font-family: 'Line Awesome Free' !important;
            font-weight: 600;
        }

        .visa-img {
            height: 41%;
        }

        .visa-section {
            padding: 1% 3%;
        }

        .profile-bg-image {
            background-image: url('https://png.pngtree.com/thumb_back/fw800/background/20231005/pngtree-d-rendering-of-laptop-on-office-table-in-a-professional-work-image_13569035.png');
            /* background-image: url('/assets/web_image/profile-bg.png');*/
            background-size: cover;
            background-repeat: no-repeat;
            padding-top: 2%;
            padding-bottom: 5%;
        }

        

        .liie-card img {
            height: auto;
            float: left;
        }

        .liie-card {
            margin-right: 10%;
            margin-left: 10%;
            box-shadow: 0px -2px 11px 12px #34347b;
        }

        .m-b-2- {
            margin-bottom: -2%;
        }

        .p-1-4 {
            padding: 0% 6%;
        }

        .button {
            display: inline-block;
            padding: 7px 25px;
            font-size: 11px;
            color: #ffffff;
            text-decoration: none;
            background: linear-gradient(to right, #0000ff, #ff0000);
            border-radius: 13px;
            transition: all 0.3s ease-in-out;
            box-shadow: 0 3px 10px rgba(255, 0, 0, 0.3);
            border: solid 1px;
        }

        .video-card {
            background-image: linear-gradient(180deg, #2b2b8e, #a32c2c);
            border-radius: 20px;
            height: 200px;
            display: grid; /* Enable grid layout */
            place-items: center; /* Center content both ways */
            font-size: 20px;
        }

        .video-card h1 {
            font-family: 'Line Awesome Free' !important;
            color: white;
            text-align: center;
        }

        .pading-box {
            padding: 1% 5%;
        }

        .oisc-img {
            height: 100px;
        }

        .bg-color {
            background: linear-gradient(to right, #0000ff, #ff0000) !important;
        }

        .cover-img {
            position: relative;
            z-index: 10;
            width: 100%;
            height: 200px;
        }

        .pt-8p {
            padding-top: 8%;
        }

        .pt-3p {
            padding-top: 3% !important;
        }

        .bradcumbContent {
            width: 500px;
            height: 110px;
            background: #c9132a;
            background: -webkit-linear-gradient(to right, #c9132a, #00237a);
            background: linear-gradient(to right, #c9132a, #00237a);
            position: absolute;
            bottom: -60px;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            left: 50% !important;
            z-index: 30 !important;
            margin-top: 19%;
        }

        .section-heading span {
            color: #606060;
            font-size: 12px;
            text-transform: uppercase;
            margin-bottom: 15px;
            display: block;
            letter-spacing: 2px;
            font-family: "Montserrat", sans-serif;
        }

        .section-heading {
            padding: 30px 0;
        }

        .section-heading h3 {
            font-size: 34px;
            margin-bottom: 0;
            font-weight: 600;
        }

        .section-heading ul, li {
            font-family: "Montserrat", sans-serif;
            list-style: none;
            color: #867d7d;
        }

        .section-heading ul {
            padding-top: 6%;
            font-size: 15px !important;
        }

        .p-color {
            color: #606060 !important;
        }

        .black {
            color: black !important;
        }

        .p6 {
            padding-top: 6% !important;
        }

        .pp-0 {
            padding: 1% !important;
        }

        .investment-li-colour li {
            color: black !important;
            padding-bottom: 1% !important;
        }

        .eligibility-section {
            margin-top: 0% !important;
        }

        .about-second-section {
            padding: 3%;
        }

        .second-section {
            margin-top: 5%;
            padding: 3%;
        }

        .second-section p {
            color: #7b7272 !important;
            font-size: 15px !important;
        }

        .second-section ul {
            padding-top: 0% !important;
            padding-left: 0% !important;
            font-size: 15px;
        }

        .about-third-section {
            padding: 3%;
        }

        .third-section {
            margin-top: 5%;
            padding: 3%;
        }

        .third-section p {
            color: #7b7272 !important;
            font-size: 15px !important;
        }

        .third-section ul {
            padding-top: 0% !important;
            padding-left: 0% !important;
            font-size: 15px;
        }

        .contact-heading h3 {
            font-size: 34px;
            margin-bottom: 0;
            font-weight: 600;
            font-family: Montserrat;
        }

        .contact-heading span {
            color: #606060;
            font-size: 12px;
            text-transform: uppercase;
            margin-bottom: 15px;
            display: block;
            letter-spacing: 2px;
        }

        .contact-heading i {
            font-size: 34px;
            color: red;
        }

        .contact-box {
            padding: 6%;
        }

        .button-card {
            border-top-right-radius: 33px;
            border-top-left-radius: 33px;
        }

        .button-card-sec button {
            width: 49% !important;
        }

        .options button {
            width: 32%;
            padding: 4px;
            font-size: 14px;
            color: #333;
            background-color: white;
            border-radius: 5px !important;
            border-image: linear-gradient(to bottom, red 0%, blue 100%) 1;
            cursor: pointer;
            transition: all 0.3s;
            margin-bottom: 5%;
        }

        .options button:hover {
          border-image: linear-gradient(to bottom, red 0%, blue 100%) 1;
          color: red;
        }

        .card-footer {
          margin-top: 20px;
        }

        .card-footer-button {
          width: 100%;
          padding: 13px;
          font-size: 16px;
          color: white;
          background: linear-gradient(to right, red, blue);
          border: none;
          border-radius: 5px;
          font-weight: bold;
          cursor: pointer;
          transition: background 0.3s;
        }

        .card-footer button:hover {
          opacity: 0.9;
        }

/* *************************************************************************************************************************** */

        .background-image-home-section {
            width: 100%;
            height: 500px;
            background-image: url("/assets/web_image/education-banner.jpg");
            background-position: center;
            display: flex;
            align-items: center;
            justify-content: center;
/*            filter: brightness(60%);*/
             background-position: center; /* Center the image */
              background-repeat: no-repeat; /* Do not repeat the image */
              background-size: cover; /* Resize the background image to cover the entire container */

        }

        .profile-card {
          width: 100%;
          text-align: center;
          z-index: 2;
          box-shadow: 0px -2px 11px 12px #34347b;
          border-radius: 8px;
        }

        .profile-card img {
            width: 150px;
            height: 150px;
            float: left;
            margin-top: -9%;
            margin-bottom: 1rem;
            margin-right: 0.8rem;
            border-radius: 50%;
        }

        .profile-card h2 {
            font-size: 24px;
            margin-bottom: 2rem;
            text-align: left;
        }

        .profile-card p {
            padding-left: 12%;
            padding-right: 3%;
            text-align: left;
        }

        @media (max-width: 767px) {
            .background-image-home-section {
                height: auto;
                padding: 20px;
            }

            .profile-card img {
                width: 100px;
                height: 100px;
                float: left;
                margin-top: -18%;
            }

            .profile-card h2 {
                font-size: 18px;
            }

            .profile-card p {
                margin-top: 20px;
                font-size: 14px;
            }
        }

    /* ---------- Profile Card ---------- */
    
          .content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
            text-align: center;
          }

        .background-overlay-sec {
            position: relative;
            width: 100%;
            height: 200px;
            overflow: hidden;
            border-radius: 20px;
            font-size: 20px;
          }

        .background-overlay-sec::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to bottom, blue, red);
            opacity: 0.6; /* Adjust the opacity for the gradient */
            z-index: 1;
        }

        .background-image-sec {
            width: 100%;
            height: 100%;
            object-fit: cover;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 0;
        }

        .content-sec {
            position: relative;
            z-index: 2;
            color: white;
            text-align: center;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .border-none {
            border: none !important;
        }

        .investment-section {
            color: black !important;
        }

        .academy-btn {
            display: inline-block;
            min-width: 160px;
            height: 65px;
            color: #ffffff;
            border: none;
            border-radius: 0;
            padding: 0 40px;
            font-size: 14px;
            line-height: 65px;
            -webkit-transition: all 500ms;
            transition: all 500ms;
            background: #c9132a;
            background-image: -webkit-linear-gradient(left, #c9132a 0%, #00237a 51%, #c9132a 100%);
            background-image: linear-gradient(to right, #c9132a 0%, #00237a 51%, #c9132a 100%);
            font-weight: 600;
        }

        .academy-btn.active, .academy-btn:hover, .academy-btn:focus {
            font-size: 14px;
            font-weight: 600;
            color: #ffffff;
            background: #c9132a;
            background: -webkit-linear-gradient(to right, #c9132a, #00237a);
            background: linear-gradient(to right, #c9132a, #00237a);
        }

        .video-section-heading {
            margin-bottom: 6%;
        }

        .w100p {
            width: 100% !important;
        }

        @media (max-width: 1300px) {
            .main-header .navbar .nav-link {
                font-size: 14px;
            }
        }

        .navbar-nav a {
            padding: 25px 6px !important;
        }

        .hero {
            position: relative;
            width: 100%;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: left;
            color: black;
        }

        /* Text Content */
        .content {
            position: static !important;
            max-width: 800px;
            z-index: 2;
            color: black;
            transform: translate(-42%, -13%) !important;
            text-align: justify !important;
        }

        .content h2 {
            font-size: 28px;
            margin-bottom: 10px;
        }

        .content h1 {
            font-size: 50px;
            font-weight: bold;
            margin-bottom: 5px;
        }

        /* Overlay effect for the map */
        .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgb(255 255 255 / 0%);
        }

        /* Optional silhouette at the bottom */
        .hero::after {
            content: '';
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 150px;
        }

        /* Social Media Home CSS */

        .social-media-links-home-static {
            position: fixed;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 999;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .social-media-links-home-static a {
            display: block;
            margin-bottom: 10px;
            color: white;
            font-size: 20px;
            text-align: center; /* Center text inside the icon */
            transition: color 0.3s ease; /* Smooth transition for text color */
        }

        .social-media-links-home-static a:hover {
            text-decoration: none;
            color: var(--global--color-yellow); /* Change text color on hover */
        }

        .social-media-links-home-static i {
            font-size: 20px;
            padding: 10px;
            width: 40px;
            height: 40px;
            background: #091e61;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
        }

        .social-media-links-home-static a:hover i {
            background: red;
            color: white; 
        }

        .social-media-links-home-static a[data-tooltip]:hover::after {
            content: attr(data-tooltip);
            position: absolute;
            top: -30px;
            right: 100%;
            padding: 5px;
            background-color: #333;
            color: white;
            border-radius: 5px;
            font-size: 12px;
        }

        @media only screen and (max-width: 767px) {
            .social-media-links-home-static i {
                font-size: 24px;
                padding: 8px;
                width: 45px;
                height: 45px;
            }

            .social-media-links-home-static a {
                margin-bottom: 8px; /* Adjust margin */
            }
        }

        .aiz-notify span {
            color: white !important;
        }

        .gtf-back-to-top {
            color: white !important;
        }

        .icon-bg {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 91px;
            flex: 0 0 91px;
            min-width: 91px;
            width: 91px;
            background: #c9132a;
            background: -webkit-linear-gradient(to right, #c9132a, #00237a);
            background: linear-gradient(to right, #c9132a, #00237a);
            width: 100px;
            height: 100px;
            line-height: 105px;
            font-size: 43px;
            color: #ffffff;
            text-align: center;
            border-radius: 50%;
        }

        .icon-bg-m-l {
            margin-left: 36% !important;
        }

        .choose-card {
            margin-top: 0% !important;
            border: none !important;
        }

        .choose-card img {
            padding-right: 7%;
            padding-left: 15%;
        }

        .lets-tak-bg {
            background-color: #e4edf4 !important;
        }

        .unlock {
            padding-bottom: 1% !important;
        }

        .unlock-section {
            padding-top: 6% !important;
        }

        .unlock-btn {
            font-family: 'Line Awesome Free' !important;
            border-radius: 15px;
            display: inline-block;
            min-width: 160px;
            height: 65px;
            color: #ffffff;
            border: none;
            padding: 0 14px;
            font-size: 26px;
            line-height: 65px;
            -webkit-transition: all 500ms;
            transition: all 500ms;
            background: #c9132a;
            background-image: -webkit-linear-gradient(left, #c9132a 0%, #00237a 51%, #c9132a 100%);
            background-image: linear-gradient(to right, #c9132a 0%, #00237a 51%, #c9132a 100%);
            font-weight: 600;
        }

        .unlock-btn.active, .unlock-btn:hover, .unlock-btn:focus {
            font-size: 26px;
            font-weight: 600;
            color: #ffffff;
            background: #c9132a;
            background: -webkit-linear-gradient(to right, #c9132a, #00237a);
            background: linear-gradient(to right, #c9132a, #00237a);
        }

        /* Style the tab */
        .tab {
          overflow: hidden;
        }

        /* Style the buttons inside the tab */
        .tab button {
          background-color: inherit;
          float: left;
          border: none;
          outline: none;
          cursor: pointer;
          padding: 5px 16px;
          transition: 0.3s;
          font-size: 16px;
        }

        /* Change background color of buttons on hover */
        .tab button:hover {
        }

        /* Create an active/current tablink class */
        .tab button.active {
          border-bottom: 2px solid #e62e04;
        }

        /* Style the tab content */
        .tabcontent {
          display: none;
          padding: 6px 0px;
          border-top: none;
        }

        .why-img {
            height: 90px;
            width: 132px;
        }

        .cpd-new-wrapper {
            height: 400px; 
            overflow: auto;
        }

        .cpd-new-wrapper .single-article .article-content .entry-title {
            font-size: 14px;
            line-height: 1.4;
            padding: 10px 0 0;
            color: #333333;
            font-weight: normal;
            font-family: 'Open Sans', sans-serif;
        }

        .footer-icon {
            height: 40px;
            padding-left: 1%;
        }


        .contact-heading .contact-box {
            background: white;
            border: 2px solid #ddd;
            border-radius: 10px;
            padding: 20px;
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
            text-align: center;
            margin: 15px 0;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .contact-heading .contact-box i {
            font-size: 30px;
        }