.st0, .st1, .st2 {
        fill: none;
      }

      .st3 {
        mask: url(#mask);
      }

      .st4 {
        fill: #f8f8f9;
      }

      .st5 {
        fill: url(#linear-gradient2);
      }

      .st6 {
        fill: url(#linear-gradient1);
      }

      .st7 {
        fill: url(#linear-gradient9);
      }

      .st8 {
        fill: url(#linear-gradient3);
      }

      .st9 {
        fill: url(#linear-gradient6);
      }

      .st10 {
        fill: url(#linear-gradient8);
      }

      .st11 {
        fill: url(#linear-gradient7);
      }

      .st12 {
        fill: url(#linear-gradient5);
      }

      .st13 {
        fill: url(#linear-gradient4);
      }

      .st14 {
        fill: url(#linear-gradient13);
      }

      .st15 {
        fill: url(#linear-gradient12);
      }

      .st16 {
        fill: url(#linear-gradient15);
      }

      .st17 {
        fill: url(#linear-gradient16);
      }

      .st18 {
        fill: url(#linear-gradient11);
      }

      .st19 {
        fill: url(#linear-gradient10);
      }

      .st20 {
        fill: url(#linear-gradient17);
      }

      .st21 {
        fill: url(#linear-gradient14);
      }

      .st1 {
        stroke: #091231;
        stroke-miterlimit: 10;
        stroke-width: 3.3px;
      }

      .st22 {
        fill: url(#linear-gradient);
      }

      .st23 {
        fill: #26409a;
      }

      .st24 {
        isolation: isolate;
      }

      .st25 {
        mask: url(#mask-2);
      }

      .st26 {
        mask: url(#mask-3);
      }

      .st27 {
        mask: url(#mask-4);
      }

      .st28 {
        mask: url(#mask-5);
      }

      .st29 {
        mask: url(#mask-7);
      }

      .st30 {
        mask: url(#mask-6);
      }

      .st31 {
        mask: url(#mask-1);
      }

      .st32 {
        mask: url(#mask-9);
      }

      .st33 {
        mask: url(#mask-8);
      }

      .st34 {
        clip-path: url(#clippath-17);
      }

      .st35 {
        clip-path: url(#clippath-19);
      }

      .st36 {
        clip-path: url(#clippath-11);
      }

      .st37 {
        clip-path: url(#clippath-16);
      }

      .st38 {
        clip-path: url(#clippath-18);
      }

      .st39 {
        clip-path: url(#clippath-10);
      }

      .st40 {
        clip-path: url(#clippath-15);
      }

      .st41 {
        clip-path: url(#clippath-13);
      }

      .st42 {
        clip-path: url(#clippath-14);
      }

      .st43 {
        clip-path: url(#clippath-12);
      }

      .st44 {
        clip-path: url(#clippath-50);
      }

      .st45 {
        clip-path: url(#clippath-55);
      }

      .st46 {
        clip-path: url(#clippath-52);
      }

      .st47 {
        clip-path: url(#clippath-57);
      }

      .st48 {
        clip-path: url(#clippath-54);
      }

      .st49 {
        clip-path: url(#clippath-56);
      }

      .st50 {
        clip-path: url(#clippath-53);
      }

      .st51 {
        clip-path: url(#clippath-51);
      }

      .st52 {
        clip-path: url(#clippath-31);
      }

      .st53 {
        clip-path: url(#clippath-32);
      }

      .st54 {
        clip-path: url(#clippath-33);
      }

      .st55 {
        clip-path: url(#clippath-34);
      }

      .st56 {
        clip-path: url(#clippath-35);
      }

      .st57 {
        clip-path: url(#clippath-39);
      }

      .st58 {
        clip-path: url(#clippath-30);
      }

      .st59 {
        clip-path: url(#clippath-36);
      }

      .st60 {
        clip-path: url(#clippath-37);
      }

      .st61 {
        clip-path: url(#clippath-38);
      }

      .st62 {
        clip-path: url(#clippath-27);
      }

      .st63 {
        clip-path: url(#clippath-29);
      }

      .st64 {
        clip-path: url(#clippath-26);
      }

      .st65 {
        clip-path: url(#clippath-28);
      }

      .st66 {
        clip-path: url(#clippath-20);
      }

      .st67 {
        clip-path: url(#clippath-21);
      }

      .st68 {
        clip-path: url(#clippath-22);
      }

      .st69 {
        clip-path: url(#clippath-23);
      }

      .st70 {
        clip-path: url(#clippath-24);
      }

      .st71 {
        clip-path: url(#clippath-25);
      }

      .st72 {
        clip-path: url(#clippath-41);
      }

      .st73 {
        clip-path: url(#clippath-42);
      }

      .st74 {
        clip-path: url(#clippath-43);
      }

      .st75 {
        clip-path: url(#clippath-44);
      }

      .st76 {
        clip-path: url(#clippath-45);
      }

      .st77 {
        clip-path: url(#clippath-49);
      }

      .st78 {
        clip-path: url(#clippath-40);
      }

      .st79 {
        clip-path: url(#clippath-46);
      }

      .st80 {
        clip-path: url(#clippath-47);
      }

      .st81 {
        clip-path: url(#clippath-48);
      }

      .st82 {
        clip-path: url(#clippath-1);
      }

      .st83 {
        clip-path: url(#clippath-3);
      }

      .st84 {
        clip-path: url(#clippath-4);
      }

      .st85 {
        clip-path: url(#clippath-2);
      }

      .st86 {
        clip-path: url(#clippath-7);
      }

      .st87 {
        clip-path: url(#clippath-6);
      }

      .st88 {
        clip-path: url(#clippath-9);
      }

      .st89 {
        clip-path: url(#clippath-8);
      }

      .st90 {
        clip-path: url(#clippath-5);
      }

      .st91 {
        fill: #fff;
      }

      .st92 {
        opacity: .4;
      }

      .st93 {
        opacity: .4;
      }

      .st94 {
        opacity: .4;
      }

      .st2 {
        stroke: #f8f8f9;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: .8px;
      }

      .st95 {
        mask: url(#mask-10);
      }

      .st96 {
        clip-path: url(#clippath);
      }

      .st97 {
        mix-blend-mode: screen;
        opacity: .6;
      }

      .st98 {
        fill: #231f20;
        mix-blend-mode: multiply;
        opacity: .8;
      }


/*Programs Highlights Start here*/
.confrerence_dv {
    margin-bottom: 60px;
    margin-top: 10px;
}
.confrerence_dv h4{
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 700;
    padding-bottom: 20px;
    font-family: "Space Grotesk", sans-serif;
    letter-spacing: 0;
}
.confrerence_icon {
    display: inline-block;
    width: 50px;
    height: 50px;
}
.confrerence_in {
    display: flex;
    text-align: left;
    border: 0px solid #204172;
    padding: 10px 0;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    margin-left: -20px;
    margin-right: -20px;
}

.confrerence_bx {
    display: flex;
    align-items: center;
    padding: 0 20px;
    width: 25%;
    transition: 0.5s all ease;
}
.confrerence_bx + .confrerence_bx {
    border-left: 1px solid #204172;
}
.confrerence_icon {
    display: flex;
    margin-bottom: 0;
    width: 55px;
    height: 55px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    border: 1px solid #204172;
    transition: 0.5s all ease;
}
.confrerence_bx:hover .confrerence_icon {
    border: 1px solid #204172;
    transition: 0.5s all ease;
    background: #204172;
}
.confrerence_icon svg {
    height: 38px;
    width: 38px;
}
.confrerence_bx p {
    padding: 0 0 0 15px;
    flex: 1;
    font-size: 14px;
    line-height: 20px;
}
.program_details .sub_btn {
    padding: 10px 30px 10px;
    font-size: 15px;
    line-height: 22px;
}



/*Programs Highlights end here*/










.Programs_scn {
    padding: 30px 0;
}
.Programs_scn_in {
    padding: 50px 30px 70px;
    border-radius: 12px;
    overflow: hidden;
    background: #091231;
}
.pro_hd h3 {
    font-size: 42px;
    position: relative;
    padding-bottom: 25px;
}
/*
.pro_hd h3:before {
    content: "";
    width: 120px;
    height: 1.2px;
    background: #ffffff;
    display: inline-block;
    position: relative;
    top: -11px;
}
.pro_hd h3:after {
    content: "";
    width: 120px;
    height: 1.2px;
    background: #ffffff;
    display: inline-block;
    position: relative;
    top: -11px;
}
*/

.programs_dv {
    display: flex;
    align-items: flex-start;
}
.graph_dv {
    max-width: 600px;
    width: 100%;
    margin: 0 0 0 -15px;
    position: relative;
	transition: 0.5s all ease;
}
.graph_dv:before {
    content: "";
    position: absolute;
    left: 49.1%;
    top: -4px;
    width: 14px;
    height: 14px;
    background: #091231;
    border-radius: 13px 3px 13px 2px;
    transform: rotate(-38deg);
}
.graph_item_cl{
	cursor: pointer;
	opacity: 0.35;
	transition: opacity 0.3s ease;
}

.graph_item_cl:not(.active),
.programs_name:not(.active) {
    opacity: 1;
}
g#Layer_1 image {
    opacity: 0.3;
}
g#Layer_1 .active image {
    opacity: 1;
}
.programs_name span {
    display: block;
	margin-bottom: 10px;
}
.programs_name svg {
    height: 36px;
}
.graph_item_cl.active, .programs_name.active svg path {
    stroke: #010926 !important;
    fill: #010926 !important;
}
.graph_item_cl.active, .programs_name.active svg .cls-1 {
    fill: #010926;
    stroke: #010926 !important;
}

.graph_item_cl.active rect, .graph_item_cl.active path{
    fill: rgb(54 199 255 / 70%) !important;
}

.graph_item_cl.active rect{
    stroke: #36c7ff !important;
    fill: #36c7ff !important;
}
.programs_names .graph_item_cl.active rect{
    stroke: #010926 !important;
    fill: #010926 !important;
}

.programs_name {
    font-size: 14px;
    text-decoration: none;
    font-weight: 400;
    color: #fff;
    line-height: 18px;
    margin: 0;
    padding: 0;
    display: inline-block;
    position: absolute;
    top: 7.5%;
    left: 31%;
    text-align: center;
    transition: 0.5s all ease;
    opacity: 0.35;
}
.programs_name:hover {
    color: #ffffff;
}
.graph_item_cl.active, .programs_name.active {
    opacity: 1;
    color: #010926;
    font-weight: 800;
}
/*
.programs_name.active{
    opacity: 1;
	transition: 0.5s all ease;
}
*/
.Mining_Geology {
    top: 23.5%;
    left: 14%;
}
.Land_Administration {
    top: 7.5%;
    left: 52.88%;
}
.Defence {
    top: 23.5%;
    left: 74%;
}
.Business {
    top: 47%;
    left: 78%;
}
.Blue_Economy {
    top: 68%;
    left: 65%;
}
.Downstream {
    top: 75.5%;
    left: 38.3%;
}
.Urban_Development {
    top: 68.5%;
    left: 18.5%;
}
.Utilities_Networks {
    top: 47.5%;
    left: 9.4%;
}
	
.program_details .btn_dv {
    display: none;
}	
.circle_dv {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 300px;
    width: 100%;
    transform: translate(-54%, -50%);
    text-align: center;
    padding: 20px;
}	
.circle_tx_show{
	display: none;
}
.circle_tx_show.active{
	display: block;
}
.circle_tx_show h4 {
    margin: 0 0 15px 0;
    padding: 0;
    color: #02a2d6;
    font-size: 18px;
    font-weight: 600;
}
.circle_tx_show p {
    font-size: 15px;
    line-height: 20px;
    color: #010926;
    padding: 0 0 0;
}
.circle_img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 230px;
    width: 100%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    overflow: hidden;
}
.circle_img h3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #253c92;
    font-size: 24px;
    line-height: 31px;
    text-align: center;
    font-weight: 900;
    padding: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*Peogram right css*/
.program_right {
    flex: 1;
    padding-left: 25px;
}
.program_details{
	display: none;
}
.program_details.active{
	display: block;
}
.program_details h4 {
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 700;
    padding-bottom: 10px;
    font-family: "Space Grotesk", sans-serif;
    letter-spacing: 0;
}
.program_right h3 span {
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}
.program_details ul li {
    font-weight: 400;
    display: block;
    position: relative;
    padding-left: 22px;
    font-size: 15px;
    line-height: 20px;
    color: rgb(255, 255, 255);
    padding-bottom: 15px;
}
.program_details ul li::before {
    content: "✓";
    position: absolute;
    left: 0px;
    top: 1px;
    width: 8px;
    height: 8px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 10px;
}

.program_details p {
    font-size: 15px;
    line-height: 22px;
}
.program_details .theme_show ul {
    padding-left: 0;
}
.program_details .theme_show ul li {
    font-size: 14px;
    line-height: 20px;
    padding-left: 25px;
}
.program_details .Read_more {
    font-size: 15px;
    line-height: 20px;
    color: #ffffff;
    padding: 0 15px 0 0;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    transition: 0.5s all ease;
    cursor: pointer;
    background: transparent;
    border: none;
    margin: 0 0 0 0;
}

.program_details .Read_more:hover {
    color: #36c7ff;
    background: transparent;
    transition: 0.5s all ease;
}
.program_details .Read_more:before {
    content: "\f178";
    position: absolute;
    right: 0;
    top: 2px;
    width: 10px;
    height: 10px;
    z-index: 1;
    opacity: 1;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}