body{
			word-break: break-word !important;
		}

		p{
			word-break: break-word !important;
		}
		p {
		    color: #000000 !important;
		  
		}
		@media (min-width: 1200px) {
		    .container:not(.container-bs):not(.container-xl-custom):not(.container-xxl-custom) {
		        max-width: 1170px;
		    }
		}
		.appear-animation {
    			opacity: 1;
			}
			.svg-fill-color-primary svg path, .svg-fill-color-primary svg rect, .svg-fill-color-primary svg line, .svg-fill-color-primary svg polyline, .svg-fill-color-primary svg polygon {
			    fill: #005c99 !important;
			}
			.text-color-primary, .text-primary {
			    color: #005c99 !important;
			}
			.bg-color-primary, .bg-primary {
			    background-color: #005c99 !important;
			}
			.rounded-circle {
			    width:  400px ;
			    height:  400px ;
			    object-fit: cover;
			}
			img {
			    object-fit: contain;
			}
			.btn-primary {
			    --hover: var(--primary--200);
			    background-color: #0072a7 !important;
			    border-color: #0072a7 !important;;
			    color: var(--primary-inverse);
			}
			.custom-svg-position-4 {
			    position: absolute;
			    top: -430px;
			    right: 23px !important;
			}
			p.text-color-dark.text-4.font-weight-medium.mb-4-5.appear-animation.animated.fadeInUpShorterPlus.appear-animation-visible {
			    color: #FFF !important;
			}
			 h2.text-color-dark.font-weight-bold.text-12.line-height-3.mb-2.appear-animation.animated.fadeInUpShorterPlus.appear-animation-visible {
			    color: #FFF !important;
			}
			section#banner-id .text-color-dark, .text-dark {
			    color: #ffffff !important;
			    word-break: break-word !important;
			    line-height: 35px;
			        word-spacing: 10px;
			}
			a.btn.btn-secondary.btn-outline.btn-rounded.font-weight-bold.btn-px-5.py-3:hover {
			    background: linear-gradient(307deg, #5f5bcd 24%, #ff5700 100%);
			   
			}
			a.btn.btn-secondary.btn-outline.btn-rounded.font-weight-bold.btn-px-5.py-3 {
			 -st-extends: StylableButton;
		     transition: all 0.2s ease, visibility 0s;
		     background: linear-gradient(126deg, #5f5bcd 24%, #ff5700 100%);
		     border-radius: 0px;
		     border: 0px solid rgb(71, 67, 197);
		     color: #fff;
			 border: #fff;
			 font-size: 20px;
			     float: right;
		    }

		    .video-container {
			    height: 450px;
			    width: 80%;
			    position: relative;
			    margin: 0 auto;
			}

			.video-container video {
			  width: 100%;
			  height: 100%;
			  position: absolute;
			  object-fit: cover;
			  z-index: 0;
			  left: 0;
			}

			/* Just styling the content of the div, the *magic* in the previous rules */
			.video-container .caption {
			  z-index: 1;
			  position: relative;
			  text-align: center;
			  color: #dc0000;
			  padding: 10px;
			}


			 #video-container {
			    width: 100%;
			    position: relative;
			    margin: 0 auto;
			    top: 0;
			}

			#video-container video {
			  width: 100%;
			  height: 100%;
			  position: absolute;
			  object-fit: cover;
			  z-index: 0;
			  left: 0;
			  top: 0;
			}
			#video-container .text-color-dark{
			    color: #ffffff !important;
			}

			.mt-6 {
			    margin-top: 2.6rem;
			}
			h3.text-color-light.text-4.mb-1 {
			    letter-spacing: 1px;
			    line-height: 28px;
			}
			div#Plenary .rounded-circle {
			    width: 150px;
			    height: 150px;
			    object-fit: cover;
			}
			
			
			p.text-color-white.text-3-5.line-height-8.mb-4.appear-animation {
    text-align: justify;
}
            
			@media (min-width: 992px) {
			    #header .header-nav-main nav > ul > li > a {
			        font-size: 14px;
			        padding: 0 1rem !important;
			    }
			}
			@media (min-width: 1200px) {
			   
			}
			@media (min-width: 992px) {
			    #header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active {
			               color: #969696 !important;
			    }
			}
			#header .header-logo {
		    margin: 16px 0;
		    margin: 0rem 0 !important;
		    position: relative;
		    z-index: 1;
			}
			.text-color-dark, .text-dark {
			    color: #0d5677 !important;
			}
			h3.text-color-dark.font-weight-medium.text-5-6.mb-5-5 {
			    line-height: 42px;
			}
			h3 {
			    text-transform: none !important;
			}
			.custom-svg-position-1 {
			    position: absolute;
			    top: -190px;
			    left: -0px !important;
			    display: none;
			}
			.header-body.border-0.box-shadow-none {
			    background: transparent !important;
			}
			header#header {
			    position: absolute;
			    width: 100%;
			    background: transparent;
			}
			.carousel-inner img {
			    max-height: 400px;
			    width: 100%;
			    object-fit: cover;
			}
			@media (min-width: 992px) {
			    #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a {
			        color: #ffffff !important;
			        text-transform: uppercase !important;
			        font-size: 15px !important;
			    }
			}
			@media screen and (min-width: 768px) {
			    .carousel-caption {
			        right: 10%;
			        left: 10%;
			        padding-bottom: 30px;
			    }
			}
			#footer {
			    font-size: 0.9em;
			    margin-top: 0;
			    padding-top: 50px;
			}
			.text-color-white{
				color: #fff !important;
			}
			.social-icons.social-icons-medium li a, .social-icons.social-icons-md li a {
			    font-size: 14.4px;
			    font-size: 1.4rem;
			    color: #fff;
			}
			.social-icons li a {
  			  color: #ffffff !important;
  			}
  			#footer {
			    background: #03304f !important;
			}
			#footer a:not(.btn):not(.no-footer-css) {
			    color: var(--default);
			    transition: all 0.1s ease-in-out;
			    font-size: 14px;
			    letter-spacing: 1px;
			    line-height: 23px;
			}
			p.text-3-5.pe-lg-2.text-color-white {
			    font-size: 14px;
			    letter-spacing: 1px;
			    line-height: 23px;
			}
				
			.text-color-black {
				color:#000 !important;;
			}
			.box-w {
			    background: #ffffffad;
			    padding: 30px;
			}
			.box-w h3 {
			    font-size: 16px;
			    line-height: 1.7em;
			    text-align: justify;
			}


			/*******custom css new*******/
.containernew {
    width: 1170px;
    margin: 0 auto;
}
.table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info {
    background-color: #0d5677 !important;
    color: #fff !important;
}
.tabarea tr.info th {
    background-color: #0d5677 !important
       color: white;
    padding: 15px 8px;
    font-size: 16px;
}
section.manuscrippera {
    padding: 50px 50px;
}
.peraan p a{
	color: white;
	text-decoration: underline;
}
.postimg img {
    height: 240px;
    object-fit: cover;
    margin-bottom: 30px;
}
p {
    word-break: break-all;
}
img.hover-effact{
	  width: 95%;
}

img.hover-effact:hover {
     width: 100%;
}
a.text-decoration-none.custom-link-hover-effects:hover {
    font-size: 17px;
}
  
img.img-fluid.rounded-circle:hover {
    width: 155px !important;
    height: 155px !important;
}
h3 {
    color: #0d5677 !important;
}

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

}
@media only screen and (max-width: 991px) and (min-width: 768px){

}
@media only screen and (max-width: 767px) and (min-width: 300px){
section.manuscrippera {
    padding: 30px 15px;
}
.text-color-dark br {
    display: none;
}
a.btn.btn-secondary.btn-outline.btn-rounded.font-weight-bold.btn-px-5.py-3 {
    float: left;
}
section.section.section-height-3 ul {
    text-align: center !important;
    padding: 0px;
}
.counters ul li {
    list-style-type: none;
}
.mtext{
	text-align: center !important;
}
.containernew {
    width: 100%;
    margin: 0 auto;
}
.klparea {
    height: 685px !important;
}
.postimg img {
    height: auto;
}
}

input[type="text"], input[type="email"], textarea {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 0 none;
    color: #777777;
    font-size: 14px;
    height: 48px;
    margin-bottom: 23px;
    padding: 0 23px;
    width: 100%;
}
.form-control {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 0 none !important;
    color: #777777 !important;
    font-size: 14px !important;
    height: 48px !important;
    margin-bottom: 23px !important;
    padding: 0 23px !important;
    width: 100% !important;
}
.col-12.col-sm-6.col-lg-3.appear-animation.animated.expandIn.appear-animation-visible {
    padding: 0px;
}
img.img-fluid.border-radius-0 {
    height: 400px;
}

.btn.btn-py-3, .btn.btn-px-5 {
    padding-left: 38.4px;
    padding-left: 2.4rem;
    padding-right: 38.4px;
    padding-right: 2.4rem;
    transition: all 0.2s ease, visibility 0s !important;
    background: linear-gradient(126deg, #5f5bcd 24%, #ff5700 100%) !important;
    border-radius: 0px !important;
    border: 0px solid rgb(71, 67, 197) !important;
    color: #fff !important;
    border: #fff !important;
    font-size: 20px;
}