/*

Yellow: #FFB600

Red: #dd0022

Blue: #002868

*/







/* ================================= 

            [ Start progress-wrap ] 

================================= */

.progress-wrap {

  position: fixed;

  bottom: 30px;

  right: 30px;

  height: 44px;

  width: 44px;

  cursor: pointer;

  display: block;

  border-radius: 50px;

  z-index: 999999999;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(20px);

  -ms-transform: translateY(20px);

  transform: translateY(20px);

  -webkit-transition: all 400ms linear;

  -o-transition: all 400ms linear;

  transition: all 400ms linear;

}

.progress-wrap.active-progress {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

}

.progress-wrap::after {

  	position: absolute;

	font-family: "Font Awesome 5 Free";

    font-weight: 900;

	content: '\f077';

	text-align: center;

	line-height: 44px;

	font-size: 22px;

	color: #ed4220;

	left: 0;

	top: 0;

	height: 44px;

	width: 44px;

	cursor: pointer;

	display: block;

	z-index: 1;

	-webkit-transition: all 400ms linear;

	-o-transition: all 400ms linear;

	transition: all 400ms linear;

}

.progress-wrap svg path {

  fill: none;

}

.progress-wrap svg.progress-circle path {

  stroke: #FF4D00;

  stroke-width: 4;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: all 400ms linear;

  -o-transition: all 400ms linear;

  transition: all 400ms linear;

}

/* ================================= 

        [ End progress-wrap ] 

================================= */









.guided-tour {

    overflow: unset !important;

}

.guided-tour-step.active {

    position: absolute;

}



/*.guided-tour-step.active {*/

/*    z-index: unset;*/

/*}*/

/*Global Css */

    body{

    	font-family: 'Manrope', sans-serif;

    	font-weight: 400;

    	padding-top: 162px;

    }

    .container{

        width: 1160px;

    }

    input:focus,

    button:focus{

    	box-shadow: 0 0 0 0 !important;

    }

    .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

        color: #0d0d0d;

        opacity: 1; /* Firefox */

    }

    .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */

        color: #0d0d0d;

    }

    .form-control::-ms-input-placeholder { /* Microsoft Edge */

        color: #0d0d0d;

    }

    .website_tour{

        position: fixed;

        top: 50%;

        background: #ed4220; 

        border: none;

        padding: 10px;

        border-radius: 0px;

        left: 0;

        z-index: 9999;

    }

    .website_tour:hover{

        background: #DD0022;

    }

    .website_tour:focus{

        box-shadow: none;

        background: #DD0022;

     }









/*===============================

    CSS for header top section

===============================*/

.header_section_top_header{

	padding-top: 18px;

	padding-bottom: 18px;

	background: #fff;

}

.font_size_increase_decrease{

	padding-right: 15px;

}

.font_size_increase_decrease li{

	border: none;

	padding: 0px;

}

.font_size_increase_decrease li:nth-child(1){

    color: #010101;

    font-size: 16px;

    font-weight: 500;    

    padding-top: 13px;

    cursor: pointer;

}

.font_size_increase_decrease li:nth-child(2){    

	color: #010101;

    font-size: 16px;

    font-weight: 500;

    padding-top: 13px;

}

.font_size_increase_decrease li:nth-child(3){    

	color: #010101;

    font-size: 28px;

    font-weight: 500;

    cursor: pointer;

}

.top_search_area{

	height: 50px;

    border: 1px solid #010101;

    width: 380px;

}

.top_search_area input{

	border: none;

	margin-right: 0px !important;

	color: #010101;

}

.top_search_area button i{

	color: #0d0d0d;

    font-size: 20px;

}

.top_search_area button:hover i{

	color: #FFB600;

}

.right_logo{

	width: 193px;

    text-align: right;

}













/*===============================

    CSS for header menu section

===============================*/

.main_menu_section{

	background: #dd0022;

}

.main_menu {

	padding: 0px;

}

.main_menu li a{

	color: #ffffff !important;

    font-size: 16px;

    padding-top: 16px;

    padding-bottom: 13px;

    padding-right: 15px !important;

    padding-left: 15px !important;

	border-bottom: 3px solid transparent;

	transition: 1s ease;

}

.main_menu li a.active{

	border-bottom: 3px solid #fff;

}

.social_media{

	margin-bottom: 0px;

}

.social_media li{

	background: transparent;

    border: none;    

    padding-right: 8px;

    padding-left: 8px;

}

.social_media li a{

	color: #ffffff;

    text-decoration: underline;

    font-size: 24px;

}

.social_media li a:hover{

	transition: 1s ease;

	color: #002868;

}

.main_menu .dropdown:hover .dropdown-menu {

    display: block;

    margin-top: 0;

 }

.main_menu .dropdown-menu{

    background: #d02;

    padding-top: 0px;

    padding-bottom: 0px;

 }

.main_menu .dropdown-menu .dropdown-item{

    display: block;

    border-bottom: 1px solid rgb(255 255 255 / 30%) !important;

    padding-top: 10px;

    padding-bottom: 12px;

 }

 .main_menu .dropdown-menu li:last-child a{

    border-bottom: none !important;

 }

.main_menu .dropdown-menu .dropdown-item:hover, .dropdown-item.active{

    background: rgb(255 255 255 / 30%);

 }















/*===============================

    Css for slider section

===============================*/

.slider .carousel-caption {

    bottom: unset;

    top: 50%;

    text-align: center;

    margin-top: -170px;

}

.slider .carousel-item:before{

	content: "";

	position: absolute;

	height: 100%;

	width: 100%;

	background: rgb(0 0 0 / 30%);

}

.slider .carousel-item img{

    width: 100%;

}
.slider .carousel-caption h1,
.slider .carousel-caption h3{

	color: #ffffff;
    font-size: 45px;
	line-height:4rem;
    font-weight: bold;

}

.slider .carousel-indicators{

	bottom: 120px;

}

.slider .carousel-indicators [data-bs-target] {

    width: 40px;

    height: 4px;

    margin-right: 5px;

    margin-left: 5px;

    opacity: 1;

	border-top: 0px;

    border-bottom: 0px;

}

.slider .carousel-indicators .active {

	background: #dd0022;

}













/*===============================

    Css for who we are section

===============================*/

.who_we_are{

	padding: 25px 25px 10px;

    text-align: center;

    background: url(../images/who-we-are-bg.jpg);    

    z-index: 99;

    position: relative;

}

.who_we_are_background{

    position: relative;

    margin-top: -55px;

}

.who_we_are_background:before {

    content: "";

    position: absolute;

    height: 150px;

    width: 98%;

    background: url(../images/who-we-are-transparent-bg-2.png);

    margin-top: -18px;

    margin-left: -26px;

    background-size: cover;

    background-repeat: no-repeat;

}

.who_we_are h2{

	font-size: 18px;

    color: #010101;    

    position: relative;

    z-index: 99;

}

.who_we_are a {

    font-size: 16px;

    color: #000000;

    font-weight: bold;

    text-transform: uppercase;

    display: inline-block;

    padding-bottom: 1px;

    text-decoration: none;

    border-bottom: 2px solid #000;    

    position: relative;

    z-index: 99;

    margin-top: 15px;

	transition: 1s ease;

}

.who_we_are a:hover{

    color: #fff;

    border-bottom: 2px solid #fff;

}













/*===============================

    CSS for What’s New nad Popular Topics

===============================*/

/*.only_mobile{*/

/*    display: none;*/

/*}*/

.what_new_nad_popular_topics{

	padding-top: 100px;

}

.whats_new{

	padding-right: 35px;

	width: 100%;

}

.whats_new_title{

	color: #002868;

    font-weight: bold;

    font-size: 24px;

    margin-bottom: 0px;

    height: 40px;

    border-bottom: 1px solid #D4D4D4;

    position: relative;

}

.whats_new_title:after {

    content: "";

    position: absolute;

    display: inline-block;

    width: 150px;

    height: 3px;

    background: #DD0022;

    bottom: -2px;

    left: 0;

}

.whats_new_tab_top{

    position: relative;

    z-index: 99;

}

.whats_new_tab_top .nav-item .nav-link{

	padding-top: 0px;

    padding-bottom: 0px;

    color: #000000;

    font-size: 18px;

}

.whats_new_tab_top .nav-item .nav-link.active{

    background-color: transparent;

    color: #dd0022;

}

.whats_new .whats_new_row{

	padding-top: 20px;

	padding-bottom: 20px;

	border-bottom: 1px solid #D4D4D4;

}

.whats_new_row{

	width: 100%;

	margin: 0px;

}

.poster{

	padding-left: 0px !important;

}

.poster_details .category_date{

	line-height: 14px;

}

/*.poster_details .category_date a{*/

/*	color: #dd0022;*/

/*    font-size: 14px;*/

/*    text-transform: capitalize;*/

/*    font-weight: bold;*/

/*    text-decoration: none;*/

/*}*/

.poster_details .category_date span {

    margin-left: 0px;

    padding-left: 0px;

    line-height: 14px;

    font-size: 14px;

    color: #010101;

}

.poster_details h3{

	font-size: 18px;

    font-weight: 600;

    color: #000000;

    padding-right: 35px;

    line-height: 1.5em;

}

.poster_details .post_description{

    font-size: 14px;

    color: #000000;

    margin-bottom: 15px;

    line-height: 28px;

    text-align: justify;

}

.explore_more{

	font-size: 15px;

    color: #dd0022;

    font-weight: bold;

    text-transform: uppercase;

    display: inline-block;

    padding-bottom: 1px;

    text-decoration: none;

    border-bottom: 2px solid #dd0022;

    position: relative;

}

.explore_more:hover{

    color: #dd0022;

}

.view_all {

    color: #000000;

    text-decoration: none;

    margin-top: 25px;

    display: inline-block;

    padding: 15px 35px;

    border: 1px solid #000000;

    text-transform: uppercase;

    font-weight: bold;

    font-size: 14px;

    transition: 1s ease;

}

.view_all:hover{

    color: #fff;

    border: 1px solid #dd0022;

    background: #dd0022;

}

.popular_topics_together {

    padding-top: 30px;

}

.popular_topics_together a{

    position: relative;

    display: block;

}

/*.popular_topics_together span{*/

/*    font-size: 18px;*/

/*    font-weight: 600;*/

/*    color: #000000;*/

/*    line-height: 1.5em;*/

/*    position: absolute;*/

/*    right: 0px;*/

/*    width: 189px;*/

/*    top: 50%;*/

/*    margin-top: -45px;*/

/*    background: rgb(255 255 255 / 80%);*/

/*    padding: 15px;*/

/*}*/

.popular_topics_together span {

    font-size: 14px;

    font-weight: 600;

    color: #000000;

    line-height: 1.5em;

    position: absolute;

    right: 0px;

    width: 160px;

    background: rgb(255 255 255 / 80%);

    padding: 10px 15px;

    bottom: 0;

    min-height: 62px;

    display: flex;

    align-items: center;

}

.popular_topics_together img{

	/*width: 100%;*/

}

.popular_topics_first li:nth-child(1) a, 

.popular_topics_all li:nth-child(1) a {

    width: 60px;

    height: 60px;

    display: block;

    text-align: center;

    color: #262626;

    font-size: 26px;

    background: #EBEBEB;

    border-radius: 100%;

    line-height: 60px;

}

.popular_topics_first li:nth-child(2) a, 

.popular_topics_all li:nth-child(2) a {

    color: #000000;

    font-size: 18px;

    font-weight: 600;

    display: block;

    padding-left: 25px;

    margin-bottom: 32px;

}

.popular_topics_first li,

.popular_topics_all li{

	border: none;

    padding: 0px;

    margin: 0px;

}

.popular_topics_first li a,

.popular_topics_all li a{

	text-decoration: none;

}

.popular_topics_first {

	border-bottom: 1px solid #D4D4D4;

    margin-bottom: 32px;

}

.popular_topics_first li a:hover, 

.popular_topics_all li a:hover{

	color: #dd0022;

}

.popular_topics_first li:nth-child(1) a{

	text-align: left;

    color: #d3d3d3;

    background: transparent;

    border-radius: 0px;

    font-weight: bold;

    font-size: 45px;

}

.popular_topics_first li:nth-child(2) a{

	padding-left: 15px;

    border-left: 1px solid #d3d6e0;

}













/*===============================

    Css for Useful Links section

===============================*/

.useful_links_section{

    padding-top: 80px;

    padding-bottom: 80px;

    background: #f9f9f9;

    margin-top: 80px;

}

.useful_links_title{

	color: #002868;

    font-weight: bold;

    font-size: 24px;

    margin-bottom: 0px;

    height: 40px;

    position: relative;

    display: inline-block;

}

.useful_links_title:after{

	content: "";

    position: absolute;

    display: inline-block;

    width: 130px;

    height: 3px;

    background: #DD0022;

    left: 50%;

    bottom: 0px;

    margin-left: -65px;

}

.slick-dots{

	text-align: center;

    margin: 0px;

    padding: 0px;

    margin-top: 30px;

}

.slick-dots li{

	list-style: none;

	display: inline-block;

}

.slick-dots li button {

    padding: 2.54px 20px;

    border: none;

    font-size: 0px;

    background: #D2DDEF;

    margin: 0 6px;

}

.slick-active button{

    background: #DD0022 !important;

}

.single_usefull_item a {

    display: block;

    text-align: center;

    width: 90%;

    margin-left: 5%;

    padding: 15px 0px;

    border: 1px solid #dfdfdf;

    border-radius: 5px;

}

.single_usefull_item a img{

    display: unset;

}







/*=============================

    CSS for modal

===============================*/

.home_modal p{

    font-size: 14px;

    margin-bottom: 10px;

    text-align: justify;

}

.home_modal a{

    color: #dd0022;

}

.home_modal{

    max-width: 610px !important;

    margin-top: 120px;

}

.home_modal .modal-header{

    display: block;

}

.home_modal .modal-content {

    background-color: transparent;

    border-radius: 7px;

    border: none;

}

.home_modal .modal-body{

    padding-top: 10px;

    padding-bottom: 10px;

    border: none !important;

}

.home_modal .modal-header {

    border-bottom: 1px solid #fff;

    border-radius: 0px;

    padding: 10px 15px;

}

.home_modal .modal-title{

    font-weight: bold;

    font-size: 16px;

}

.home_modal .modal-title span{

    float: right;

    font-weight: 400;

    font-size: 14px;

}

.home_modal .modal-footer{

    border-top: 1px solid #fff;

}

.home_modal .modal-footer .btn{

    color: #000;

    background: #fff;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.42857143;

    border: none;

    border-radius: 4px;

    margin: 0 auto;

}

.home_modal .modal-footer .btn:hover{

    background: #dd0022;

    color: #fff;

}







/*===============================

    CSS for footer section

===============================*/

.footer_section{

    padding-top: 60px;

    padding-bottom: 60px;

    background: #303030;

    z-index: 222;

}

.footer_section h3{

    color: #ffffff;

    font-size: 15px;

    font-weight: bold;

    line-height: 25px;

}

.footer_section p,

.footer_section p a{

    color: #b1b0b0;

}

.footer_section p a{

    text-decoration: none;

}

.footer_section p{

    font-size: 15px;

    line-height: 22px;

}

.footer_section ul{

    padding-left: 0px;

}

.footer_section ul li{

    list-style: none;

}

.footer_section ul li a{

    text-decoration: none;

    color: #b1b0b0;

    font-size: 15px;

    line-height: 22px;

    line-height: 30px;

}

.certification_logo li:nth-child(2){

    margin-left: 10px;

}

.footer_section .social_media li a{

    color: #fff;

    font-size: 22px;

}

.footer_section .social_media li a:hover,

.footer_section a:hover{

    color: #FFB600;

}













/*===============================

    CSS for copyright section

===============================*/

.copyright{

    padding: 32px 0px; 

    background: #fff;

    z-index: 222;

}

.copyright p,

.copyright p a{

    color: #000;

    font-size: 15px;

}

.copyright p{

    margin-bottom: 0px;

    line-height: 22px;

}

.copyright p a{

    text-decoration: none;

    display: inline-block;

    padding-left: 13px;

    margin-left: 13px;

}

.copyright p a:before {

    content: "";

    background: #000;

    height: 12px;

    position: absolute;

    margin-left: -15px;

    width: 1px;

    margin-top: 5px;

}

.copyright a:hover{

    color: #FFB600;

}

















/*===============================

    CSS for Inner page banner section

===============================*/

#content{

    background: #fff;

}

.inner_page{

    margin-top: 350px;

    z-index: 2;

    position: relative;    

    padding-top: 100px;

}

.banner_section{

    background: url(../images/banners-three.jpg);

    height: auto;

    background-repeat: no-repeat;

    background-size: auto 100%;

    margin-top: 162px;

    z-index: 1;
	
	background-position: center bottom!important;

}

.banner_section h1 {

    color: #ffffff;

    font-size: 45px;

    font-weight: bold;    

    text-transform: capitalize;

}

.banner_section ol li a,

.banner_section ol li {

    font-size: 20px;

    color: #fff;

    text-decoration: none;

}

.banner_section .active {

    color: #FFB600 !important;

    font-weight: bold;

}

.banner_section .breadcrumb-item+.breadcrumb-item::before {

    color: #fff;

}

.banner_section .content_warper{
	
	margin: auto;
	
    z-index: 5;
	
    min-height: 350px;
	
    display: flex;
	
    flex-direction: column;
	
    justify-content: center;
	
    align-items: center;

}

.banner_section:before {

    content: "";

    position: absolute;

    display: inline-block;

    width: 100%;

    height: 100%;

    background: rgb(0 0 0 / 0%);

    z-index: 2;

}

.inner_page h2 {

    font-size: 22px;

    font-weight: 600;

    color: #000000;

    padding-right: 35px;

    line-height: 1.3em;

    border-left: 3px solid #d02;

    padding-left: 10px;

    margin-bottom: 25px;

}

.inner_page p {

    font-size: 15px;

    font-weight: 500;

    color: #000000;

    margin-bottom: 15px;

    margin-top: 25px;

    line-height: 1.8em;

    text-align: justify;

}

.inner_page .list_item{

    margin-top: -10px;

}

.inner_page .list_item li{

    font-size: 15px;

    line-height: 1.8em;

    color: #000000;

    font-weight: 500;

}

.inner_page a{

    color: #dd0022;

    font-weight: bold;

    text-decoration: none;

    word-break: break-word;

}

@media screen and (max-width: 1366px) {
	
.banner_section .content_warper{
	
	margin: auto;
	
    z-index: 5;
	
    min-height: 300px;
	
    display: flex;
	
    flex-direction: column;
	
    justify-content: center;
	
    align-items: center;

}
}

@media screen and (max-width: 1280px) {
	
.banner_section .content_warper{
	
	margin: auto;
	
    z-index: 5;
	
    min-height: 250px;
	
    display: flex;
	
    flex-direction: column;
	
    justify-content: center;
	
    align-items: center;

}

.inner_page {
    margin-top: 250px;
	
    z-index: 2;
	
    position: relative;
	
    padding-top: 100px;
}
}

@media screen and (max-width: 1024px) {
	
.banner_section .content_warper{
	
	margin: auto;
	
    z-index: 5;
	
    min-height: 200px;
	
    display: flex;
	
    flex-direction: column;
	
    justify-content: center;
	
    align-items: center;

}

.inner_page {
    margin-top: 200px;
	
    z-index: 2;
	
    position: relative;
	
    padding-top: 100px;
}

.banner_section {

    background-position: center -0px !important;
	
}
}

@media screen and (max-width: 768px) {
	
.banner_section .content_warper{
	
	margin: auto;
	
    z-index: 5;
	
    min-height: 150px;
	
    display: flex;
	
    flex-direction: column;
	
    justify-content: center;
	
    align-items: center;

}

.inner_page {
    margin-top: 150px;
	
    z-index: 2;
	
    position: relative;
	
    padding-top: 100px;
}

.banner_section {

    background-position: center -0px !important;
	
	margin-top: 135px!important;
}
}

@media screen and (max-width: 767px) {
	
.banner_section .content_warper{
	
	margin: auto;
	
    z-index: 5;
	
    min-height: 150px;
	
    display: flex;
	
    flex-direction: column;
	
    justify-content: center;
	
    align-items: center;

}

.inner_page {
    margin-top: 150px;
	
    z-index: 2;
	
    position: relative;
	
    padding-top: 100px;
}

.banner_section {

    background-position: center -0px !important;
	
	margin-top: 200px!important;
}
}

@media screen and (max-width: 700px) {
	
.banner_section .content_warper{
	
	margin: auto;
	
    z-index: 5;
	
    min-height: 150px;
	
    display: flex;
	
    flex-direction: column;
	
    justify-content: center;
	
    align-items: center;

}

.inner_page {
    margin-top: 150px;
	
    z-index: 2;
	
    position: relative;
	
    padding-top: 50px!important;
}

.banner_section {

    background-position: center -0px !important;
	
	margin-top: 200px!important;
}
}

@media screen and (max-width: 650px) {
	
.banner_section .content_warper{
	
	margin: auto;
	
    z-index: 5;
	
    min-height: 150px;
	
    display: flex;
	
    flex-direction: column;
	
    justify-content: center;
	
    align-items: center;

}

.inner_page {
    margin-top: 150px;
	
    z-index: 2;
	
    position: relative;
	
    padding-top: 50px!important;
}

.banner_section {

    background-position: center -0px !important;
	
	margin-top: 200px!important;
}
}

@media screen and (max-width: 600px) {
	
.banner_section .content_warper{
	
	margin: auto;
	
    z-index: 5;
	
    min-height: 125px;
	
    display: flex;
	
    flex-direction: column;
	
    justify-content: center;
	
    align-items: center;

}

.inner_page {
    margin-top: 125px;
	
    z-index: 2;
	
    position: relative;
	
    padding-top: 50px!important;
}

.banner_section {

    background-position: center -0px !important;
	
	margin-top: 200px!important;
}
}

@media screen and (max-width: 575px) {
	
.banner_section .content_warper{
	
	margin: auto;
	
    z-index: 5;
	
    min-height: 150px;
	
    display: flex;
	
    flex-direction: column;
	
    justify-content: center;
	
    align-items: center;

}

.inner_page {
    margin-top: 150px;
	
    z-index: 2;
	
    position: relative;
	
    padding-top: 50px!important;
}

.banner_section {

    background-position: center -20px !important;
	
	margin-top: 200px!important;
}
}

@media screen and (max-width: 485px) {
	
.banner_section .content_warper{
	
	margin: auto;
	
    z-index: 5;
	
    min-height: 150px;
	
    display: flex;
	
    flex-direction: column;
	
    justify-content: center;
	
    align-items: center;

}

.inner_page {
    margin-top: 150px;
	
    z-index: 2;
	
    position: relative;
	
    padding-top: 50px!important;
}

.banner_section {

    background-position: center -20px !important;
	
    margin-top: 185px!important;

}
}

@media screen and (max-width: 420px) {
	
.banner_section .content_warper{
	
	margin: auto;
	
    z-index: 5;
	
    min-height: 150px;
	
    display: flex;
	
    flex-direction: column;
	
    justify-content: center;
	
    align-items: center;

}

.inner_page {
    margin-top: 150px;
	
    z-index: 2;
	
    position: relative;
	
    padding-top: 50px!important;
}

.banner_section {

    background-position: center -0px !important;
	
    margin-top: 165px!important;

}
}

@media screen and (max-width: 355px) {
	
.banner_section .content_warper{
	
	margin: auto;
	
    z-index: 5;
	
    min-height: 150px;
	
    display: flex;
	
    flex-direction: column;
	
    justify-content: center;
	
    align-items: center;

}

.inner_page {
    margin-top: 150px;
	
    z-index: 2;
	
    position: relative;
	
    padding-top: 50px!important;
}

.banner_section {

    background-position: center -0px !important;
	
    margin-top: 155px!important;

}
}


/*.introjs-helperLayer {*/

/*    position: absolute !important;*/

/*}*/

/*.introjs-fixParent {*/

/*    position: absolute !important;*/

/*}*/



.footer_section, .copyright{

    position: relative !important;

}

/*============================================================

*   CSS For Organisation Chart Of HKETO In Singapore

============================================================*/

.director,

.single_item{

    padding: 50px 0px;

    box-shadow: 0 0 15px 1px rgb(0 0 0 / 20%);

    border-radius: 7px;

    transition: 1s;

}

.director:hover,

.single_item:hover{

    background: #FFB600;

}

.single_item{

    min-height: 191px;

    position: relative;

}

.director h3,

.single_item h3{

    color: #002868;

    font-weight: bold;

    font-size: 24px;

}

.director h4,

.single_item h4{

    margin-bottom: 0px;

    font-size: 18px;

    font-weight: 600;

    color: #000000;

    line-height: 1.5em;

}

.director:before {

    content: "";

    height: 50px;

    width: 2px;

    background: rgb(0 0 0 / 10%);

    display: inline-block;

    position: absolute;

    left: 50%;

    margin-left: -1px;

    margin-top: 115px;

}

.director:after {

    content: "";

    height: 2px;

    width: 872px;

    background: rgb(0 0 0 / 10%);

    display: inline-block;

    position: absolute;

    left: 50%;

    margin-left: -436px;

    margin-top: 100px;

}

.single_item:before {

    content: "";

    height: 44px;

    width: 2px;

    background: rgb(0 0 0 / 10%);

    display: inline-block;

    position: absolute;

    left: 50%;

    margin-left: -1px;

    margin-top: -94px;

}

.deputy_director:after {

    content: "";

    height: 2px;

    width: 582px;

    background: rgb(0 0 0 / 10%);

    display: inline-block;

    position: absolute;

    left: 50%;

    margin-left: -1px;

    margin-top: 127px;

}

.deputy_director_item{

    position: relative;

}

.deputy_director_item:after {

    content: "";

    height: 51px;

    width: 2px;

    background: rgb(0 0 0 / 10%);

    display: inline-block;

    position: absolute;

    left: 50%;

    margin-left: -1px;

    margin-top: 0px;

}

/*===============================

    CSS for contact Us page

===============================*/

.right_element{

    padding-left: 0px;

}

.left_element{

    padding-right: 0px;

}

.contact-box {

    /*background: rgb(237 67 37 / 32%);*/

    padding: 55px 30px 55px 30px;

    /*border-radius: 5px 5px 5px 5px;*/

    box-shadow: 0 0 10px 1px rgb(0 0 0 / 8%);

}

.sec-title .sub-text,

.sec-title2 .sub-text {

    position: relative;

    display: inline-block;

    line-height: 28px;

    font-size: 14px;

    letter-spacing: 1px;

    font-weight: 400;

    text-transform: uppercase;

    padding-left: 0;

    margin-bottom: 7px;

}

.sec-title2 .sub-text{

    color: #000 !important;

}

.contact-box .address-box .address-icon {

    background-image: linear-gradient(275deg, #f04222 0%, #f04222 100%);

    min-width: 48px;

    height: 48px;

    line-height: 48px;

    text-align: center;

    width: 40px;

    border-radius: 50%;

    margin-right: 23px;

}

.contact-box .address-box .address-icon i {

    font-size: 20px;

    line-height: 20px;

    color: #ffffff;

}

.contact-box .address-box .address-text .label {

    font-size: 16px;

    font-weight: 600;

    /*color: #ffffff;*/

    display: block;

    margin-bottom: 0px;

}

.contact-box .address-box .address-text a {

    line-height: 1.8em;

    font-size: 15px;

    color: #000;

    text-decoration: none;

}

.contact-box .address-box .address-text a:hover {

    color: #f04222;

}

.contact-box .address-box {

    display: flex;

}

.contact-box .address-box .address-text .desc {

    line-height: 1.8em;

    font-size: 15px;

}

.contact-widget .from-control {

    padding: 20px 20px 20px 20px;

    border-radius: 5px 5px 5px 5px;

    border-style: solid;

    border-width: 0px 0px 0px 0px;

    background-color: #F6F7F9;

    width: 100%;

    max-width: 100%;

}

.contact-widget textarea{

    min-height: 136px;

}

:focus-visible {

    outline: -webkit-focus-ring-color auto 0px;

}

.contact-widget .view_all {

    color: #000000;

    border: 1px solid #f6f7f9;

    background: #f6f7f9;

    margin-top: 20px;

}

.contact-widget .view_all:hover {

    color: #fff !important;

    border: 1px solid #dd0022 !important;

    background: #dd0022 !important;

}

.contact_us h2 {

    border-left: none;

    padding-left: 0px;

}

/*=============================

    CSS for news section

=============================*/

.news h2{

    padding-right: 0px;

    padding-left: 8px;

}

.news .whats_new_row{

    margin-bottom: 25px;

    background: #f5f5f5;

    transition: .5s;

}

.news .whats_new_row:hover{

    background: #ededed;

}

.news .category_date{

    margin-top: 0px;

}

.news .category_date span {

    margin-left: 0px;

    padding-left: 0px;

}

.news .accordion-button:not(.collapsed) {

    color: #ffffff;

    background-color: #dd0022;

    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);

}

.news .accordion-button:not(.collapsed)::after{

    background-image: url(../images/up.svg);

}

.news .accordion-body {

    padding: 0rem 1.25rem;

}

.news .accordion-body .list-group{

    margin: 20px 0px;

}

.news .accordion-body .list-group a{

    text-decoration: none;

    color: #000;

    font-size: 14px;

    font-weight: 600;

    display: block;

}

.news .accordion-body .list-group a:hover{

    color: #dd0022;

}

/*============================================

    CSS for Events & Activities page

============================================*/

.events-activities .accordion-body .list-group a{

    text-align: center;

}

/*============================================

    CSS for Newsletter page

============================================*/

.newsletter .whats_new_row{

    background: transparent !important;

}

.newsletter .whats_new_row .poster_details{

    background: #f5f5f5;

    padding: 15px;

}

.newsletter .whats_new_row .poster_details h3{

    margin-bottom: 0px;

    padding: 0px;

    font-size: 16px;

    display: inline;

}

.newsletter .whats_new_row .poster_details a {

    border: none;

    margin-left: 10px;

    text-transform: capitalize;

}

.newsletter .whats_new_row p {

    margin-bottom: 5px;

    margin-top: 0px;

}

/*============================================

    CSS for press releases page

============================================*/

.press_releases .category_date {

    margin: 0;

    color: #d02;

    font-size: 16px;

}

.press_releases .whats_new_row {

    padding: 15px 0;

}

.press_releases .whats_new_row a {

    color: #000000;

    border: none;

    text-transform: capitalize;

}

.press_releases .whats_new_row a:hover {

    color: #d02;

}

.press_releases .poster_details h3{

    margin: 0px;

}

.press_releases .poster{

    padding: 0px;

}


@media (max-width: 1199.98px) {

    body {

        padding-top: 155px;

    }

    .banner_section {

        margin-top: 155px;

    }

    .container {

        width: auto;

    }

    .slider .carousel-caption {

        margin-top: -150px;

    }

    .slider .carousel-caption h3 {

        font-size: 28px;

    }

    .main_menu li a{

        font-size: 14px;

    }

    .who_we_are p {

        font-size: 18px;

    }

    .whats_new_title {

        font-size: 18px;

    }

    .whats_new_tab_top .nav-item .nav-link {

        font-size: 16px;

        padding-left: 10px;

        padding-right: 10px;

    }

    .whats_new_title:after {

        width: 80px;

    }

    .poster_details h3 {

        font-size: 16px;

    }

    .explore_more {

        font-size: 13px;

    }

    .popular_topics_first li:nth-child(2) a, 

    .popular_topics_all li:nth-child(2) a {

        color: #000000;

        font-size: 14px;

    }

    .useful_links_title {

        font-size: 18px;

    }

    .footer_section ul li a {

        font-size: 14px;

        line-height: 24px;

    }

    .footer_section p,

    .footer_section h3,

    .copyright p, 

    .copyright p a {

        font-size: 14px;

    }



}

@media (max-width: 991.98px) {

    

    body {

        padding-top: 138px;

    }

    .banner_section {

        margin-top: 138px;

    }

    .main_menu li a:hover, .main_menu li a.active, .main_menu li a{

        border: none;

    }

    .main_menu li a {

        padding-top: 5px;

        padding-bottom: 5px;

        padding-right: 0px !important;

        padding-left: 0px !important;

    }

    .navbar-dark .navbar-toggler {

        color: rgb(255 255 255);

        border-color: hsl(0deg 0% 100%);

        margin-top: 11px;

    }

    .who_we_are br{

        display: none;

    }

    .whats_new_tab_top .nav-item .nav-link {

        font-size: 13px;

        padding-left: 6px;

        padding-right: 6px;

    }

    .whats_new_title {

        font-size: 16px;

    }

    .copyright p{

        text-align: center;

    }

    .copyright .text-end{

        margin-top: 5px;

    }

    .navbar-nav{

        padding: 15px 25px;

        position: absolute;

        left: 0;

        top: 52px;

        z-index: 999;

        width: 100%;

        background: #dd0022;

    }

    .slider .carousel-caption h3 {

        font-size: 22px;

    }

    .slider .carousel-caption {

        margin-top: -120px;

    }

    .slider .carousel-indicators {

        bottom: 90px;

    }



}


@media (max-width: 767.98px) {

    body {

        padding-top: 202px;

    }

    .copyright p a {

        display: block;

    }

    .copyright p a:before{

        display: none;

    }

    .footer_section h3{

        margin-top: 15px;

    }

    .footer_section h3,

    .footer_section ul li,

    .footer_section p{

        text-align: center;

    }

    .certification_logo{

        justify-content: center;

    }

    .footer_section .social_media{

        justify-content: center;

        padding: 0px;

    }

    .view_all {

        margin-bottom: 50px;

    }

    .whats_new{

        padding-right: 0px;

    }

    .poster_details .category_date {

        margin-top: 18px;

    }

    .who_we_are_background {

        margin-top: -20px;

    }

    .slider .carousel-indicators {

        bottom: 30px;

    }

    .slider .carousel-caption {

        margin-top: -90px;

    }

    .header_section_top_header {

        padding-top: 10px;

        padding-bottom: 10px;

    }

}


@media (max-width: 575.98px) { 

    body {

        padding-top: 176px;

    }

    .logo{

        display: block;

        text-align: center;

        padding-bottom: 15px;

    }

    .who_we_are_background:before{

        display: none;

    }

    .who_we_are_background {

        margin-top: 50px;

    }

    .who_we_are {

        padding: 40px;

    }

    .tab-content .whats_new_title{

        display: none;

    }

    .what_new_nad_popular_topics{

        padding-top: 50px;

    }

    .only_mobile {

        display: block;

        border: none;

        text-align: center;

        height: 26px;

        margin-bottom: 25px;

    }

    .whats_new_title:after {

        left: 50%;

        margin-left: -40px;

    }

    .whats_new_title {

        text-align: center;

    }

    .tab-pane .whats_new_row:nth-child(1){

        padding-top: 0px;

    }

    .whats_new_tab_top{

        float: unset !important;

        justify-content: center;

    }

    .poster{

        padding-left: 0px !important;

        padding-right: 0px;

    }

    .tab-pane .whats_new_row {

        width: 315px;

        margin: auto;

        padding-top: 20px;

        padding-bottom: 20px;

    }

    .popular_topics_together {

        padding-top: 20px !important;

        padding-bottom: 20px !important;

    }

    .view_all {

        margin-top: 20px;

    }

    .popular_topics_first {

        margin-bottom: 15px;

    }

    .popular_topics_first li:nth-child(1) a {

        font-size: 28px;

        text-align: center;

    }

    .popular_topics_all {

        margin-bottom: 15px;

    }

    .useful_links_section {

        padding-top: 50px;

    }

    .popular_topics_first li:nth-child(2) a, .popular_topics_all li:nth-child(2) a{

        margin-bottom: 0px;

        padding-left: 15px;

    }

    .popular_topics_first,

    .popular_topics_all{

        align-items: center;

    }

    .top_search_area {

        height: 40px;

        width: 100%;

    }

    .slider .carousel-indicators {

        bottom: 0px;

    }

    .slider .carousel-caption h3 {

        font-size: 16px;

        margin-bottom: 0px;

    }

    .slider .carousel-caption {

        margin-top: -50px;

        padding: 0px;

    }

    .social_media li a {

        font-size: 16px;

    }

    .navbar-dark .navbar-toggler {

        margin-top: 5px;

    }

    .navbar-nav {

        top: 40px;

    }

    .top_search_area button i {

        font-size: 16px;

    }

    .top_search_area .btn{

        padding-left: 0px;

        padding-right: 5px;

    }

    .top_search_area input {

        padding-left: 7px;

        padding-right: 0px !important;

    }

    .who_we_are p {

        font-size: 15px;

    }

    .who_we_are a {

        font-size: 14px;

        margin-top: 0px;

    }



}

@media (max-width: 413.98px) { 

    body {

        padding-top: 160px;

    }

    .banner_section {

        margin-top: 160px;

    }

    .navbar-nav {

        width: 295px;

    }

    .slider .carousel-indicators {

        display: none;

    }

    .tab-pane .whats_new_row {

        width: unset;

    }

    .whats_new_tab_top .nav-item .nav-link {

        padding-left: 5px;

        padding-right: 5px;

    }

    .font_size_increase_decrease {

        padding-right: 8px;

    }

    .small_device_right_padding_remove{

        padding-right: 0px;

    }

    .top_search_area input {

        font-size: 13px;

    }



}






  

 @media (max-width: 991.98px) {
  .nav-link::after{
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
        position: absolute;
        right: -11px;
        top: 50%;
    
    }
    
    .main_menu .dropdown:hover .dropdown-menu {
        display: inline-block;
        margin-top: 0;
        position: absolute;
        left: 100%;
        width:100%;
        padding-left:10px;
        padding-right:10px;

    }
   .main_menu .dropdown-item{
       white-space:normal !important;
   }

   .social_links_official li {
    list-style: none;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #000;
    line-height: 14px;
    font-weight: bold;
    font-size: 14px;
}

}
 

@media (max-width:768px) { 
    .banner_section h1{
        font-size: 18px;
    } 
    .banner_section nav a, .banner_section nav li{
        font-size: 14px !important;
    }
}

@media (max-width: 413.98px) { 
    body {
        padding-top: 160px;
    }
    .banner_section {
        margin-top: 160px;
    }
    .navbar-nav {
        width: 295px;
    }
    .slider .carousel-indicators {
        display: none;
    }
    .tab-pane .whats_new_row {
        width: unset;
    }
    .whats_new_tab_top .nav-item .nav-link {
        padding-left: 5px;
        padding-right: 5px;
    }
    .font_size_increase_decrease {
        padding-right: 8px;
    }
    .small_device_right_padding_remove{
        padding-right: 0px;
    }
    .top_search_area input {
        font-size: 13px;
    }

  .main_menu .dropdown:hover .dropdown-menu {
        display: inline-block;
        margin-top: 0;
        position: absolute;
        width:100%;
        left:0;
        padding-left:10px;
        padding-right:10px;

    }
    
}



@media (max-width: 767.98px) {
    table{
        width:100% !important;
    }
    iframe{
        width:100% !important;
    }
    .d-grid{
        display:flex !important;
    }
   .d-grid .w-25{
       width:48% !important;
   }
   
   .inner_page a{
       word-break: break-word !important;
   }
   
   .banner_section ol li a, .banner_section ol li {
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    }
    .banner_section h1 {
        color: #ffffff;
        font-size: 24px;
        font-weight: bold;
        text-transform: capitalize;
    }
    
    .social_links_official{
        display:block !important;
    }
    
    .social_links_official li {
        list-style: none;
        padding-right: 15px;
        margin-right: 15px;
        border-right: 1px solid #000;
        line-height: 30px;
        font-weight: bold;
        display: block;
        width: 100%;
        margin-top: 10px;
    }
    
.deputy_director:after{
    width:0px;
}

.director:after {
    width: 0px !important;
    margin-top: 100px;
}

.single_item:before {
    content: "";
    height: 48px;
    margin-top: -99px;
}
.deputy_director_item:after{
    height:0px;
}
.single_item{
    margin-top:50px;
}
.organisation-chat{
    padding-bottom:0px !important;
    margin-bottom:0px !important;
}
.organisation-chat-b{
    padding-bottom:0px !important;
    padding-top:0px !important;
    margin-bottom:0px !important;
    margin-top:0px !important;
}
.director:before{
    margin-top:100px;
}

.press_releases .category_date {
    text-align:left !important;
    padding-left:10px;
}
}




@media (max-width: 768px) {
 .director:after {
    width: 660px;
    margin-left: -325px;
    margin-top: 100px;
}

.director:before {
    content: "";
    height: 50px;
}

.director h4, .single_item h4 {
    font-size: 14px;
}

.director h3, .single_item h3 {
    font-size: 18px;
}

.single_item:before {
    content: "";
    height: 48px;
    margin-top: -97px;
}

.deputy_director_item:after {
    height: 48px;
}

.deputy_director:after{
    margin-top:138px;
}

}

.lb-data .lb-details{
    display: block!important;
}
.post_description a,
.text-red {
	color: #DD0022;
	text-decoration: none;
	font-weight: bold;
}