/*
Theme Name: InstituteTheme
Theme URI: https://atozithost.com/
Author: ATOZ IT HOST
Author URI: https://atozithost.com/
Description: ITPolly Is A Premium WordPress Theme Market, We Have Online Newspaper Themes, Online TV Theme, Epaper Theme, Business Theme, Corporate Theme, personal Theme, Educational Theme, If You Need Any Premium WordPress Please Visit Our Website Or Call : 01788076677.
Requires at least: WordPress 4.9.6
Version: 1.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: InstituteTheme
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

*/
@import url('https://fonts.googleapis.com/css2?family=Updock&display=swap');

@font-face {
	font-family: 'SolaimanLipiNormal';
	src: url('fonts/solaiman-lipi.eot');
	src: url('fonts/solaiman-lipi.eot') format('embedded-opentype'),
		url('fonts/solaiman-lipi.woff') format('woff'),
		url('fonts/solaiman-lipi.ttf') format('truetype'),
		url('fonts/solaiman-lipi.svg#SolaimanLipiNormal') format('svg');

	font-weight: normal;
	font-style: normal
}

.alignleft {
	float: left;
	margin-right: 15px;
}

.alignright {
	float: right;
	margin-left: 15px;
}

.aligncenter {
	display: block;
	margin: 0 auto 15px;
}

a:focus {
	outline: 0 solid
}

img {
	max-width: 100%;
	height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 15px;
	font-weight: 700;
}

html,


a:hover {
	text-decoration: none
}





/*========================= 
        top-header
==========================*/
.banner img {
	width: 100%;
	height: auto;
}



.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	color: #fff !important;
	margin: 0px;
	background-color: #f00;
}


/*============top-scroll-section start================*/
.top-scroll-section {
	margin-bottom: 25px;
}

.top_scroll {
	margin-top: 11px;
}



.top_scrool_2 a {
	color: #049F17;
	margin-top: 50px;

}


/*============top-scroll-section End================*/


/*============bottom-scroll-section start================*/

.bottom-scroll-section {
	margin-bottom: 20px;
}



.bottom_scrool_2 a {
	color: #049F17;
	margin-top: 50px;

}


/*============bottom-scroll-section End================*/





/*==============================
        home-silder-section-start
================================*/
.table_title {
	color: red;
	font-size: 25px;
	margin: 25px auto;
	text-align: center;
	width: 100%;
	display: block;
}

a.all_notice_link {
	color: #020477;
	font-size: 18px;
	margin: 10px 0 30px 0;
	display: block;
	background-color: #d8d8d8;
	padding: 5px 10px;
	width: max-content;
	margin-left: auto;
}

.homepage_wid {
	margin-bottom: 30px;
	border: 2px solid rgb(0, 122, 112);
	padding: 5px;
}

.homepage_wid img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.home-silider-section {}


.home-slide .owl-nav button {
	position: absolute;
	top: 40%;
	font-size: 67px;
	color: #fff;
	font-weight: bold;
	margin-left: 20px;
	margin-right: 20px;
	text-shadow: 0px 1px 0px #fff;
}

.home-slide:hover .owl-nav button {
	opacity: none;
	color: #fff;
}

.home-slide .owl-nav button.owl-next {
	left: auto;
	right: 0;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
	border: none;
	background: none;
}

.home-silde-image img {
	width: 100%;
	height: 320px;
	object-fit: cover;
}


/*==============================
        home-silder-section-End
================================*/


/*========history-section start============*/

.history-wrpp {
	box-shadow: 0 0 4px #e3e3e3;
	padding: 10px;
	margin-bottom: 20px;
}

.history-image img {
	width: 55%;
	height: auto;
	float: right;
	margin-left: 20px;
}

.history-content {
	font-size: 19px;
	line-height: 26px;
	text-align: justify;
	color: #000;
}


/*========history-section End============*/



/*========president-section End============*/
.president-wrpp {
	clear: both;
	border: 1px seagreen solid;
	display: block;
	padding: 3px;
	margin-bottom: 5px;
}

.president-image img {
	width: 100%;
	height: auto;
}

/*========president-section End============*/


/*========services-section start============*/

.services-wrpp {
	box-shadow: 0 0 3px #a4a2a2;
	padding: 23px 20px;
	margin-bottom: 20px;
}

.service-image img {
	width: 29%;
	height: auto;
	float: left;
}

.bangladesh-image img {
	width: 24%;
	height: auto;
	float: left;
}

.services-content {
	margin-left: 126px;
	margin-top: 20px;
	margin-bottom: 15px;
}

.services-content ul {
	padding: 0;
	margin: 0;
	list-style: none;
	color: #6F6F6F;
}

.services-content ul li {
	position: relative;
	z-index: 1;
	margin-bottom: 2px;
	padding-left: 17px;
}

.services-content ul li a {
	color: #000;
	text-decoration: none;
	transition: .5s;

}

.services-content ul li a:hover {
	color: #049F17;
}

.services-content ul li::before {
	content: "\f0da";
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: 'FontAwesome';
	color: #000;
	transition: .5s;
}

.services-content ul li:hover::before {
	color: #049F17;
}

/*========services-section End============*/



/*========notic-section start============*/

.notic-wrpp {
	background: #F7F7F7;
	border-radius: 0 18px 0 0;
}


.notic-content ul {
	padding: 0;
	margin: 0;
	list-style: none;
	color: #6F6F6F;
}

.notic-content ul li {
	position: relative;
	z-index: 1;
	margin-bottom: 16px;
	padding-left: 27px;
	border-bottom: 1px dashed #9b9898;
	padding-bottom: 6px;
}

.notic-content ul li a:hover {
	color: #049F17;
}

.notic-content ul li a {
	color: #000;
	text-decoration: none;
	transition: .3s;

}



/*========notic-section End============*/



/*========link-section start============*/

.link-wrpp {
	background: #F7F7F7;
	border-radius: 10px 0;
}


.link-content ul {
	padding: 0;
	margin: 0;
	list-style: none;
	color: #6F6F6F;
}

.link-content ul li {
	position: relative;
	z-index: 1;
	margin-bottom: 16px;
	border: 1px solid #d7d7d7;
	padding: 8px 26px;
	transition: .4s;
}

.link-content ul li:hover {
	border: 1px solid #999;

}

.link-content ul li a:hover {
	color: #049F17;
}

.link-content ul li a {
	color: #000;
	text-decoration: none;
	transition: .3s;

}


/*========link-section End============*/



/*============Recent Event page css start=================*/
.recent-imgae img {
	width: 100%;
	height: auto;
}

.recent-imgae {
	margin-bottom: 20px;
}

.video-content a {
	color: #000;
	text-decoration: none;

}

/*============Recent Event page css End=================*/



/*========video-section start============*/

.video-title {
	color: #D17014;
	font-weight: 700;
	border-left: 3px solid #f00;
	padding: 7px 3px;
	font-size: 18px;
	background: #dedede;
	margin-bottom: 10px;
}

.video-title i.fa {
	color: #049F17;
	padding: 0 5px;
	font-size: 20px;
}

.video-gallery .owl-nav button {
	position: absolute;
	top: 42%;
	font-size: 33px;
	line-height: 40px;
	transform: translateY(-50%);
	text-align: center;
	transition: .4s;
	color: #000;
	background-color: #fff !important;
	border-radius: 50px;
	opacity: .2;
	width: 40px;
	height: 40px;
	margin-right: -3px;
	margin-left: -1px;
}

.video-gallery .owl-nav button.owl-next {
	left: auto;
	right: 0;
}

.video-gallery:hover .owl-nav button {
	opacity: .9;
}

.video-item iframe {
	width: 100%;
	height: 200px;
}

/*========video-section End============*/





/*=============================
                                        footer-css-start
                                ===============================*/


.footer-logo img {
	width: 100%;
	height: auto;
}

.footer-icon {
	margin-top: 33px;
}


.contcat-info {
	position: relative;
	padding-left: 30px;
	margin-bottom: 20px;
}

.bottom-footer-social {
	margin-top: 34px;
}

.bottom-footer-social a {
	font-size: 12px;
	text-align: center;
	margin: 0 5px;
	color: #fff;
	border: 1px solid #808080;
	padding: 7px 10px;
	border-radius: 50px;
	transition: .8s;
}



/*--------- footer menu css-start---------------*/

.footer-menu {
	margin-top: 30px;
}

.footer-menu ul {
	text-align: left;
	padding: 0;
	margin: 0;
	list-style: none;
	margin-top: 20px;
}

.footer-menu ul li {
	margin-bottom: 10px;
	border-bottom: 1px solid #65646457;
	padding-bottom: 10px;
}


.footer-menu ul li a:hover {
	margin-left: 3px;
	transition: .3s;
	color: #049F17;
}

/*--------- footer menu css-End---------------*/


/*--------- facebook css-Start---------------*/
.f-map iframe {
	margin-top: 28px;
	width: 100%;
}


/*--------- facebook css-End---------------*/




/*--------- bottom footer css-start---------------*/



.copy-right {
	font-size: 16px;
	color: #fff;
}



.design-developed {
	text-align: right;
	color: #fff;
	font-size: 16px;
}

.design-developed a {
	text-decoration: none;
	color: #049F17;
	font-size: 18px;
	font-weight: 700;
}

.scrollToTop {
	width: 50px;
	height: 50px;
	padding: 10px;
	background: #049F17;
	position: fixed;
	right: 25px;
	bottom: 70px;
	border-radius: 50%;
	z-index: 9999;
}

.scrollToTop i.fa {
	font-size: 35px;
	color: #fff;
	font-weight: 600;
	top: 5px;
	display: block;
	position: absolute;
	right: 13px;
}

/*--------- bottom footer css-End---------------*/




/*===============================
                                    page css start
                            ===============================*/


/*============officer page css start=================*/

.officer-page-section {
	margin-top: 20px;
}

.officer-page-wrpp {
	border: 1px solid #ddd;
	padding: 11px;
	margin-bottom: 10px;
}

.officer-page-title {
	font-size: 22px;
	color: #000;
	font-weight: 700;
	margin-bottom: 10px;
	margin-left: 17px;
}

.officer-name ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.officer-name ul li {
	display: inline-block;
	padding: 0 94px;
}


.table.table-bordered thead tr th {
	text-align: center;
	background: #ddd;
	color: #000;
}

.table.table-bordered tbody tr th {
	text-align: center;
	margin-top: 20px;
}


.table.table-bordered td {
	text-align: center;
}


.image img {
	width: 26%;
	height: auto;
}

.wrpper {
	padding-top: 48px !important;
	color: #0f0d0d;
	font-size: 15px;
}


.wrpper a {
	background: #049F17;
	padding: 6px 20px;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	margin-top: -10px;
}

/*============officer page css End=================*/


/*============projects page css start=================*/

.projects-page-section {
	margin-top: 20px;
	margin-bottom: 30px;
}

.projects-table.table-bordered {
	width: 100%;
	text-align: center;
}

.projects-table.table-bordered th {
	text-align: center;
	padding: 13px 5px;
	background: #049F17;
	color: #fff;
	font-size: 20px;
}

.projects-table.table-bordered td {
	padding: 17px 0;
	color: #333;
	font-size: 17px;
}

.p-content a {
	background: #049F17;
	padding: 8px 16px;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
	font-style: italic;
	border-radius: 5px;
}

/*============projects page css End=================*/


/*============projects page css start=================*/

.projects-page-section {
	margin-top: 20px;
	margin-bottom: 30px;
}

.projects-table.table-bordered {
	width: 100%;
	text-align: center;
}

.projects-table.table-bordered th {
	text-align: center;
	padding: 13px 5px;
	background: #049F17;
	color: #fff;
	font-size: 20px;
}

.projects-table.table-bordered td {
	padding: 17px 0;
	color: #333;
	font-size: 17px;
}

.p-content a {
	background: #049F17;
	padding: 8px 16px;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
	font-style: italic;
	border-radius: 5px;
}

/*============projects page css End=================*/



/*============projects page css start=================*/

.notic-page-section {
	margin-top: 20px;
	margin-bottom: 30px;
}

.notic-table.table-bordered {
	width: 100%;
	text-align: center;
}

.notic-table.table-bordered th {
	text-align: center;
	padding: 13px 5px;
	background: #049F17;
	color: #fff;
	font-size: 14px;
}

.notic-table.table-bordered td {
	padding: 17px 0;
	color: #333;
	font-size: 14px;
}

.n-content a {
	background: #049F17;
	padding: 8px 16px;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
	font-style: italic;
	border-radius: 5px;
}

.n-redmore a {
	font-size: 16px;
	color: #049F17;
	text-decoration: none;
}

.n-redmore i {
	font-size: 20px;
	margin-right: 4px;
}

/*============projects page css End=================*/




/*============photogallery page css start=================*/

.photogallery-page-section {
	margin-top: 20px;
	margin-bottom: 20px;
}

.photogallery-page-section .col-md-3 {
	padding: 5px;
	margin: 0;
}

.gallery-wrpp {
	position: relative;
	z-index: 1;
	box-shadow: 0 0 3px #333;
	padding: 5px;
}

.gallery-item {
	margin-bottom: 3px;
}

.gallery-wrpp img {
	width: 100%;
	height: auto;

}

.photo-title {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	content: '';
	background: rgba(44, 137, 20, 0.90);
	opacity: 0;
	visibility: hidden;
	transition: .5s;
	z-index: 9999;
	transform: scale(0);
}

.gallery-wrpp:hover .photo-title {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}


.photo-content {
	margin-top: 54px;
	padding: 0 17px;
}

.photo-content a {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}


/*============photogallery page css End=================*/



/*============videogallery page css start=================*/

.videogallery-page-section {
	margin-top: 20px;
	margin-bottom: 30px;
}

.videogallery-page-section .col-md-3 {
	padding: 0 6px;
}

.video-wrpp {
	box-shadow: 0 0 3px #333;
	padding: 5px;
	margin-bottom: 15px;
}

.video iframe {
	width: 100%;
	height: 177px;
}

.video-content {
	font-size: 16px;
	color: #000;
	background: #ddd;
	padding: 6px 11px;
	border-left: 3px solid #049F17;
}



/*============videogallery page css End=================*/



/*===========Contact-page css start==================*/





.page-from-title {
	text-align: center;
	font-size: 30px;
	margin-bottom: 29px;
	text-transform: uppercase;
	color: #00CA4C;
	text-shadow: 0 1px 1px #333;
	letter-spacing: 1px;
}

.page-contact-from {
	background: #F7F7FD;
	padding: 40px 0;
	margin-top: 40px;
}


.page-from-wpper input[type="text"],
input[type="email"],
input[type="number"],
textarea {
	background: #fff;
	border: none;
	padding: 15px;
	color: #000;
	margin-bottom: 32px;
	font-size: 16px;
}

.page-from-wpper input,
.page-from-wpper textarea {
	width: 100%;
	margin-bottom: 15px;
	color: #000;
}


.page-from-wpper input[type="submit"] {
	width: auto;
	margin: 0;

}

.page-from-wpper input[type="submit"] {
	width: auto;
	margin: 0 auto;


}

.contact-from-btn {
	text-align: center;
	margin-top: 14px;
}

.page-from-wpper input[type="submit"],
button[type="submit"] {
	background: #00CA4C;
	padding: 14px 56px;
	font-size: 20px;
	color: #fff;
	border: none;
	text-transform: uppercase;
	text-align: center;
	transition: .8s;

}

.page-from-wpper input[type="submit"]:hover {
	background: #010E2A;
	color: #fff;

}

.maps-section iframe {
	width: 100%;

}

/*===========Contact-page css End==================*/




/*===========About-page css Start==================*/
.about-page-section {
	padding: 40px 0;
}

.about-page-title {
	margin-bottom: 20px;
	background: #ddd;
	padding: 12px 10px;
	border-left: 3px solid #049F17;
	color: #000;
	font-size: 20px;
}

.about-page-image img {
	width: 50%;
	float: right;
	margin-left: 15px;
}

.about-page-content {
	text-align: justify;
	font-size: 14px;
	color: #000;
}

/*===========About-page css End==================*/


/*===========Single-page css Start==================*/

.single-page-section {
	padding: 40px 0;
}

.single-page-title {
	font-size: 25px;
	background: #f2f2f2;
	padding: 8px 10px;
	color: #000;
	border-left: 3px solid#f00;
	margin-bottom: 14px;
}

.single-page-image img {
	width: 30%;
	height: auto;
	margin-bottom: 10px;
	float: left;
	margin-right: 10px
}

.single-page-content {
	font-size: 15px;
	text-align: justify;
	color: #000;
}


/*===========Single-page css End==================*/
main.certificate_page h1 {
	font-size: 25px;
	text-align: center;
}

main.certificate_page {
	margin: 30px auto;
	max-width: 700px;
	padding: 15px;
}

main.certificate_page .archive_post_loop {
	border: 9px solid #555555;
	padding: 15px;
	margin-top: 50px;
	background-image: linear-gradient(to bottom, transparent, transparent 5.6667%, #fff 16.6667%), linear-gradient(to right, #ccc, #ccc 15.6667%, #fff 9.6667%);
    background-size: 10px 10px;
}

main.certificate_page form {
	display: flex;
	flex-direction: column;
}

main.certificate_page form label {
	color: #222;
	text-align: left;
	padding: 0;
	margin-top: 20px;
	font-size: 14px;
	font-weight: 400;
}

main.certificate_page form input {
	border-radius: 0;
	border: 1px solid #555555;
	padding: 10px;
	outline: none;
}

main.certificate_page form input#searchsubmit {
	margin-top: 20px;
	padding: 13px;
	font-weight: bold;
}

main.certificate_page .archive_post_loop .archive_post_title a {
	font-size: 20px;
}


main.certificate_page p.int_name {
	font-size: 35px;
	text-align: center;
	font-family: "Updock", cursive;
	font-weight: bold;
}

main.certificate_page .crtificate_image img {
	width: 200px;
	height: auto;
	display: block;
	border: 2px solid #cfcfcf;
	margin: 20px auto;
}

main.certificate_page p.online_certificate {
	font-size: 25px;
	text-align: center;
	font-weight: bold;
}

main.certificate_page #certificate_reg {
	margin-bottom: 30px;
}

main.certificate_page table tr {
	font-size: 18px;
    line-height: 35px;
}


main.certificate_page table td {
	width: 50%;
}

main.certificate_page .certificate_down{
	margin: auto;
    display: block;
    width: max-content;
    margin: 20px auto;
}