@charset "utf-8";
/* CSS Document */
/*======================================================================
	Project Name: School
	Creator     : Imrul
	E-mail		: imrul@wanitbd.com
	Date        : 2023
========================================================================*/


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

@font-face {
   font-family: 'robotoregular';
   src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
      url('../fonts/roboto-regular-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}

/*==========================================
			Header
==========================================*/


#body_wrapper {
   width: 100%;
   overflow: hidden;
   background: #fff;
   -webkit-box-shadow: 0px 0px 27px -4px rgba(0, 0, 0, 0.75);
   -moz-box-shadow: 0px 0px 27px -4px rgba(0, 0, 0, 0.75);
   box-shadow: 0px 0px 27px -4px rgba(0, 0, 0, 0.75);
   margin: 0px auto;
}

#header {
   width: 100%;
   overflow: hidden;
   background: rgba(0, 0, 0, 0) url("../images/interface/bg_header.gif") repeat-x scroll 0 0;
   margin: 0 auto;
}

.header_inner {
   width: 100%;
   overflow: hidden;
   margin: 0 auto;
   padding: 15px 0;
}

.header-right {
   width: 100%;
   overflow: hidden;
   padding: 15px 0;
}

.header-right ul {
   width: 100%;
   overflow: hidden;
   float: right;
}

.header-right ul li {
   float: left;
}

.calender a {
   color: #0082cf;
   font-size: 13px;
   font-weight: 400;
   line-height: 45px;
   text-decoration: none !important;
}

.calender {
   padding-right: 10px;
}

.calender a span {
   color: #f00;
   font-weight: 700;
   padding-right: 5px;
}

.calender a:hover {
   color: #000;
}

.navigation {
   width: 100%;
   background: #10c0cb;
}

/*==========================================
			Slider
==========================================*/


/*.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {*/
/*font-size: 22px;*/
/*height: 30px;*/
/*margin-top: -10px;*/
/*width: 30px;*/
/*}*/

.carousel_custom {
   font-size: 22px !important;
}




/*==========================================
			News Headline
==========================================*/

#news {
   background: #C5C5C5 none repeat scroll 0 0;
   height: 30px;
   margin: 3px auto 0;
   width: 100%;
}

.news_head {
   width: 13%;
   float: left;
}

.news_h6_span {
   color: #066ab0;
   font-family: "SolaimanLipiNormal";
   font-size: 14px;
   font-weight: bold;
   line-height: 30px;
   padding-left: 12px;
}

.news_h6 {
   color: #0082cf;
   font-family: "SolaimanLipiNormal";
   font-size: 13px;
   line-height: 30px;
}

.news_h6:hover {
   color: #000;
}

.news_main {
   float: left;
   width: 86%;
}

/*==========================================
			Main Page
==========================================*/

#main-page {
   width: 100%;
   overflow: hidden;
   margin: 15px 0 0 0;
}

.main-section-leftside {
   width: 100%;
   overflow: hidden;
}

.head-master-box {
   width: 100%;
   overflow: hidden;
   min-height: 225px;
}

.head-title {
   width: 100%;
   overflow: hidden;
   background: rgba(0, 0, 0, 0) linear-gradient(to right, #727272 0%, #adadad 100%) repeat scroll 0 0;
}

.head-title h2 {
   color: #fff;
   font-size: 16px;
   line-height: 32px;
   padding-left: 13px;
}

.head-descrive {
   width: 100%;
   overflow: hidden;
   margin-bottom: 20px;
}

.head-descrive p {
   color: #3e3d3c;
   font-size: 13px;
   line-height: 20px;
   padding-top: 10px;
   text-align: justify;
}

.read-more {
   background-color: #00a5e6;
   border-radius: 5px;
   float: right;
   height: 30px;
   margin: 0 15px 10px;
   padding: 5px 12px;
   transition: all 0.3s ease 0s;
   width: 81px;
}

.read-more:hover {
   background-color: #1eb66e
}

.read-more a {
   color: #fff;
   font-size: 13px;
   line-height: 20px;
   text-align: center;
   text-decoration: none;
}

.read-more a:hover {
   color: #000;
}

/**/
#page-box-all {
   width: 100%;
   overflow: hidden;
}

.page-box {
   width: 100%;
   overflow: hidden;
   margin-bottom: 20px;
}

.page-box-titel {
   width: 100%;
   overflow: hidden;
   background: rgba(0, 0, 0, 0) linear-gradient(to right, #a22e43 0%, #e27589 100%) repeat scroll 0 0;
}

.page-box-titel h1 {
   color: #fff;
   font-family: "SolaimanLipiNormal";
   font-size: 16px;
   line-height: 32px;
   padding-left: 13px;
}

.page-box-descrive {
   width: 100%;
   overflow: hidden;
   height: 150px;
   background-color: #ececec;
   border: 1px solid #a5a5a5;
   margin-top: 1px;
}

.page-box-left {
   width: 40%;
   overflow: hidden;
   float: left;
   height: 150px;
}

.page-box-left img {
   margin: 35px 28px;
   width: 65%;
}

.page-box-right {
   width: 60%;
   overflow: hidden;
   display: table;
   float: left;
   height: 150px;
}

.page-box-right ul {
   width: 100%;
   display: table-cell;
   vertical-align: middle;
}

.page-box-right ul li {
   background: rgba(0, 0, 0, 0) url("../images/interface/bg_txt.png") no-repeat scroll left center;
   list-style: none;
}

.page-box-right ul li a {
   color: #3e3d3c;
   font-size: 13px;
   line-height: 27px;
   padding-left: 18px;
   text-decoration: none;
}

.page-box-right ul li a:hover {
   color: #066ab0;
}



/*==========================================
			main-section-rightside
==========================================*/

.main-section-rightside {
   width: 100%;
   overflow: hidden;
}

.right-section-padding {
   padding-left: 0px;
}

.notice-box {
   width: 100%;
   overflow: hidden;
}

.title-box {
   background: rgba(0, 0, 0, 0) linear-gradient(to right, #003aa8 0%, #1493e0 100%) repeat scroll 0 0;
   color: #fff;
   font-size: 16px;
   line-height: 32px;
   padding-left: 13px;
}

.news_box {
   background: #ffffff none repeat scroll 0 0;
   border: 1px solid #ebebeb;
   border-top: none;
   overflow: hidden;
   width: 100%;
}

.scroll-text {
   height: 250px;
   overflow: hidden;
   width: 100%;
}

.scroll-text ul li {
   height: auto;
   list-style: outside none none;
   padding-top: 15px;
}

.news_box_inner {
   background: rgba(0, 0, 0, 0) url("../images/interface/bg_news.gif") no-repeat scroll center bottom;
   overflow: hidden;
   width: 100%;
}

.news_box_p {
   background: rgba(0, 0, 0, 0) url("../images/interface/bg_select.png") no-repeat scroll left top;
   color: #3e3d3c;
   font-size: 13px;
   line-height: 20px;
   margin: 0 5px;
   padding-bottom: 15px;
   padding-left: 25px;
   padding-right: 10px;
   text-align: justify;
}

.news_box_p:hover {
   color: #066ab0;
}

.p_rgt_txt {
   margin-top: 16px;
   width: 100%;
}

.drop-box {
   width: 100%;
   background: #ebebeb none repeat scroll 0 0;
   overflow: hidden;
}

.p_rgt_txt ul li {
   background: rgba(0, 0, 0, 0) url("../images/interface/bg_select.png") no-repeat scroll left center;
   list-style: outside none none;
   margin: 0 0 0 5px;
}

.p_rgt_txt ul li a {
   color: #3e3d3c;
   font-size: 13px;
   line-height: 34px;
   overflow: hidden;
   padding-left: 22px;
   text-decoration: none;
}

.p_rgt_txt ul li a:hover {
   color: #066ab0;
}

/*==========================================
					Footer
==========================================*/
#footer {
   background: #10c0cb none repeat scroll 0 0;
   border-top: 2px solid #00c7f8;
   overflow: hidden;
   width: 100%;
}

.paragraph_hit {
   color: #fff;
   font-size: 13px;
   line-height: 16px;
   padding-top: 11px;
   text-align: center;
}

.copy_right_p {
   color: #fff;
   font-size: 13px;
   line-height: 22px;
   margin: 0;
   padding: 10px 0;
}

.developed p a {
   color: #fff;
   text-decoration: none;
}

.developed p a:hover {
   color: #000;
}

/*Scroll*/
.scroll-top-wrapper {
   position: fixed;
   opacity: 0;
   visibility: hidden;
   overflow: hidden;
   text-align: center;
   z-index: 99999999;
   background: rgba(0, 0, 0, 0) linear-gradient(to right, #003aa8 0%, #1493e0 100%) repeat scroll 0 0;
   color: #eeeeee;
   width: 50px;
   height: 48px;
   line-height: 48px;
   right: 30px;
   bottom: 30px;
   padding-top: 2px;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.scroll-top-wrapper:hover {
   background-color: #888888;
}

.scroll-top-wrapper.show {
   visibility: visible;
   cursor: pointer;
   opacity: 1.0;
}

.scroll-top-wrapper i.fa {
   line-height: inherit;
}

/********************************************************  Inner Page  ***********************************************************/



/*==========================================
			About Us
==========================================*/

.inner-page {
   width: 100%;
   overflow: hidden;
}

.head_black {
   background: #dff5f2;
   font-size: 18px;
   line-height: 32px;
   padding: 12px 15px;
   margin-bottom: 1rem;
}

.paragraph {
   color: #3e3d3c;
   padding: 10px 0;
   text-align: justify;
}

.paragraph2 {
   color: #3e3d3c;
   font-size: 13px;
   line-height: 20px;
   text-align: center;
}


/*==========================================
			Multimedia Class
==========================================*/

.multimedia_box {
   border: 1px solid #ebebeb;
   border-radius: 3px;
   margin-right: 15px;
   margin-top: 15px;
   padding: 10px;
   width: 100%;
   height: calc(100% - 15px);
}

.mul_class_pic {
   height: 80px;
   margin: 0 auto;
   width: 80px;
}

.mul_class_pic a i {
   font-size: 70px;
   color: var(--primary-color);
}

.multimedia_box_txt {
   margin-top: 10px;
   overflow: hidden;
   width: 100%;
}

.multimedia_box_txt_p {
   color: #333;
   font-size: 14px;
   line-height: 21px;
   text-align: start;
}

.multimedia_span {
   color: #066ab0;
}


.gallery {
   width: 100%;
   overflow: hidden;
   margin: 10px 0;
}

.video {
   margin: 15px 0;
}

.contact_address {
   border: 1px solid #ddd;
   border-radius: 5px;
   margin: 20px 0;
   padding: 15px 10px;
   width: 100%
}

.contact_h3 {
   border-bottom: 1px solid #066ab0;
   color: #066ab0;
   font-size: 16px;
   line-height: 30px;
}

.contact_feedback {
   border: 1px solid #ddd;
   border-radius: 5px;
   float: left;
   margin-left: 25px;
   margin: 20px 0;
   padding: 15px 10px 0;
   width: 100%;
}

.contact_map {
   border: 1px solid #ddd;
   border-radius: 5px;
   float: left;
   margin-left: 25px;
   margin: 20px 0;
   padding: 15px 10px;
   width: 100%;
}

/*==========================================
			Demo
==========================================*/








/************************************Media start*********************/

@media only screen and (max-width: 1023px) {
   .calender {
      height: 30px;
   }

   .p_rgt_txt ul li {
      background: rgba(0, 0, 0, 0) url("../images/interface/bg_select.png") no-repeat scroll left top;
   }

   .p_rgt_txt ul li a {
      line-height: 20px;
      display: table;
      padding: 0 0 10px 26px;
   }

   .page-box-right ul li {
      background: rgba(0, 0, 0, 0) url("../images/interface/bg_txt.png") no-repeat scroll left top;
      margin-bottom: 8px;
   }

   .page-box-right ul li a {
      line-height: 12px;
      display: table;
      padding: 0 0 0 12px;
   }

   #cssmenu ul ul {
      top: 34px !important;
   }

}


@media only screen and (max-width: 899px) {
   #cssmenu ul ul {
      top: 0 !important;
      display: none !important;

   }

   #cssmenu ul ul ul {
      top: 0 !important;
      display: block !important;
   }

   #cssmenu>ul>li:hover>a {
      background-color: #f6030c;
      color: #fff;
   }

   #cssmenu>ul>li:hover>a+ul {
      display: block !important;
   }


}

@media only screen and (max-width: 767px) {
   .copy_right_p {
      text-align: center;
      padding: 10px 0 0;
   }

   .copy_right_p {
      text-align: center;
      padding: 10px 0 0;
      width: 100% !important;
      float: none !important;
   }
}

@media (max-width: 320px) {
   .calender {
      padding-right: 5px;
   }

   #cssmenu>ul>li:hover>a {
      background: none;
   }

   #cssmenu ul ul {
      top: 0 !important;
   }

   #banner_inner img {
      height: auto;
   }

   .news_head {
      width: 40% !important;
   }

   .news_main {
      width: 60% !important;
   }

   .page-box-left img {
      margin: 27px 8px;
   }

   .page-box-right ul li a {
      font-size: 12px;
      padding-left: 12px;
   }

   .page-box-left {
      width: 34%;
   }

   .page-box-right {
      width: 66%;
   }

   .page-box-left img {
      margin: 27px 8px;
      width: 75%;
   }

   .paragraph_hit {
      text-align: left;
   }

   .developed {
      float: none !important;
   }

   .right-section-padding {
      padding: 0 15px;
   }
}

@media (max-width: 360px) {
   #cssmenu>ul>li:hover>a {
      background: none;
   }

   #cssmenu ul ul {
      top: 0 !important;
   }

   #banner_inner img {
      height: auto !important;
   }

   .news_head {
      width: 37%;
   }

   .news_main {
      width: 63%;
   }

   .page-box-left img {
      margin: 27px 8px;
   }

   .page-box-right ul li a {
      font-size: 12px;
      padding-left: 12px;
   }

   .page-box-left img {
      margin: 27px 8px;
      width: 75%;
   }

   .paragraph_hit {
      text-align: center;
   }

   .developed {
      float: none !important;
   }

   .right-section-padding {
      padding: 0 15px;
   }
}

@media (max-width: 479px) {}

@media (min-width: 480px) and (max-width: 767px) {
   #cssmenu>ul>li:hover>a {
      background: none;
   }

   #cssmenu ul ul {
      top: 0 !important;
   }

   .news_head {
      width: 17%;
   }

   .news_main {
      width: 82%;
   }

   .news_box_inner {
      background: rgba(0, 0, 0, 0) url("../images/interface/bg_news.gif") no-repeat scroll left bottom;
   }

   .page-box-left img {
      width: 35%;
   }

   .right-section-padding {
      padding: 0 15px;
   }
}


@media (min-width: 768px) and (max-width: 991px) {
   #cssmenu>ul>li:hover>a {
      background: none;
   }

   .news_head {
      width: 15%;
   }

   .news_main {
      width: 85%;
   }

   .scroll-text {
      height: 290px !important;
   }

}

@media (min-width: 992px) and (max-width: 1199px) {}


@media (min-width: 1200px) and (max-width: 1399px) {}


@media (min-width: 1400px) {}


#preloader {
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: #ffffff;
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 99999;
   transition: opacity 0.4s ease;
}

#preloader.hide {
   opacity: 0;
   visibility: hidden;
}

.spinner {
   width: 45px;
   height: 45px;
   border: 4px solid #ddd;
   border-top: 4px solid #3498db;
   border-radius: 50%;
   animation: spin 0.9s linear infinite;
}

@keyframes spin {
   100% {
      transform: rotate(360deg);
   }
}