*{margin: 0; padding: 0; box-sizing: border-box; font-family: 'Rubik', sans-serif; scroll-behavior: smooth;}
:root{
	--primary-color: #017a99;
}
body{background: #fff;}
.feather{width: 18px;}
a{text-decoration: none;}
img{max-width: 100%;}
table{width: 100%;}

/*.header-banner{position: relative; z-index: 11;}*/


.top-section{background: var(--primary-color);}
.top-section .row{align-items: center;}
.top-section .left marquee{color: #eee; font-size: 15px; position: relative;
    top: 4px;}
.top-section .left marquee li{margin: 0px 10px; border-right: 1px solid #ddd;
    padding-right: 20px; line-height: 16px;}
.top-section .left marquee li:last-child{padding-right: 0; border-right: none;}
.top-section .left marquee li a{color: #eee; transition: 0.5s;}
.top-section .left marquee li a:hover{color: #ead800;}
.top-section ul{margin: 0; padding: 0; text-align: right;}
.top-section ul li{list-style: none; display: inline-block;}
.top-section ul.right li a{color: #eee; padding: 10px; display: inline-block;
    font-size: 15px; margin-right: 8px;}
.top-section ul.right li:last-child a{margin-right: 0;}
.top-section ul.right li a .feather{margin-right: 6px; color: #ead800;}
.top-section ul.right li .btn{background: #414141; border-color: #414141;}

.logo-section{background: #fff; padding-top: 15px; padding-bottom: 10px;}
.logo-section ul{margin: 0; padding: 0; display: flex; align-items: center; justify-content: space-between;}
.logo-section ul li{list-style: none; }
.logo-section ul li a img{width: auto; height: 90px;}

.menu-section{margin-top: 15px;}
.menu-section .navbar{padding: 0;}
.menu-section .nav-item{}
.menu-section .nav-item:last-child{margin-right: 0;}
.menu-section .nav-link{color: #000; font-size: 20px; font-weight: 500; padding-top: 14px; padding-bottom: 12px;
    padding-left: 26px !important; padding-right: 26px !important; border-bottom: 2px solid transparent; transition: 0.5s;}
.menu-section .nav-link:hover{background: #017a993d; transition: 0.5s; border-bottom: 2px solid var(--primary-color);}
.menu-section .nav-link.active{background: var(--primary-color); color: #fff;}
.menu-section .d-flex a.apply{background: var(--primary-color); color: #fff; padding: 8px 20px 6px; font-size: 18px;}
.menu-section.fixed-top {margin-top: 0; background: var(--primary-color); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
    z-index: 111; transition: 0.2s; position: fixed;}
.menu-section.fixed-top .nav-link{color: #fff;}
.menu-section.fixed-top .nav-link:hover{background: #008eb3; transition: 0.5s; border-bottom: 2px solid #fff;}
.menu-section.fixed-top .nav-link.active{background: #fff; color: #000;}
.menu-section.fixed-top .d-flex a.apply { background: #fff;
    color: var(--primary-color)}

.menu-section .nav-item.dropdown:hover .dropdown-menu{display: block;}
.menu-section .nav-item.dropdown:hover .dropdown-menu.submenu{display: none;}

.menu-section ul.dropdown-menu{padding: 0; border-radius: 0; max-height: 392px;
    overflow-y: auto;}
.menu-section ul.dropdown-menu .dropdown-item{padding: 10px 15px;
    border-bottom: 1px solid #ddd; font-size: 15px;}
.menu-section ul.dropdown-menu .dropdown-item:active{background-color: transparent;
    color: #212529;}

.menu-section .d-flex {align-items: center;}
.menu-section .d-flex .icon{margin-right: 10px;}
.menu-section .d-flex .icon img{width: 36px;}
.menu-section .d-flex .data small{font-size: 14px; font-weight: 600;
    letter-spacing: 1px; color: #222;}
.menu-section .d-flex .data p{margin-bottom: 0; color: #de2824;
    line-height: 18px; font-weight: 600; font-size: 15px;}
.menu-section .dropdown-menu li {position: static;}
.menu-section .dropdown-menu .dropdown-submenu {display: none;
    position: absolute; left: 100%; top: 0px;}
.menu-section .dropdown-menu .dropdown-submenu-left {right: 100%;
    left: auto;}
.menu-section .dropdown-menu > li:hover > .dropdown-submenu {
    display: block;}
.menu-section .dropdown-menu > li:hover > .submenu{display: block!important;}


@media all and (min-width: 992px) {
    .menu-section .dropdown-menu li{position: static;}
    .menu-section .dropdown-menu .submenu{display: none; position: absolute; left:100%; bottom: -1px;}
    .menu-section .dropdown-item:hover{background-color: var(--primary-color); color: #fff;}
    .menu-section .dropdown-menu .submenu-left{right:100%; left:auto;}
    .menu-section .dropdown-menu > li:hover{background-color: var(--primary-color); color: #fff;}
    .menu-section .dropdown-menu > li:hover > .submenu{display: block;}
}
@media (max-width: 991px) {
    .menu-section .dropdown-menu .dropdown-menu{margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;}
}



.banner-section{height: 700px; overflow: hidden;}
.banner-section .row{margin: 0;}
.banner-section .box-data{position: relative;}
.banner-section .box-data .background {opacity: 0.7;
    background: linear-gradient(180.75deg, rgba(28, 23, 29, 0) 32.54%, #002e3af2 64.35%, #006078 99.35%);
    position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; transition: .35s; z-index: 11;}
.banner-section .box-data .data{position: absolute; left: 0; right: 0; bottom: 30px;
    z-index: 1111111; margin: 0 auto; text-align: center; width: fit-content; padding: 15px 20px 0px;
    border-top-left-radius: 30px; border-top-right-radius: 30px; color: #fff; max-width: 50%;}
.banner-section .box-data .data h1{font-size: 66px; text-align: left; font-weight: 700; color: #fff;
    margin-bottom: 0px;}
.banner-section .box-data .data h1 span{color: #ead800;}
.banner-section .box-data .data .desc{margin-top: 20px; margin-bottom: 30px;
    color: #fff;}

.banner-section .owl-carousel{position: relative;}
.banner-section .owl-carousel .owl-item .image{position: relative; z-index: 11;}
.banner-section .owl-carousel .owl-item img{height: 700px; object-fit: cover;}
.banner-section .owl-carousel .owl-nav{margin-top: 0;}
.banner-section .owl-carousel .owl-nav .owl-next{position: absolute; top: 36%;
    right: 0; background: #de2824; width: 40px; height: 60px; transition: 0.5s;}
.banner-section .owl-carousel .owl-nav .owl-prev{position: absolute; top: 36%;
    left: 0; background: #de2824; width: 40px; height: 60px; transition: 0.5s;}
.banner-section .owl-carousel .owl-nav button:hover{background: #444;}
.banner-section .owl-carousel .owl-nav span{font-size: 26px; color: #fff}
@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(1,1);
    }
    to {
        -webkit-transform: scale(1.5,1.5);
    }
}

/* Standard syntax */
@keyframes zoom {
   from {
        transform: scale(1,1);
   }
   to {
        transform: scale(1.5,1.5);
   }
}

.banner-section .owl-carousel .image{height: 700px; overflow: hidden;width: 100%;}
.banner-section .owl-carousel .image img {
    -webkit-animation: zoom 50s;
    animation: zoom 50s;
}
.banner-section .owl-carousel .video{height: 700px; overflow: hidden; position: relative; z-index: 111111; width: 100%;}




.banner-bottom-section .container{position: relative; z-index: 11; margin-top: 40px; margin-bottom: 50px;}
.banner-bottom-section .box{border-radius: 6px; min-height: 315px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; padding: 30px 30px 15px 30px;
    position: relative; z-index: 1;}
.banner-bottom-section .box .background {
    opacity: 0.7;
    background: linear-gradient(180.75deg, rgb(0 0 0 / 80%) 32.54%, #002e3af2 64.35%, #006078 99.35%);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: .35s;
}

.banner-bottom-section .box h1.title{font-size: 26px; color: #fff;
    position: relative; padding-bottom: 15px; font-weight: 600;
    margin-bottom: 15px; position: relative; z-index: 1;}
.banner-bottom-section .box .desc #more{display: none;} 
.banner-bottom-section .box .book-btn {padding-top: 10px; transition: .35s;}
.banner-bottom-section .box .book-btn button{color: #017a99; background: transparent; border-width: 2px;
    border-style: solid; border-color: #017a99; position: relative;
    display: inline-block; padding: 10px 20px; -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; text-align: center; font-weight: 400;
    text-transform: uppercase; letter-spacing: 1px; font-size: 15px;}
.banner-bottom-section .box .book-btn button:before{content: ''; display: block; position: absolute;
    box-sizing: border-box; border-style: solid; transition: all 0.3s ease-in-out;
    width: 1em; height: 1em; border-color: #017a99; top: -6px; left: -6px;
    border-width: 2px 0 0 2px; z-index: 5;}
.banner-bottom-section .box .book-btn button:after{content: ''; display: block; position: absolute;
    box-sizing: border-box; border-style: solid; transition: all 0.3s ease-in-out;
    width: 1em; height: 1em; border-color: #017a99; bottom: -6px; right: -6px;
    border-width: 0 2px 2px 0;}
.banner-bottom-section .box .book-btn button:hover{color: #000; background-color: #017a99; border-color: #017a99;}
.banner-bottom-section .box .book-btn button:hover:before,
.banner-bottom-section .box .book-btn button:hover:after{width: calc(100% + 12px);
    height: calc(100% + 12px);}

.banner-bottom-section .box button.more{border: none; background: #017a99; color: #fff; color: #fff;
    padding: 8px 15px 7px; border-radius: 5px;}


.m-more-less-content {color: #fff; position: relative; z-index: 1;
  span {
    display: inline;
  }
  .m-show-more, .m-show-less {
    color: blue;
    cursor: pointer;
    font-style: italic;
  }
  .m-show-more {
    &:before{
      content: " ... more";
    }
  }
  .m-more-text {
    overflow: hidden;
    display: none;
  }
  .m-show-less {
    display: none;
    
    &:before{
      content: " less";
    }
  }
  &.m-display-more {
    .m-show-more {
      display: none;
    }
    .m-more-text {
      display: inline;
    }
    .m-show-less {
      display: inline;
    }
  }

}


.m-more-less-content .m-show-more, .m-more-less-content .m-show-less{color: #fff;}








.slogan-section{background: #017a99; color: #fff; text-align: center; padding: 15px 0px; margin-top: 30px;}
.slogan-section h1{margin-bottom: 0; font-size: 36px; font-weight: 700;}




.program-section{padding-top: 40px; padding-bottom: 40px;}
.program-section .row{align-items: center;}
.program-section .heading-box h1{font-size: 28px; color: #df2824;
    text-transform: uppercase; font-weight: 700;}
.program-section .heading-box p{color: #555;}

.program-section .single-box {position: relative; overflow: hidden; margin-bottom: 30px; height: 315px;
    border-radius: 6px;}
.program-section .single-box>img {min-height: 320px; max-width: 100%; height: auto;}
.program-section .single-box>img {
    -webkit-animation: zoom 50s; /* Chrome, Safari, Opera */
    animation: zoom 50s;
}

.program-section .single-box .background { opacity: 0.7;
    background: linear-gradient(180.75deg, rgba(28, 23, 29, 0) 32.54%, #002e3af2 64.35%, #006078 99.35%);
    position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; transition: .35s;}
.program-section .single-box .box-content {position: absolute; left: 0; right: 0; bottom: -90px;
    padding: 40px 35px; transition: .35s; color: #fff;}
.program-section .single-box:hover .box-content {bottom: 0;}
.program-section .single-box .box-content h3 a {font-weight: 500; font-size: 24px; line-height: 30px;
    color: #fff; margin-bottom: 15px; padding-top: 2px; transition: .35s;}
.program-section .single-box .box-content .book-btn {padding-top: 10px; transition: .35s;}
.program-section .single-box .box-content .book-btn a{color: #ead800; background: transparent; border-width: 2px;
    border-style: solid; border-color: #ead800; position: relative;
    display: inline-block; padding: 10px 20px; -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; text-align: center; font-weight: 400;
    text-transform: uppercase; letter-spacing: 1px; font-size: 15px;}
.program-section .single-box .box-content .book-btn a:before{content: ''; display: block; position: absolute;
    box-sizing: border-box; border-style: solid; transition: all 0.3s ease-in-out;
    width: 1em; height: 1em; border-color: #ead800; top: -6px; left: -6px;
    border-width: 2px 0 0 2px; z-index: 5;}
.program-section .single-box .box-content .book-btn a:after{content: ''; display: block; position: absolute;
    box-sizing: border-box; border-style: solid; transition: all 0.3s ease-in-out;
    width: 1em; height: 1em; border-color: #ead800; bottom: -6px; right: -6px;
    border-width: 0 2px 2px 0;}
.program-section .single-box .box-content .book-btn a:hover{color: #000; background-color: #ead800; border-color: #ead800;}
.program-section .single-box .box-content .book-btn a:hover:before,
.program-section .single-box .box-content .book-btn a:hover:after{width: calc(100% + 12px);
    height: calc(100% + 12px);}



.blog-section .heading{text-align: center;}
.blog-section .heading h1{text-transform: uppercase; font-size: 36px; font-weight: 700; margin-bottom: 0; color: #017a99;}
.blog-section .heading .shape{text-align: center; line-height: 0;}
.blog-section .heading .shape span.one{width: 50px; height: 8px; background: #de2824; display: inline-block; position: relative; margin: 0px 6px;}
.blog-section .heading .shape span.one:before{content: ""; display: inline-block; position: absolute; top: 0px; width: 0; height: 0;
    border-top: 8px solid #de2824; right: -9px; border-right: 10px solid transparent;}
.blog-section .heading .shape span.one:after{content: ""; display: inline-block; position: absolute; top: 0px; width: 0; height: 0;
    border-bottom: 8px solid #de2824; left: -9px; border-left: 10px solid transparent;}

.blog-section .heading .shape span.two{width: 100px; height: 8px; background: #fbee16; display: inline-block; position: relative; margin: 0px 6px;}
.blog-section .heading .shape span.two:before{content: ""; display: inline-block; position: absolute; top: 0px; width: 0; height: 0;
    border-top: 8px solid #fbee16; right: -9px; border-right: 10px solid transparent;}
.blog-section .heading .shape span.two:after{content: ""; display: inline-block; position: absolute; top: 0px; width: 0; height: 0;
    border-bottom: 8px solid #fbee16; left: -9px; border-left: 10px solid transparent;}

.blog-section .heading .shape span.three{width: 150px; height: 8px; background: #0aa8e7; display: inline-block; position: relative; margin: 0px 6px;}
.blog-section .heading .shape span.three:before{content: ""; display: inline-block; position: absolute; top: 0px; width: 0; height: 0;
    border-top: 8px solid #0aa8e7; right: -9px; border-right: 10px solid transparent;}
.blog-section .heading .shape span.three:after{content: ""; display: inline-block; position: absolute; top: 0px; width: 0; height: 0;
    border-bottom: 8px solid #0aa8e7; left: -9px; border-left: 10px solid transparent;}

.blog-section .single-box {position: relative; overflow: hidden; height: 315px;
    border-radius: 0px;}
.blog-section .single-box>img {min-height: 320px; max-width: 100%; height: auto; object-fit:cover;}
.blog-section .single-box>img {
    -webkit-animation: zoom 50s; /* Chrome, Safari, Opera */
    animation: zoom 50s;
}

.blog-section .single-box .background { opacity: 0.7;
    background: linear-gradient(180.75deg, rgba(28, 23, 29, 0) 32.54%, #002e3af2 64.35%, #006078 99.35%);
    position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; transition: .35s;}
.blog-section .single-box .box-content {position: absolute; left: 0; right: 0; bottom: -90px;
    padding: 40px 35px; transition: .35s;}
.blog-section .single-box:hover .box-content {bottom: 0;}
.blog-section .single-box .box-content h3 a {font-weight: 500; font-size: 24px; line-height: 30px;
    color: #fff; margin-bottom: 15px; padding-top: 2px; transition: .35s;}
.blog-section .single-box .box-content .book-btn {padding-top: 10px; transition: .35s;}
.blog-section .single-box .box-content .book-btn a{color: #ead800; background: transparent; border-width: 2px;
    border-style: solid; border-color: #ead800; position: relative;
    display: inline-block; padding: 10px 20px; -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; text-align: center; font-weight: 400;
    text-transform: uppercase; letter-spacing: 1px; font-size: 15px;}
.blog-section .single-box .box-content .book-btn a:before{content: ''; display: block; position: absolute;
    box-sizing: border-box; border-style: solid; transition: all 0.3s ease-in-out;
    width: 1em; height: 1em; border-color: #ead800; top: -6px; left: -6px;
    border-width: 2px 0 0 2px; z-index: 5;}
.blog-section .single-box .box-content .book-btn a:after{content: ''; display: block; position: absolute;
    box-sizing: border-box; border-style: solid; transition: all 0.3s ease-in-out;
    width: 1em; height: 1em; border-color: #ead800; bottom: -6px; right: -6px;
    border-width: 0 2px 2px 0;}
.blog-section .single-box .box-content .book-btn a:hover{color: #000; background-color: #ead800; border-color: #ead800;}
.blog-section .single-box .box-content .book-btn a:hover:before,
.blog-section .single-box .box-content .book-btn a:hover:after{width: calc(100% + 12px);
    height: calc(100% + 12px);}









.footer-section{background-color: #414141; padding-top: 60px; padding-bottom: 20px;
    position: relative; z-index: 1;}
.footer-section .logo a:hover{margin-left: 0!important;}
.footer-section .logo img{max-width: 160px; margin: 10px 0px;}
.footer-section h2.title{color: #fff; font-size: 26px; font-weight: 500; padding-bottom: 20px;
    margin-bottom: 30px; position: relative;}
.footer-section h2.title:before{content: ''; width: 6px; height: 6px;
    background: #fff; position: absolute; left: 
    ; bottom: 0; border-radius: 50px;}
.footer-section h2.title:after{content: ''; width: 50px; height: 3px;
    background: #fff; position: absolute; left: 12px; bottom: 1px; border-radius: 50px;}
.footer-section .info p{color: #eee!important;}
.footer-section .info p a{color: #eee!important;}
.footer-section .info span{color: #eee!important;}
.footer-section .info a{color: #f9e603; display: inline-block; font-size: 14px;
    text-transform: uppercase; letter-spacing: 1.5px; transition: 0.5s;}
.footer-section .info a .feather{width: 16px; position: relative; top: -1px;
    margin-left: 4px;}
.footer-section .info a:hover{margin-left: 5px;}
.footer-section .links ul{margin: 0; padding: 0;}
.footer-section .links ul li{list-style: none; display: inline-block;
    width: 100%; margin-bottom: 10px;}
.footer-section .links ul a{color: #eee; text-transform: uppercase; font-size: 15px;
    transition: 0.5s; display: block;}
.footer-section .links ul a:hover{color: #f9e603; margin-left: 5px;}
.footer-section .links ul .feather{width: 14px; color: #fff; margin-right: 6px;}
.footer-section .contact .number{display: flex; align-items: center; color: #eee; margin-bottom: 15px;}
.footer-section .contact .number .icon{margin-right: 12px;}
.footer-section .contact .number p{margin-bottom: 0; font-style: 17px;}
.footer-section .contact .number small{color: #fff; letter-spacing: 2px;}
.footer-section .social-icon{text-align:left; margin: 0; padding: 0;}
.footer-section .social-icon li{display: inline-block;}
.footer-section .social-icon li a{color: #eee; display: inline-block; margin-left: 8px;}
.footer-section .social-icon li a .feather {width: 18px; height: 38px; width: 38px; padding: 10px; color: #fff; border-radius: 50%; transition: 0.5s; background: #222;}
.footer-section .social-icon li a .feather:hover{box-shadow: none; background: #000;}


.footer-section .useful-link {margin-top: 35px;}
.footer-section .useful-link ul li{display: inline-block;}
.footer-section .useful-link ul li a{color: #eee; text-transform: uppercase; font-size: 15px; transition: 0.5s; display: block;
    padding-right: 5px; margin-right: 35px; margin-bottom: 15px;}
.footer-section .useful-link ul li:last-child a{padding-right: 0; margin-right: 0;}
.footer-section .useful-link ul li .feather{width: 14px; color: #fff; margin-right: 6px;}
.footer-section .useful-link ul li a:hover {color: #f9e603; margin-left: 5px;}


.footer-section .bottom{margin-top: 40px; color: #eee; margin-left: 0; margin-right: 0;}
.footer-section .bottom p{margin-bottom: 0; font-size: 15px;}
.footer-section .bottom .right{text-align: right;}
.footer-section .bottom .right a{color: #f9e603; font-size: 15px;}

.scrollTop {position: fixed; right: 6%; bottom: 50px; opacity: 0; z-index: 111; }
.scrollTop a {font-size: 20px; color: #fff; padding: 20px 15px;
    transition: all 0.4s ease-in-out 0s; border-radius: 6px; display: block;
    border: 2px solid #017a99; background: #017a99; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);}



.breadcumb-area .row{margin: 0; padding: 0;}
.breadcumb-area .image{max-height: 700px; overflow: hidden; padding: 0;}
.breadcumb-area .image img{width: 100%; max-height: 700px; object-fit: cover; -webkit-animation: zoom 50s;
    animation: zoom 50s;}


.expolre-page{margin-top: 60px; margin-bottom: 60px;}
.expolre-page .sub-menu-section {background: var(--primary-color)}
.expolre-page .sub-menu-section.sticky-top{top: 77px; z-index: 11;}
.expolre-page .sub-menu-section ul{margin: 0; padding: 0;}
.expolre-page .sub-menu-section ul li{list-style: none; display: block;}
.expolre-page .sub-menu-section ul li a{display: block; color: #fff; padding: 10px 15px; border-bottom: 1px solid #ffffff26; transition: 0.5s;}
.expolre-page .sub-menu-section ul li a:hover{background: #0089ad;}
.expolre-page .sub-menu-section ul li a.active{background: #414141;}
.expolre-page .data-section h1.title{font-size: 40px; color: #222; font-weight: 700; margin-bottom: 30px;
    padding-bottom: 26px; position: relative;}
.expolre-page .data-section h1.title:before {content: ''; width: 6px; height: 6px; background: var(--primary-color);
    position: absolute; left: 0px; bottom: 0; border-radius: 50px;}
.expolre-page .data-section h1.title:after {content: ''; width: 150px; height: 3px; background: var(--primary-color);
    position: absolute; left: 15px; bottom: 1px; border-radius: 50px;}



.team-bottom .card{width: 100px; height: 80px; line-height: 80px; background: #017a99; text-align: center; font-size: 30px; color: #fff; margin: 15px;}

.expolre-page .data-section .team-section .team-block{position: relative;
    margin: 0 auto; margin-bottom: 25px;}
.expolre-page .data-section .team-section .team-block .box{position: relative; display: block;
    border-radius: 15px;}
.expolre-page .data-section .team-section .team-block .image-box{position: relative; display: block;
    overflow: hidden; border-radius: 15px;}
.expolre-page .data-section .team-section .team-block .image-box img {width: 100%; border-radius: 15px;
    height: 366px; object-fit: cover;}
.expolre-page .data-section .team-section .team-block .content-box {position: absolute; left: 0px;  bottom: 0px;
    width: 100%; background-color: #017a99; border-radius: 15px; height: 105px;
    overflow: hidden; padding: 21px 15px 15px 15px; transition: all 500ms ease;
    text-align: center;}
/*.expolre-page .data-section .team-section .team-block .content-box:before {position: absolute; content: '';
    background-image: url(../images/shape-1.png); width: 100%; height: 100%;
    left: 0px; top: 0px; right: 0px; background-size: cover; background-repeat: no-repeat;
    background-position: center; border-radius: 15px;}*/
.expolre-page .data-section .team-section .team-block .box:hover .content-box {
    height: 100%;
}
.expolre-page .data-section .team-section .team-block .content-box .text ul {position: relative; display: block;
    margin-bottom: 25px;}
.expolre-page .data-section .team-section .team-block .content-box .designation {position: relative; display: block;
    font-size: 20px; line-height: 30px; color: #ead800;
    font-weight: 500; margin-bottom: 0px; letter-spacing: 1px;}
.expolre-page .data-section .team-section .team-block .content-box h3 {display: block; font-size: 22px; line-height: 26px;
    color: #ffffff; font-weight: 700;}
.expolre-page .data-section .team-section .team-block .content-box h3 a{color: #fff;}
.expolre-page .data-section .team-section .team-block .content-box .thumb-box {position: relative; display: inline-flex;
    width: 115px; height: 115px; border-radius: 50%; margin-bottom: 16px; opacity: 0;
    transition: all 500ms ease; margin: 0; margin-bottom: 16px;
    justify-content: center;}
.expolre-page .data-section .team-section .team-block .box:hover .content-box .thumb-box {opacity: 1;}
.expolre-page .data-section .team-section .team-block .content-box .thumb-box img {width: 100%; border-radius: 50%;
    height: 115px; width: 115px; object-fit: cover;}
.expolre-page .data-section .team-section .team-block .content-box .text {position: relative; margin-bottom: 20px;
    opacity: 0; transition: all 500ms ease;}
.expolre-page .data-section .team-section .team-block .box:hover .content-box .text {opacity: 1;}
.expolre-page .data-section .team-section .team-block .content-box .text p {color: #ffffff;}
.expolre-page .data-section .team-section .team-block .text ul{margin: 0; padding: 0;}
.expolre-page .data-section .team-section .team-block .text ul li{list-style: none; display: block; margin-bottom: 6px;}
.expolre-page .data-section .team-section .team-block .text ul li:last-child{margin-bottom: 0;}
.expolre-page .data-section .team-section .team-block .text ul li{color: #fff; display: block; text-align: left;
    font-size: 14px;}
.expolre-page .data-section .team-section .team-block .text ul li .feather{width: 16px;}
.expolre-page .data-section .team-section .team-block ul.social {position: absolute; display: inline-block; right: 0px;
    left: 0px; bottom: -20px; text-align: center; max-width: 180px; margin: 0 auto;
    padding: 12px 10px 10px 10px; border-radius: 30px; background-color: #de2824;}
.expolre-page .data-section .team-section .team-block ul.social li {position: relative; display: inline-block; font-size: 16px;
    color: #ffffff; margin: 0px 10px;}
.expolre-page .data-section .team-section .team-block ul.social li:before {position: absolute; content: '';
    background-color: rgba(0,0,0,0.2); width: 1px; height: 16px; top: 5px; right: -13px;}
.expolre-page .data-section .team-section .team-block ul.social li:last-child:before{content: none;}
.expolre-page .data-section .team-section .team-block ul.social li a {display: inline-block; background-color: rgba(0, 0, 0, 0);
    color: rgb(255, 255, 255);}
.expolre-page .data-section .team-section .team-block ul.social li a .feather{width: 15px;}

.expolre-page .data-section .team-section .content-box{text-align: center; margin-bottom: 25px;}
.expolre-page .data-section .team-section .content-box .thumb-box{width: 150px; height: 150px; overflow: hidden; border-radius: 50%; margin: 0 auto;}
.expolre-page .data-section .team-section .content-box .thumb-box img{width: 150px; height: 150px; object-fit: cover;}
.expolre-page .data-section .team-section .content-box .designation {position: relative; display: block; font-size: 20px; line-height: 30px;
    color: #017a99; font-weight: 500; margin-bottom: 0px; letter-spacing: 1px;}
.expolre-page .data-section .team-section .content-box h3 {display: block; font-size: 22px; line-height: 26px; color: #414141;
    font-weight: 700; margin-bottom: 0; margin-top: 10px;}


.team2-section .box{border: 1px solid #017a99; border-radius: 15px; padding: 21px 15px 15px 15px;
    transition: all 500ms ease; text-align: center; margin-bottom: 20px; min-height: 154px;
    display: flex; align-items: center; justify-content: center; background: #f1fcff;}
.team2-section .info .designation {position: relative; display: block; font-size: 20px; line-height: 30px;
    color: #414141; font-weight: 500; margin-bottom: 0px; letter-spacing: 1px;}
.team2-section .info h3 {display: block; font-size: 22px; line-height: 26px; color: #017a99; font-weight: 700;}
.team2-section .info h3 a {color: #017a99;}


.gallery-section .data-heading{margin-bottom: 30px;}
.gallery-section .data-heading h1{font-size: 36px; font-weight: 700;
    margin-bottom: 0; color: #414141; margin-bottom: 10px;}
.gallery-section .box-container{margin-bottom: 25px; border: 1px solid #017a99; padding: 10px; border-radius: 6px;}
.gallery-section .box-container h2{font-size: 20px; text-align: center; margin-bottom: 0; padding-top: 10px;}
.gallery-section .box {position: relative; width: 100%; border-radius: 6px; overflow: hidden;
    height: 200px; overflow: hidden;}
.gallery-section .box .image{height: 100%;}
.gallery-section .box .image img {object-fit: cover; width: auto; height: 200px;}
.gallery-section .box .icon{position: absolute; width: 100%; height: 100%;
    top: 0; left: 0;}
.gallery-section .box .icon::before {content: ""; position: absolute; left: 10px;
    top: 10px; right: 10px; bottom: 10px; background: #017a99; opacity: 0;
    visibility: hidden; transition: .3s;}
.gallery-section .box .icon:hover::before {opacity: .5; visibility: visible;}
.gallery-section .box .icon a {width: 70px; height: 70px; display: flex;
    align-items: center; justify-content: center; position: absolute; left: 50%;
    top: 50%; transform: translate(-50%,-50%) scale(0); transition: .5s;
    border-radius: 50px; opacity: 0; visibility: hidden; font-size: 60px;
    color: #017a99; background: #fff;}
.gallery-section .box .icon:hover a {opacity: 1; visibility: visible;
    transform: translate(-50%,-50%) scale(1);}




.contact-page{padding-top: 80px; padding-bottom: 60px;}
.contact-page .left ul{height: 450px; background-color: #017a99;
    position: relative; z-index: 1; padding: 60px 40px;}
.contact-page .left ul:before {content: ''; position: absolute; top: 0;left: 0;
    width: 100%; height: 100%; background-image: url(../images/map-new.png);
    background-size: cover; z-index: -1; opacity: 0.3; background-attachment: fixed;
    background-position: center center; background-repeat: no-repeat;}
.contact-page .left ul li{list-style: none; display: block; margin-bottom: 26px;}
.contact-page .left ul li a{display: flex; color: #fff;}
.contact-page .left ul li a .icon{margin-right: 15px;}
.contact-page .left ul li a .icon .feather{width: 22px;}
.contact-page .left .data h4{color: #fff; font-size: 24px;
    font-weight: 600;letter-spacing: 1px; margin-bottom: 8px;}
.contact-page .left .data p{font-size: 18px;}
.contact-page iframe{width: 100%;}


.blog-section .box{background: #fff; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);}
.blog-section .box .image{height: 260px; overflow: hidden; display: block;}
.blog-section .box .image img{width: 100%; transition: 0.5s;}
.blog-section .box:hover img{transform: scale(1.08);}
.blog-section .box .date{display: flex; align-items: center; justify-content: space-between;
	padding: 12px 26px;}
.blog-section .box .date p{margin-bottom: 0; color: #777;}
.blog-section .box .date .feather{color: var(--primary-color); margin-right: 4px;
	position: relative; top: -2px;}
.blog-section .box a.title{font-size: 20px; font-weight: 700;
	display: block; color: #414141; position: relative; line-height: 26px;
	padding: 0px 26px; transition: 0.5s;}
.blog-section .box a.title:before{content: ''; position: absolute; left: 0; top: 0;
	background: var(--primary-color); width: 4px; height: 100%;}
.blog-section .box a.btn{background: var(--primary-color); color: #fff; display: inline-block;
    padding: 8px 20px; margin: 20px 26px; border-radius: 2px;}



.blog-detail-page{
    position: relative; padding: 60px 0px 40px 0px; width: 100%;
    background-size: cover; background-repeat: no-repeat;
    background-position: center;}
.blog-detail-page:before {position: absolute; content: ''; background: #ffffff;
    width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.0; z-index: -1;}

.blog-detail-page .blog-data{background: #fff; padding: 15px; box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 10%);
    border-radius: 6px;}
.blog-detail-page .blog-data img{height: auto; width: auto;}
.blog-detail-page .blog-data .image{position: relative; border: 1px solid #ddd;
    border-radius: 10px; overflow: hidden; text-align: center; margin: 0 auto;}
.blog-detail-page .blog-data .image img{max-width: 100%; width: auto; margin: 0 auto;}
.blog-detail-page .blog-data .date{display: flex; align-items: center; justify-content: space-between;
    margin-top: 12px;}
.blog-detail-page .blog-data .date p{margin-bottom: 0; color: #777;}
.blog-detail-page .blog-data .date .feather{color: var(--primary-color); margin-right: 4px;
    position: relative; top: -2px;}
.blog-detail-page .blog-data .title h2{font-size: 30px;
    margin: 15px 0px; font-weight: 600;}


.blog-detail-page .related{background: #fff; padding: 20px;
    box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 10%); border-radius: 6px;
    margin-bottom: 30px;}
.blog-detail-page .related h2{font-size: 20px; font-weight: 600; color: #232323;
    letter-spacing: 0.5px; word-spacing: 3px; position: relative;
    margin-bottom: 36px;}
.blog-detail-page .related h2:before{content: ''; background: var(--primary-color);
    position: absolute; left: 0; bottom: -12px; width: 30px; height: 3px;}
.blog-detail-page .related h2:after{content: ''; background: #0000005e;
    position: absolute; left: 0; bottom: -11px; width: 92px; height: 1px;}
.blog-detail-page .related ul{margin: 0; padding: 0;}
.blog-detail-page .related ul li{list-style: none;}
.blog-detail-page .related .box {display: flex; align-items: center; width: 100%; color: #333; margin-bottom: 20px;
    border: 1px solid #ddd; padding: 10px; border-radius: 20px;
    background: #fff;}
.blog-detail-page .related li:last-child .box{margin-bottom: 0;}
.blog-detail-page .related .box .image{width: 20%; height: 80px; width: 80px; overflow:hidden; display: flex;
    align-items: center; justify-content: center; position: relative; border-radius: 15px;}
.blog-detail-page .related .box .image img{height: 80px; width: 80px; object-fit: cover; max-width: initial; transition: 0.5s;}
.blog-detail-page .related .box:hover .image img{transform: scale(1.06);}
.blog-detail-page .related .box .data{width: 64%; margin-right: 15px; margin-left: 15px;}
.blog-detail-page .related .box .data .title{height: 52px; overflow: hidden;}
.blog-detail-page .related .box .data .title a{font-size: 17px; color: #111; font-weight: 600;
    letter-spacing: 0.6px; word-spacing: 3px; line-height: 24px; text-decoration: none;}
.blog-detail-page .related .box .data ul{margin: 0; padding: 0;}
.blog-detail-page .related .box .data ul li{list-style: none; display: inline-block; margin-right: 12px;}
.blog-detail-page .related .box .data p{font-size: 12px; margin-bottom: 0px; letter-spacing: 1px;
    color: #777;}
.blog-detail-page .related .box .data p .feather{width: 13px; position: relative; top: -1px;}
.blog-detail-page .related .box .date-box{width: 16%; text-align: center;}
.blog-detail-page .related .box .date-box .date{background: #b8d8ff; text-align: center;
    border-radius: 50px; padding: 6px; position: relative; top: -10px;}
.blog-detail-page .related .box .date-box .date h3{font-size: 18px; font-weight: 700; font-family: sans-serif;
    margin-bottom: 0;}
.blog-detail-page .related .box .date-box .date p{font-size: 11px; text-transform: uppercase;
    font-weight: 700; letter-spacing: 1px; font-family: monospace; margin-bottom: 0px;}
.blog-detail-page .related .box .date-box a{color: #fff; padding: 1px; display: block;
    border-radius: 32px; background: var(--primary-color);}
.blog-detail-page .related .box .date-box a .feather{width: 16px;}


.download-page-section{margin-bottom: 40px;margin-top: 40px;}
.download-page-section .card h3.title{font-size: 20px;}
.download-page-section .card p.date{display: flex; align-items: center; color: #e52822;}
.download-page-section .card p.date .feather{width: 16px; height: 16px; margin-right: 5px;}
.download-page-section .card .download{text-transform: uppercase; color: #111; background: #f2bf0d; padding: 8px 20px 7px;
    display: inline-block; border-radius: 60px; font-size: 14px; letter-spacing: 1px;}
.download-page-section .card .download .feather{width: 15px; height: 15px; margin-right: 6px;}

.admission-form {
    padding: 25px;
    margin-bottom: 80px;
    background: #fff;
    border: 1px solid #efefef;
    margin-top: 40px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}
.admission-header-table {
    width: 100%;
}
.admission-header-table tr:hover{background-color: transparent;}
.admission-header-table td{padding: 0; border: none;}
.admission-header-table .col-md-6 p {
    margin-bottom: 0px;
}
.admission-form .form-head {
    background: var(--primary-color);
    width: 100%;
    padding: 7px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    padding-left: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.admission-form .form-group{margin-bottom: 15px;}
.admission-form .form-check{margin-bottom: 15px;}
.admission-form button[type=submit]{background: #de2824;
    color: #fff; border: none; padding: 15px 24px; font-size: 16px;
    text-transform: uppercase; letter-spacing: 0.5px; word-spacing: 4px;
    position: relative; z-index: 1;}
.admission-form button[type=submit]:before{content: ''; position: absolute;
    left: 0; top: 0; width: 0; height: 100%; background: #017a99;
    z-index: -1; transition: 0.8s;}
.admission-form button[type=submit]:hover:before{width: 100%;}


.search-page .breadcumb-area .image {max-height: 300px;}
.search-page .breadcumb-area .image img{max-height: 300px;}
.search-page .search-section {margin-top: 60px; margin-bottom: 60px;}
.search-page .search-section .data-section .media{border: 1px solid #ddd; padding: 20px 20px; border-radius: 6px; margin-bottom: 15px;}
.search-page .search-section .data-section .media:last-child{margin-bottom: 0;}
.search-page .search-section .data-section .media h5{margin-bottom: 0;}
.search-page .search-section .data-section .media h5 a{display: block; color: var(--primary-color);}


table {
  border-collapse: collapse;
  width: 100%;
}

table td, table th {
  border: 1px solid #ddd;
  padding: 8px;
}

table tr:nth-child(even){background-color: #f2f2f2;}

table tr:hover {background-color: #ddd;}

table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}



@media (max-width: 768px) {
.top-section ul{text-align: left;}
.top-section ul.right li:last-child a{padding-left: 0; padding-top: 0;}
.logo-section ul li a img{height: 50px;}
.menu-section{margin-top: 0;}
.menu-section .navbar .navbar-toggler{background: #fff; margin: 10px 0px;}
.menu-section .nav-link.dropdown-toggle.show{background: #008eb3;}
.banner-section{height: auto;}
.banner-section .owl-carousel .image{height: auto;}	
.banner-section .owl-carousel .owl-item img{height: auto;}
.banner-section .box-data .data{max-width: 100%;}
.banner-section .box-data .data h1{font-size: 24px;}
.banner-bottom-section .container{margin-bottom: 0px; margin-top: 15px;}
.banner-bottom-section .box{min-height: auto; margin-bottom: 15px;}
.program-section{padding-top: 15px; padding-bottom: 0;}
.slogan-section{margin-top: 0;}
.slogan-section h1{font-size: 24px;}
.program-section .single-box{margin-bottom: 15px;}
.blog-section{margin-bottom: 0px;}
.blog-section .single-box{margin-bottom: 15px;}


.footer-section{padding-top: 20px;}
.footer-section .logo{text-align: center; margin-bottom: 20px;}
.footer-section .bottom .right{text-align: left;}

.expolre-page{margin-top: 15px; margin-bottom: 15px;}

}