@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {  font-family: "Poppins", serif;color: #000;}
a {color: #000; text-decoration:none;    font-family: "Poppins", serif;}
a:hover {color: #000; text-decoration:none;    font-family: "Poppins", serif;}
h1, h2, h3, h4, h5, h6 {  font-family: "Poppins", serif;}
p{  font-family: "Poppins", serif; font-size: 16px;} 
section.bnr{padding:0;}
img{max-width:100%;}
.modal-backdrop{z-index: 9 !important;}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {padding: 60px 0;}
/* background-color */
.bg-1{background-color:#b5f8d0;}
.bg-2{background-color :#013724;}
/* Text-color */
.cl-1{color :#b5f8d0;}
.cl-2{color:#013724;}
/* Font-Size */
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-18{font-size: 18px;}
.fs-22{font-size: 22px;}
.fs-52{font-size: 52px;}
/*main_headding*/
.hm_heading{width:70%;font-size:28px;line-height:30px;text-align:center;border: 3px #013724 dashed; margin:10px auto;padding:6px 0;color:#000;text-transform:uppercase;font-weight: 500;}
.hm_heading:hover{background: #b5f8d0;}
/*  */
.btn_hm{font-size: 15px; color: #000;}
/*  */
.sub-heading{font-size: 20px;font-weight: 600;color: #013724;}
.active{background-color :#013724;color: #fff !important;}
/*--------------------------------------------------------------
# Nav
--------------------------------------------------------------*/
.sec_navbar .nav-link{font-weight: 600; color:#000;font-family: "Poppins", serif; font-size: 16px;}
.sec_navbar .nav-fill{width:100%; font-size: 15px; }
.dropdown-menu[data-bs-popper] {top: 100%;left: 0;right: 0;border-radius:0;}
.dropdown-item:focus, .dropdown-item:hover {color: #000;background-color: #b5f8d0;}
.navbar-toggler {text-align: center; background-color: #fff}
.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {justify-content: center;}

/*--------------------------------------------------------------
# banner
--------------------------------------------------------------*/
.bnr-sec .carousel-item{position: relative;}
.bnr-sec .carousel-item::before{content: ""; position:absolute;top: 0; bottom: 0; left: 0; right: 0; background-color: #0000005d; z-index: 2;}
.bnr-sec .carousel-caption{z-index: 10; bottom: 28%;text-align: center;}
.bnr-sec .carousel-indicators{z-index: 10;}
.bnr-sec .carousel-dark .carousel-indicators [data-bs-target] {background-color: #013724; width: 14px; height: 14px; border-radius: 50%;}
.bnr-sec .carousel-caption h2{  font-family: "Poppins", serif;font-size: 52px;font-weight: 600;color: #fff;}
.divider{width: 14%;height: 6px;background-color: #013724;}
.bnr-sec .carousel-caption h4{   font-family: "Poppins", serif;font-size: 47px;font-weight: 700;color: #fff; margin-top: 20px;}
.bnr-sec .carousel-caption p{ font-size: 18px;font-weight: 500;color: #fff; margin-top: 10px;}

/*--------------------------------------------------------------
# about
--------------------------------------------------------------*/
.about_sec{overflow: hidden;}
.bg_img_top{position: absolute;width: 204px;top:0px;left: 0;z-index: -7;transform: rotate(149deg);animation: 10s top infinite;}
.bg_img_bottom{position: absolute;width: 204px;bottom:0px;right: 0;z-index: -7;transform: rotate(320deg);animation: 10s bottom infinite;}
@keyframes top {
    0% {transform: translateY(0px) rotate(149deg) ;}
    50% {transform: translateY(14px) rotate(149deg);}
    100% {transform: translateY(0px) rotate(149deg);}
}
@keyframes bottom {
    0% {transform: translateY(0px) rotate(320deg) ;}
    50% {transform: translateY(14px) rotate(320deg);}
    100% {transform: translateY(0px) rotate(320deg);}
}
/*--------------------------------------------------------------
# potential
--------------------------------------------------------------*/
.potential_item h3{font-size: 22px;font-weight: 600;color: #000;text-align: center;}
.potential_item p{font-size: 16px;color: #000;text-align: center;}
.fix-text{display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}
.potential_item img {border: 1px solid #222;}
.potential_item:hover img {border: 1px solid #222;border-radius: 100%;transition: .9s;transform: rotateZ(360deg);}
/*--------------------------------------------------------------
# footer
--------------------------------------------------------------*/
.footer{position: relative; padding: 50px 0; background: url(../Image/footer_bg.jpg) no-repeat center/cover;z-index: 10;}
.footer::after{content: "";position: absolute; top: 0;bottom: 0;left: 0; right: 0; background-color: #013724d2; z-index: -1;}
.footer .ft_head {font-size: 26px;font-weight: 600; color: #fff;text-transform: uppercase; padding-bottom: 20px;}
.footer p {font-size: 16px;font-weight: 400; color: #fff; }
.ft_item a{font-size: 16px; color: #fff;}
.footer .map_text .fa{width: 35px; transition: .3s; border-radius: 3px; flex: none; height: 35px; color: #fff; padding: 5px; line-height: 25px; text-align: center; border: 1px solid #b5f8d0;}
.footer .map_text:hover .fa{background: #b5f8d0; color: #000;}
.footer .map_text{line-height: 19px;    align-items: center;}
.ft_item .fa{font-size: 20px; margin-right: 5px; vertical-align: middle;}
.ft_item p{border-bottom:1px dashed #fff ;padding-bottom:6px ;}
.map_icon {font-size: 16px !important;}
.copyright{border-top:1px solid #fff;}
.ft_img_one{position: absolute; left: 0;top: 0;animation: 10s top infinite;}
.ft_img_two{position: absolute;right: 100px; animation: 10s bottom infinite; }
.ft_img_dot{position: absolute;right: 40px; }
/*--------------------------------------------------------------
#innr-pg-bnnr
--------------------------------------------------------------*/
.innr-pg-bnnr{ margin-top: 6px;background:url(../Image/innr_pg_bg.jpg) no-repeat center center/cover ; width: 100%; min-height:300px; text-align: center; margin-bottom: 8px;    display: flex;justify-content: center;align-items: center;position: relative; z-index: 10;}
.innr-pg-bnnr::after{ content: ""; position: absolute;top: 0;bottom: 0; left: 0;right: 0;background: linear-gradient(129deg, rgb(1 55 36 / 98%) 0%, rgb(60 119 93 / 63%) 57%, rgb(181 248 208 / 61%) 100%); }
.innr-pg-bnnr h1{color:#fff;text-align:center;text-transform:uppercase;font-size: 37px;font-weight: 800;position:relative;z-index:1;}
.innr-pg-bnnr h1:after{content:'';position:absolute;bottom: -4px;margin:0 auto;left:0;right:0;width:100px;height:4px;border-radius:2px;background:#fff;}
/*--------------------------------------------------------------
# Inner-contact
--------------------------------------------------------------*/
.cont_detail{margin-top: -6px;}
.innr_cnt .cont_icon{background-color: #013724;display: inline-block;width: 60px;height: 60px;line-height: 70px;position: relative;}
.innr_cnt .cont_icon::after{position: absolute;content: "";right: 0;height: 11px;width: 100%;top: -11px;z-index: 1;transition: all .5s;background-color: #013724;transform: scale(1, 1.2);}
.innr_cnt .cont_icon::before{content: "";position: absolute;top: -12px;left: 60px;border-width: 0 13px 12px 0;border-style: solid;border-color: #013724;border-right-color: transparent !important;border-left-color: transparent !important;display: block;transition: all .4s;opacity: .7;}
.innr_cnt .cont_icon .fa{color: #fff; font-size: 30px;}
.innr_cnt{position: relative;}
.innr_cnt::after {transform: scaleX(0);transition: transform 800ms ease-in-out;position: absolute;content: '';border-bottom: 5px solid  #013724;height: 1px;width: 100%;left: 0;bottom: 0;}
.innr_cnt:hover::after {transform: scaleX(1);border-bottom-color: #013724;}
.innr_cnt:hover .cont_icon .fa{transform: rotateY(180deg); transition: 0.3s;}

/*--------------------------------------------------------------
# responsive
--------------------------------------------------------------*/
@media screen and (max-width:992px) {
    .header_rgt a {padding: 10px;}
}
/*  */
.modal-body-sec{max-height: 350px; overflow-y: auto; }
.modal.show{background: rgba(0, 0, 0, 0.75);}
.modal-backdrop{position: static;}
/*  */
#floatingBox {position: fixed;bottom: 20px;right: 20px;background: #ffcc00;color: black;padding: 15px;border-radius: 8px;display: none;z-index: 1000;}
#closeBox {margin-left: 10px;cursor: pointer;font-weight: bold;}