/*
Theme Name: The7 Child
Theme URI: http://the7.io/
Template: dt-the7
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: Any design, any layout. No coding required. The7 is the most customisable WordPress theme on the market up to date. Add the power of Visual Composer, The7 Post Types, Ultimate Addons, Slider Revolution, and WooCommerce to the mix, and you'll get the ultimate web-site building toolkit! Theme is translation ready, compatible with WPML, SEO and mobile friendly (certified by Google).
Tags: multipurpose,responsive,retina ready,SEO ready,mobile friendly,iOS,material design,clean,minimal,business,corporate,portfolio,creative,photography,one page site,micro site
Version: 9.3.1.1639024667
Updated: 2021-12-09 11:37:47

*/
.dialog-widget-content.dialog-lightbox-widget-content.animated{
	margin-top:60px;
}
div#elementor-popup-modal-21495 {
    z-index: 0 !important;
}
.elementor-element.elementor-element-58c84e8.elementor-widget.elementor-widget-image a:focus {
    outline: none !important;
}


.elementor-element.elementor-element-f91dade.elementor-widget.elementor-widget-image a:focus {
    outline:none !important;
}
.disappear{
  display: none;
}

a.elementor-button-link.elementor-button.elementor-size-sm:focus {
    outline: none !important;
}

a.elementor-button-link.elementor-button.elementor-size-md:focus {
    outline: none !IMPORTANT;
}

a:focus{
    outline:none !important;
}
/* Menu Fixed */
.icon-fixed-menu ul.elementor-icon-list-items > li > a {
    padding: 10px 2em;
    background: #0E7FAF;
    justify-content: flex-end;
    clip-path: polygon(0 0, 100% 0%, 70% 100%, 0% 100%);
    transition: 0.3s all;
}

.icon-fixed-menu ul.elementor-icon-list-items > li > a:hover {
    background: #E33831;
}

.icon-fixed-menu ul.elementor-icon-list-items > li > a > span > i {
    color: #fff !important;
}

.accent-gradient #page .footer .textwidget a:not(.dt-btn):hover {
    background: unset;
}
/*.branding a img, .branding img {
    max-width: auto;
    height: 80px;
    width: auto;
}*/

/* Instagram Widget */
.widget #sb_instagram #sbi_load .sbi_load_btn, 
.widget #sb_instagram .sbi_follow_btn a {
    border-radius: unset;
    text-transform: uppercase;
    background: #1e4b6e;
    border: 1px solid #66859c;
		font-family: 'Montserrat';
    font-weight: 500;
}

.widget #sb_instagram #sbi_load .sbi_load_btn:hover, 
.widget #sb_instagram .sbi_follow_btn a:hover {
    background: #1e4b6e !important;
    color: #fff !important;
}

/* Box Pemenang */
.box-pemenang .elementor-icon-box-title {
    margin: unset;
}

.box-pemenang .elementor-icon-box-content {
    padding: 8px;
    background: #0067ab;
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
}

/* Image Slider */
.fg-image-wrap .fg-image {
    height: 300px;
    object-fit: cover;
}

/* Partner Logo */
.center-gallery .gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: unset;
}

.center-gallery .gallery .gallery-item {
    margin: unset;
}

.img-icon-award img {
    width: 60%;
}


.elementor-21058 .elementor-element.elementor-element-d5b8195 .elementor-heading-title,
.elementor-21058 .elementor-element.elementor-element-da8369b .elementor-heading-title,
.elementor-21058 .elementor-element.elementor-element-31ddbbe .elementor-heading-title{
	text-shadow:0px 0px 0px rgb(0,0,0,0);
}







/* by toffee team */
/* nav menu mobile not fixed */
.floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn{
	position:relative !important;
}

/* Accesibility */
.menu-item a.elementor-item:focus {
    outline:none !important;
}
a.pojo-a11y-toolbar-link.pojo-a11y-toolbar-toggle-link {
    padding: 4px !important;
}

nav#pojo-a11y-toolbar {
    display:none;
}
.page-id-23452 nav#pojo-a11y-toolbar,
.page-id-21888 nav#pojo-a11y-toolbar,
.page-id-21058 nav#pojo-a11y-toolbar,
.page-id-21907 nav#pojo-a11y-toolbar,
.page-id-21053 nav#pojo-a11y-toolbar,
.page-id-21055 nav#pojo-a11y-toolbar,

.page-id-21037 nav#pojo-a11y-toolbar,
.page-id-21039 nav#pojo-a11y-toolbar,
.page-id-21041 nav#pojo-a11y-toolbar,
.page-id-21046 nav#pojo-a11y-toolbar,
.page-id-21048 nav#pojo-a11y-toolbar,
.elementor-page-22235 nav#pojo-a11y-toolbar{
    display:block;
}

/*hide menu aha in ascend*/
/* .page-id-23452 .mobile-header-bar,
.page-id-21888 .mobile-header-bar,
.page-id-21058 .mobile-header-bar,
.page-id-21907 .mobile-header-bar,
.page-id-21053 .mobile-header-bar,
.page-id-21055 .mobile-header-bar,

.page-id-21037 .mobile-header-bar,
.page-id-21039 .mobile-header-bar,
.page-id-21041 .mobile-header-bar,
.page-id-21046 .mobile-header-bar,
.page-id-21048 .mobile-header-bar,
.elementor-page-22235 .mobile-header-bar{
    display:none !important;
}
.page-id-23452 .menu-toggle,
.page-id-21888 .menu-toggle,
.page-id-21058 .menu-toggle,
.page-id-21907 .menu-toggle,
.page-id-21053 .menu-toggle,
.page-id-21055 .menu-toggle,

.page-id-21037 .menu-toggler,
.page-id-21039 .menu-toggle,
.page-id-21041 .menu-toggle,
.page-id-21046 .menu-toggle,
.page-id-21048 .menu-toggle,
.elementor-page-22235 .menu-toggle{
    display:none !important;
} */


/* Home slider 7 Steps */
.elementor-swiper-button.elementor-swiper-button-prev {
    font-size: 40px !important;
    margin-left:74px;
}

.elementor-swiper-button.elementor-swiper-button-next {
    font-size: 40px !important;
    margin-right:74px;
}


i.eicon-chevron-right {
    color: #3a3a3a;
}

i.eicon-chevron-left {
    color: #3a3a3a;
}
/*  */

.elementor-element.elementor-element-a5b59da.ascend-cert.elementor-widget.elementor-widget-image {
    transform: rotate(10deg);
}

/* tab-home */
.tab-steps a.active object {
    filter: invert(69%) sepia(22%) saturate(351%) hue-rotate(129deg) brightness(102%) contrast(90%);;
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 0;
}
.icon-menu{
	transition:.5s;
}
.icon-menu:hover{
	opacity:.5;
}
.tes H2 {
	color:white;
    padding-top: 32px;
    line-height: 1.2;
	text-shadow: 2px 2px 10px rgb(0,0,0,.6);
}
.tes{
	background: linear-gradient(to right, white , #84b4b1ff);
    display:flex;
    padding-bottom:0px;
}


.img-item{
	height: 340px;
  width: 300px;
}

.img-item img {
	height: 340px;
  width: auto;
}

.tab-steps {
    justify-content: space-around;
    display: flex;
    background-color: #e2e2e2ff;
    margin: 56px auto;
    width: 68%;
}

/* Style the  inside the tab */
.tab-steps a.icon-menu.tablinks {
	background-color: #e2e2e2ff;
/*	border-right:1px solid rgb(0,0,0,.0) !important;*/
    cursor: pointer;
    padding: 24px 44px;
    transition: 0.3s;
    font-size: 17px;
}

object.icon-svg {
    background:none !important;
}

/* Change background color of buttons on hover */
.tab-steps a:hover {
  background-color: #e2e2e2ff;
}

/* Create an active/current tablink class */
.tab-steps a.active {
  background-color: #e2e2e2ff;
}

/* Style the tab content */
.tabcontents {
  display: none;
  padding: 6px 0px;
  border: 1px solid #e2e2e2ff;
  border-top: none;
}

.img-content{
  margin-left:48px;
	padding-right:8em;
    width: 100em;
}

.img-content a {
    color: black;
    font-weight: 900;
    background-color: #84b4b1ff;
    border: none;
    font-size: 15px;
    padding: 10px 80px;
}

/* tab home resp img */
.img-item-resp{
	display:none;
}

/**/
.page-template .hamburger-bg-enable .menu-toggle:before {
    background-color: #84b4b1ff !important;
}

.floating-menu-icon-right.side-header-menu-icon .menu-toggle {
    right: 0;
    top: -8px;
}

.floating-logo.side-header-menu-icon .branding {
    position: fixed;
    top: -8px !important;
    width: 82px;
}
/* register */

.accordion img {
    transform: rotate(270deg);
}


button:focus {
    outline: none !important;
}
body.pojo-a11y-focusable a.elementor-toggle-title:focus {
  outline: none;
    outline-style: none !important;
    outline-width: 0px !important;
    outline-color: rgb(0,0,0,0)!important;
}

.accordion {
  display: flex;
  justify-content: space-between;
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 50%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 25px;
  transition: 0.4s;
  font-family: 'nunito','arial','sans-serif';
  font-weight: 700;
  margin:auto;
}

.active-acc, .accordion:hover {
  background-color: #ccc; 
}

.panel {
  margin:auto;
  width: 100%;
  padding: 2px 18px;
  display: block;
  background-color: white;
  overflow: hidden;
  font-family: 'nunito','arial','sans-serif';
}

.panel a{
  display:block;
  text-decoration:none;
  font-size:18px;
  color:black;
  margin:16px 0px;
  transition:.2s;
}

.panel a:hover{
	font-size: 19px;
  font-weight:900;
}

p .accordion-missing{
  display: none;
}


/* Schemes and Guide */

.desc-register{
  width:45%;
}

.line{
	width:2px;
	background-color:rgb(0,0,0,.7);
}

.buttons button {
    font-family: "Oswald", Sans-serif;
    font-size: 25px;
    font-weight: 800;
    margin: auto 4px;
}

.wshp .buttons button {
    font-size: 15px;
    font-weight: 800;
    margin: auto 8px;
}

.tab-menu {
    display: flex;
    margin: 32px auto !important;
    justify-content: space-around;
    text-align: center;
    padding: 12px;
    box-shadow:2px 2px 30px rgb(0,0,0,.3);
	width:100%;
}

.tab-menu p {
    text-align:center;
    margin-top: 20px;
    line-height: 20px;
    font-weight:600;
}

.tab-menu a{
  font-size: 12px;
  text-decoration: none;
  color: #221f1fff;
  text-align: center;
  transition: .3s;
}

.tab-menu a:hover{
  opacity: 0.2;

}

a.eoc-img {
    margin-top: 0px;
}

/*.eoc-img p {
    margin-top: 12px !important;
}*/

.rapid,.human,.eoc-img,.water,.shelter{
  width: 64px;
}

.rapid img,.human img,.eoc-img img,.water img,.shelter img{
  width: 60px;
  height: 60px;
	object-fit:contain;
}

a.rapid,a.human,a.eoc-img,a.shelter,a.water {
	padding-top:24px;
    width:12em;
/*     padding-right:30px; */
/*     border-right: 1px solid rgb(0,0,0,.5); */
}



/**/

.eoc{
  background-color: #d23d3aff;
  height: 100%;
  z-index:-5;
  padding-bottom:56px;
}

.rapid-as{
  background-image: linear-gradient(#fdb80aff, #efc55dff);
  height: 100%;
  z-index:-5;
  padding-bottom:56px;
}

.rapid-as h2, .rapid-as p {
    color:black !important;
}

.humanitarian{
  background-image: linear-gradient(#5f6f3bff, #91947cff);
  height: 100%;
  z-index:-5;
  padding-bottom:56px;
}

.shelter-ma{
  background-image: linear-gradient(#f47721ff, #e8a66dff);
  height: 100%;
  z-index:-5;
  padding-bottom:56px;
}

.wshp{
  background-image: linear-gradient(#2062acff, #71aadaff);
  height: 100%;
  z-index:-5;
  padding-bottom:56px;
}

.eoc,.rapid-as,.humanitarian,.shelter-ma,.wshp{
	margin-top:56px;
}

.eoc h2,
.rapid-as h2,
.humanitarian h2,
.shelter-ma h2,
.wshp h2{
  font-family: "Oswald", Sans-serif;
  padding-top:48px;
  color: white;
  font-size: 35px;
  text-align: center;
  font-weight: bolder;
}

p.core-and-technical-desc {
    text-align: center !important;
    width: 100%;
    color: white;
    font-size: 15px;
    line-height: 25px;
}

/*.eoc p:nth-child(2), .rapid-as p:nth-child(2), .humanitarian p:nth-child(2), .shelter-ma p:nth-child(2), .wshp p:nth-child(2) {
    margin: 0px !important;
    text-align: left !important;
    width: 100%;
    color: white;
    font-size: 15px;
    line-height: 25px;
}
*/
/*.eoc p:nth-child(3),
.rapid-as p:nth-child(3),
.humanitarian p:nth-child(3),
.shelter-ma p:nth-child(3),
.wshp p:nth-child(3){
  margin: auto;
  text-align: center;
  width: 40%;
  color: white;
  margin-top: 16px;
  font-size: 15px;
}
*/
.content-inside {
    margin-top: 56px;
    display: flex;
    justify-content: space-around;
}


#officer img,
#coordinator img,
#manager img,
#promoter img,
#engineer img{
  width: 24em;
}

#trainerOfficer img, #trainerCoordinator img, #trainerManager img, #trainerPromoter img, #trainerEngineer img{
    width:100%;
}

#learnerOfficer img, #learnerCoordinator img, #learnerManager img, #learnerPromoter img,#learnerEngineer img{
    width:100%;
}


/* Style tab links */

.buttons{
  align-items: center;
  text-align: center;  
  margin-top: 56px;
}

.tablink {
  border: none;
  outline: none;
  cursor: pointer;
  height:56px;
  width:10em;
  transition: 0.3s;
  font-size: 25px;
}



/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
  color: white;
  display: none;
  padding: 0px 20px;
  height: 100%;
}


.btn-eoc-download {
    display: block;
    background-color: #3c3c3bff;
    padding: 16px 20px;
    text-align: center;
    color: white;
    text-decoration: none;
    transition: .5s;
    margin-top: 12px;
    font-size: 15px;
    font-weight: 800;
}

.btn-eoc-download:hover{
  opacity: .8;
}


/**/
.register-cta{
  margin-top: 16em;
  color: white;
  width: 100%;
  font-size: 15px;
}

.register-cta span{
  font-weight: 900;
}

.elementor a {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
}
.btn-eoc-register {
    font-size: 15px;
    background-color: #3c3c3bff;
    padding: 8px 80px;
    text-align: center;
    color: white;
    text-decoration: none;
    transition: .5s;
    font-weight: 800;
}

.btn-eoc-register:hover{
  opacity: .8;
}


/* core */

.core-and-technical{
  margin-top: 90px;
}

/*.eoc p:nth-child(2){
  text-align: center;
  margin-top: 20px;
  font-size: 15px;
}
*/

/**/

/* Style the tab */
.tab-core {
  margin-top: 32px;
  text-align: center;
}

/* Style the buttons inside the tab */
.tab-core button {
    font-family: "Oswald", Sans-serif;
    background-color: inherit;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 25px;
    font-weight: 800;
    margin: auto 48px;
}

/* Change background color of buttons on hover */
.tab-core button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab-core button.active {
  background-color: #ccc;
}

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

/**/

.trainer-content{
  padding: 0px 56px;
  margin-top: 64px;
  display: flex !important;
  justify-content: center;
}

.img-trainer{
	margin-top: 28px;
  width: 100%;
}

.img-trainer img{
  width:100%;
}

.download-trainer,.download-learner{
  margin-left:48px;
  width:100%;
}
.btn-download-trainer{
  display: flex;
  align-items: center;
  width: 32em;
  margin-top:24px;
}

.btn-download-trainer p {
    margin: 10px 20px !important;
    text-align: left !important;
    width: 50% ;
    font-size: 12px !important;
    line-height: 1.2;
}

.btn-download-learner{
  display: flex;
  align-items: center;
  width: 32em;
  margin-top:24px;
}

.btn-download-learner p {
    margin: 10px 20px !important;
    text-align: left !important;
    width: 50%;
    font-size: 12px !important;
    line-height: 1.2;
}

.btn-download-learner a {
    display: flex;
    font-weight: 700;
    font-size: 15px;
    background-color: #ffffff;
    color: #343536ff;
    text-decoration: none;
    transition: .5s;
    height: 40px;
    width: 10em;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.btn-download-learner a:hover {
    background-color: #7D1313;
    color: #fff;
}

/*  */

.btn-download-trainer a {
    display: flex;
    font-weight: 700;
    font-size: 15px;
    background-color: white;
    color: #343536ff;
    text-decoration: none;
    transition: .5s;
    height: 40px;
    width: 10em;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.btn-download-trainer a:hover {
    background-color: #17365C ;
    color: #fff;
}

.btn-core-download {
    font-size: 15px;
    background-color: #3c3c3bff;
    width: 100%;
    padding: 16px 0px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    transition: .5s;
    margin-top: 50px;
    font-weight: 700;
}

.register-cta p {
    font-family: "oswald", Sans-serif;
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 24px;
    font-weight: 200;
}

/* news */
.pagination {
    display: flex;
    justify-content: center;
}

.pagination span,
.pagination a{
    padding:2px 8px;
    margin:0px 2px;
}

.pagination span{
    background:#8fb7b6ff;
    color:white;
}

.pagination a{
    background:#fff;
    color:#8fb7b6ff;
}
/*  */

div.pp_default .pp_description {
    font-size: 15px !important;
    font-weight: 700;
    line-height: 25px !important;
    margin: 5px 50px 5px 0;
}

.news-content.col-md-8{
  font-size: 15px;
  line-height: 25px;
}
.news{ 
	display: flex;
	margin: auto;
	width: 980px ;
	margin:12em auto;
}

.news-thumbnail{
	width: 30em;
	margin-right:40px;
}

.news-content{
	width:60em;
}

.news-content h2{
  font-size: 35px;
  font-weight:700;
  margin-bottom:16px !important;
}

.btn-news{
  font-size: 15px;
	position:relative;
	top:20px;
	padding:16px 48px;
	color:white;
	background:#8fb7b6ff;
	transition:.5s;
}

.btn-news:hover{
	opacity:.5;
}


/*dropdown menu*/
.dropdown{
	width: 70%;
    color: white;
    position: static;
    display: inline-block;
}

#dropdown-content {
  text-align: left;
  display: none;
  position: absolute;
  background-color: #fff;
  width: 70%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}

#dropdown-content-hover {
  text-align: left;
  display: none;
  position: absolute;
  background-color: #fff;
  width: 70%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}


.dropdown button {
	width:100%;
    font-weight: 600;
    color: white;
    background-color: #434343;
    border: none !important;
    padding: 12px 0px;
    transition: .5s;
}

.dropdown button:hover {
    background-color: rgb(0,0,0,.5);
}


#dropdown-content div {
    margin: 10px 0px;
}

#dropdown-content div a {
    color:black;
}

#dropdown-content-hover div {
    margin: 10px 0px;
}

#dropdown-content-hover div a {
    color:black;
}


/**/
.elementor-element.elementor-element-765dfd6.elementor-widget.elementor-widget-text-editor {
    margin: -20px 0px 0px 0px;
}

.dropdown-content div a {
    color: black !important;
    font-size: 15px;
    font-family: 'lato', 'arial';
}
.dropdown-content-hover div a {
    color: black !important;
    font-size: 15px;
    font-family: 'lato', 'arial';
}

/* news details */
a.rollover.rollover-zoom.this-ready {
    height: 220px !important;
}
img.attachment-medium_large.size-medium_large {
    height: 220px !important;
    object-fit: cover !important;
    width: auto !important;
}

/* .wpb_text_column.wpb_content_element {
    column-count: 2;
    column-gap: 20px;
} */

.post-col{
	column-count: 2;
    column-gap: 20px;
}
.recent {
    display:flex;
	flex-wrap:wrap;
}

.recent-news{
	width:50%;
    margin:30px 0px;
}

.recent-news p{
	font-size: 12px;
    border: 2px solid rgb(0,0,0,0.4);
    width: 22%;
    padding: 5px 4px;
}

.recent h2 {
  font-family:'oswald','sans-serif';
    width:80%;
    font-weight: 800;
    font-size:25px;
}


.filter{
	margin: 48px auto;
    display: none;
    text-align: center;
}

.sales-products-filter select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: #fff;
  background-image: none;
}
/* Custom Select */
.sales-products-filter .select {
  position: relative;
  display: block;
  width: 20em;
  height: 3em;
  line-height: 3;
  background: #fff;
  overflow: hidden;
  border-radius: .25em;
}
.sales-products-filter select {
	font-weight: 700;
	color:rgb(0,0,0,.8) !important;
    width: 50%;
    height: 45px;
    margin: 20px 0px;
    padding: 0 0 0 0rem;
    color: #fff;
    cursor: pointer;
    border-radius: 0;
    font-size: 15px;
    font-family:  'Lato', 'Arial', 'sans-serif';
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
}
.sales-products-filter select::-ms-expand {
  display: none;
}
/* Arrow */
.sales-products-filter .select::after {
  content: '\25BC';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 1em;
  background: #fff;
  pointer-events: none;
}
/* Transition */
.sales-products-filter .select:hover::after {
  color: #fff;
}
.sales-products-filter .select::after {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}

.sales-products-filter .filter-btn {
	color:black !important;
	font-weight: 800;
    width: 50%;
    background: none;
    border: 1px solid #4f4f55;
    color: #fff;
    font-family: 'Lato', 'Arial', 'sans-serif';
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    padding: 16px 20px;
    display: inline-block;
}

.sales-products-filter {
  display:block;
  margin:0 auto;
  text-align:center;
}

/*Responsive*/

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

.img-content p {
    font-size: 15px !important;
    text-align: center !important;
}

a.show-hide {
    padding: 1em 3em;
}




}

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

  .img-content p {
    font-size: 15px !important;
    text-align: center !important;
}


	.buttons{
    display: block !important;
  }


	a.show-hide {
     padding: 1em 3em;
}
	.tes{
	 margin-bottom: 2em;
	}

	.img-content h2 {
	font-size:25px !important;
}

	.img-content{
    margin-left: 0px !important;
	 padding: 8px 24px;
	}
	
	.img-item img {
    display:none;
}
	
	.tab-steps {
    width: 80%;
}
	
	object.icon-svg {
    height: 40px !important;
}

/*	H2 {
    font-size: 25px !IMPORTANT;
}*/

  .tab-menu{
    display:none;
  }
	
   .content-inside{
  margin-top: 56px;
  display:block;
  justify-content: center;
}
	
   .tabcontent p{
		width:100%;
	}
	
	#officer img, #coordinator img, #manager img{
		margin-top:36px;
	}

	.img-content button{
		font-size: 15px;
	}

  .btn-download-trainer,
  .btn-download-learner{
    display: flex !important;
    margin-top: 32px;
    flex-wrap: wrap;
    width: 100% !important;
  }

  .btn-download-trainer a,
  .btn-download-learner a{
    margin:auto;
  }

	
/* news	 */
	.news {
    padding: 30px;
    display: block;
    width: 100%;
    margin: 30px auto;
}
	.news-content {
    width: 100%;
}

.news-content h2 {
    font-size: 25px;
    margin-top: 20px;
}
	
} @media screen and (max-width:650px){ 
	.content-inside{ 
		margin-top: 56px;
		display: block !important; 
	}

    .desc-register{
      width:100% !important;
    }

    .img-officer{
    	margin-top:1em;
}
	
	.news{
		width:100%;
	}
	
	.tabcontent p,.register-cta{
		text-align:center !important;
	}
	
	.img-officer,.img-trainer{
		text-align:center;
	}
	#officer img, #coordinator img, #manager img, #promoter img, #engineer img,
	#trainerOfficer img, #trainerCoordinator img, #trainerManager img, #trainerPromoter img, #trainerEngineer img,#learnerOfficer img, #learnerCoordinator img, #learnerManager img, #learnerPromoter img, #learnerEngineer img {
		width:14em;
	}
	
	.buttons,.content-inside{
		margin-top:1em;
	}

}

@media screen and (max-width:767px){
	
	/* tab img resp	 */
	.img-item-resp{
	display:block;
}
	.tes{
		display:block;
	}
	.tes H2{
		padding-top:1em;
	}
	.img-content {
		margin: 0px auto 2em auto;
		text-align: center;
		padding: 0px 16px 2em 16px;
		width:100%;
}

	
	.trainer-content{
		padding: 0px !important;
	}
	#dropdown-content{
		width: 100%;
	}

	#dropdown-content-hover{
		width: 100%;
	}
  .dropdown button{
    width:100%;
  }

  .dropdown{
  	width: 100%;
  }
  .img-content h2{
    text-align: center;
  }

.tab-steps a.icon-menu.tablinks{
padding:0px;
  }

.post-col{
  column-count: 1;
} 
a.rapid, a.human, a.eoc-img, a.shelter, a.water{
  padding-top: 0px !important;
}
.rapid img, .human img, .eoc-img img, .water img, .shelter img{
  padding: 14px;
  object-fit:contain;
}
.tab-menu {
  display: flex;
}

.tab-menu p {
  display: none;
}

.line{
  display: none;
}
  .elementor-swiper-button.elementor-swiper-button-prev{
    margin-left:-42px;
  }

  .elementor-swiper-button.elementor-swiper-button-next{
    margin-right:-42px;
  }
  .dropdown button {
    font-weight: 600;
    color: white;
    background-color: #000;
    border: none !important;
    padding: 16px 20px;
    transition: .5s;
}

  .desc-register{
    width:100%;
  }

  .download-trainer, .download-learner{
    margin-left: 0px;
  }
/* 
.elementor-21037 .elementor-element.elementor-element-65291a6 > .elementor-container {
     max-width: 80%;  
}
 */

.tab-steps a.icon-menu.tablinks{
  padding:12px;
}

a.show-hide {
    padding: 1em 8em;
}


	
.img-item{
    display:none !important;
}

.tab-steps {
    width: 96%;
}

object.icon-svg {
    height: 56px !important;
}

li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-21530 {
    display: block;
}
	
	/* core */
	.tab-core{
		display:flex;
	}
	
	.tab-core button{
		margin:auto 8px;
	}
	
	.trainer-content{
		display:block !important;
	}
	
	.img-trainer {
    	width: 100%;
		padding:0px 20px;
}
	.img-trainer img{
		width:100%;
	}
	
	.btn-core-download{
		width:100%;
	}
	
	
	.btn-download-trainer {
    display: flex;
    margin-top: 32px;

	}

  .btn-eoc-register {
    padding: 8px 32px;
}

.eoc h2, .rapid-as h2, .humanitarian h2, .shelter-ma h2, .wshp h2{
		padding-top:1em;
	}
.register-cta,.core-and-technical{
  margin-top:1em;
}

  .tabcontent p {
    width: 100%;
}
	
	.btn-download-trainer p {
    text-align: center !important;
    margin-top: 8px !important;
	width:100% !important:
}
	
		.btn-download-learner {
    text-align: center;
    display: block;
    margin-top: 32px;
	  width:250%;
	}
	
	.btn-download-learner p {
    text-align: center !important;
    margin-top: 8px !important;
	width:100% !important:
}
	
	.tab-core button{
		font-size:15px;
	}
	
	.buttons button {
		font-size: 25px !important;
		font-weight: 800;
		margin: auto 2px;
}
	
	.buttons {
    display: flex;
    justify-content: center;
}

 .content-inside{
    margin-top: 1em;
    display: flex;
}
	
/* 	.img-trainer {
    padding: 0px 80px;
    width: 100%;
}
	
	.trainer-content {
    margin-top: 64px;
    display: block !important;
    justify-content: center;
}
	
	.img-trainer img {
    width: 100%;
}
	
	.download-trainer {
    margin-top: 100px;
    width: 100% !important;
}
	
	.btn-download-trainer {
    display: flex;
    width: 100%;
    margin-top: 24px;
} */
	
	.panel a{
		font-size:16px;
	}
}

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

  .trainer-content{
    margin-top: 1em;
    display: block !important;
    justify-content: center;
  }


  .register-cta{
    margin-left:0px;
  }

  .img-trainer{
    width: 100%;
  }

/*  .btn-download-trainer {
    display: flex;
    margin-top: 32px;
    width: 100%;

}*/

}

@media screen and (min-width:1365px){
  .download-trainer, .download-learner{
    width:52%;
  }
}