@charset "utf-8";
*{ margin:0; padding:0;}
/* @import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&family=Roboto:wght@100;300;400;500;700;900&display=swap'); */
html {  font-size: 100%;overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
* {-webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
*:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
a[href^="tel:"] { color: inherit; text-decoration: none;}
::selection{ background:#2f4557!important; color:#fff}
::-moz-selection{ background:#2f4557!important; color:#fff}
a{ color:#2f4557; text-decoration: none; outline:none}
a:hover, a:focus{  text-decoration: none; outline:none} 
ul{list-style: none; padding: 0; margin: 0;}
:root{ 
    --blue:#6d214f;
    --light-blue:#e1f3ff;
    --dark-blue:#002c4d;
    --sky-blue:#3d9de3;
    --text-color:#587386;
    --gray:#f5f5f5; 
    --light-gray:#e8f0f1;
    --dark-gray:#222222;
    --white:#fff;  
  } 
img{ max-width:100%; border:0;}
body{ font-family: 'Roboto', sans-serif; font-size: 14px; color:var(--text-color); line-height:1.3; min-width:320px;}
 h2, h3 {font-family: 'Roboto', sans-serif;}
 h2{color: #00b894; font-weight: 900; font-size:40px;}
img{ height:auto; max-width:100%;} 
.container{ max-width:1230px; margin:0 auto;}  
 .btn.focus, .btn:focus{box-shadow:none;}
 .btn-link.focus, .btn-link:focus { text-decoration:inherit;}
p{}
.topmenu a, .sociallink a, .rightlink > ul > li > a, .eventcont, .contactfor, .loginlink, .notificationbox > a, .morelink, .tabtext .tab-pane ul li a, .morebtn, .imp-card-link .border-left-primary, .bluebox > ul > li{  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}  
 
.topstrip{background:#00b894; font-family: 'PT Sans', sans-serif;}
.toplinks{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.toplinks a{color: var(--white);}
.leftlink > ul, .rightlink > ul{display: flex;flex-wrap: wrap;}
.leftlink > ul > li{position: relative;}
.leftlink > ul > li > a{padding:10px 15px; min-height: 40px;  display:flex; align-items: center; position: relative;}

.rightlink > ul > li{padding-left: 3px;}
/*.rightlink > ul > li > a{ padding: 10px; background: var(--white); color: var(--blue); display: block;}*/
.rightlink > ul > li > a, .rightlink .search {padding: 10px; background:var(--light-blue); color: #00b894; display: block; height:32px; line-height:14px; font-weight: 600; letter-spacing:-1px; border-radius:3px; min-width:32px; text-align:center; cursor: pointer;}
.rightlink > ul > li > a:hover{background:var(--sky-blue); color: var(--white);}
.rightlink .search:hover {background: #e1f3ff;color: #0d0d0d;}
.rightlink .search {width: auto;vertical-align: middle;padding: 7px 10px;background: #3d9de3;color: #fff;}
.searchsec .field {height: 32px;border: none;width: 0px;position: absolute;right: 0px;top: 32px;border-radius: 2px;background: #e1f3ff;}
.rightlink .search span {font-weight: 500; font-size: 14px;  letter-spacing: normal;}
#google_translate_element {background: var(--sky-blue); padding:6px 10px; border-radius: 4px; min-width:140px; /*margin-top: 3px;*/}
#google_translate_element div, #google_translate_element span{background: none!important; border: none!important;}
#google_translate_element img{display: none;}
#google_translate_element a, #google_translate_element a span{color: var(--white)!important;font-family: 'Roboto', sans-serif; font-weight:400;letter-spacing:0;}

/*.headersec{ background:rgba(0,89,163,0.8); padding: 5px 0; position: absolute; left: 0; top: 40px; width: 100%; z-index: 99; }*/
/*.headersec{background:#00b894; padding: 5px 0;}*/
.headersec{background:#a0f9e0; padding: 5px 0;}
.topheader{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
a.headlink.morebtn{color:var(--white);}
.logo{  }
.logo a{display: flex; align-items: center;}
.logo img{ width: 90px; -webkit-transition: width 0.3s;     -moz-transition: width 0.3s;    -ms-transition: width 0.3s;   -o-transition: width 0.3s;   transition: width 0.3s;}
.logo a span{color: var(--white);font-size: 16px; font-weight: 700;}
.logo a span small {display: block; font-size: 18px; margin-top: 5px;}

.gridsec ul {list-style: none; -webkit-column-gap: 20px;  -moz-column-gap: 20px;  column-gap: 20px;  -webkit-columns: 300px 3;  -moz-columns: 300px 3;
    columns: 300px 3; width: 100%;}
.gridsec>ul>li {page-break-inside: avoid;}
.gridbox {background: #fff; border: 1px solid #e0e2e3; margin-bottom: 20px; cursor: pointer; display: block; width: 100%; border-radius:5px; overflow:hidden;}

/*.topmenubg{background:var(--blue);}*/
.topmenubg{background:#00b894;}
.navicon{display: none;}
.topmenu{ }
.topmenu > ul{
    display: flex; flex-wrap: wrap;
    /*justify-content:space-between;*/
    /*justify-content:space-evenly;*/
    justify-content:center;
}
.topmenu > ul > li{ position: relative;}
.topmenu > ul > li > a{ color:yellow;  font-size: 18px; font-weight: bolder; display:flex; align-items: center; padding: 10px 16px; line-height: 24px; font-weight:500; position: relative; }
.topmenu > ul > li > a:hover{color: white !important;}
.sublinks > a:after{ content:""; width: 8px; height: 8px; margin-top:-4px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); display:inline-block; margin-left: 5px; }

.topmenu > ul > li > ul > li > a{display: block; padding: 10px 15px;}
.sublinks2 > a{position: relative;}
.sublinks2 > a:after{ content:""; width: 8px; height: 8px; border-right: 1px solid #fff; border-top: 1px solid #fff; transform: rotate(45deg); display:inline-block; position: absolute; right: 10px; top: 14px;}

.vision-desc ul{margin-bottom: 15px; line-height: 1.5;  list-style: disc; margin-left: 18px;}
.vision-desc h2{margin-bottom:5px; font-size:40px;}
.lilist6{flex-wrap:wrap;}
.lilist6 li { min-width: 16%;padding: 5px;}
.lilist6 li .lbox{padding: 5px; border: 1px solid #f1f1f1;  border-radius: 5px; display:block;height:100%;}
.lilist6 li .lbox span{display:block; width:100%; height:100px;}
.lilist6 li .lbox span img{width:100%; height:100%; object-fit:contain;}
.lilist6.onimg li .lbox span{ height:auto;}

.btn.btn-link{color:#212529;}
.owl-nav button{border-radius:5px 0px 0px 5px;}

.toptabsec .tab-content ol{margin-left:15px;}


@media (min-width: 1000px) {
.bleft{width: 60%;} 
.sub-menu{display: none; position: absolute; left: 0; top: 100%; background: #00b894; width: 220px; z-index: 9;}
.topmenu > ul > li:last-child .sub-menu{left: inherit; right: 0;}
.sub-menu li{position: relative;}
.sub-menu li a{display: block; color: var(--white); padding: 10px 20px; font-size: 13px;}
.sub-menu li:hover a{color:var(--light-blue);}
.sub-menu li{border-top: 1px solid #00365e;}
.sub-menu li:first-child{border: none;}
.sub-menu > li > ul{display: none; position: absolute; left: 100%; top: 0; background: #00b894; width: 220px; z-index: 9;}

.sub-menu > li:hover > ul{display: block;}

.topmenu > ul > li:hover > a{  background:#00b894; color:#45a7ef;}
.topmenu > ul > li:hover > .sub-menu{ display: block;  }
.topmenu > ul > li .sub-menu > li:hover > a{ color:#45a7ef;}

.menuscroll{ width:100%; padding-right: 15px; max-height:260px;overflow: auto; /*overflow-y: scroll; */}
.menuscroll-primary::-webkit-scrollbar {width: 6px; background-color: #F5F5F5;border-radius: 10px;}
.menuscroll-primary::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);  background-color: #F5F5F5; border-radius: 10px;}
.menuscroll-primary::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); background-color:var(--sky-blue);}



/*.sub-menu{box-shadow:0px 1px 3px #dfdfdf;}
#menu-item-23 .sub-menu{width: 700px;padding: 30px; left: inherit;right: 0; box-shadow:0px 1px 3px #dfdfdf;}
#menu-item-23 .sub-menu{column-count: 2; column-gap:1px; column-rule-width: 1px;}
#menu-item-23 .sub-menu > li{  padding-right: 5px;border: none;}
#menu-item-23 .sub-menu > li > a{position: relative; padding-left:15px; color:#2f4557;}
#menu-item-23 .sub-menu > li > a:before{content:""; width: 6px; height: 6px; display: inline-block;position: absolute; left: 0; top: 15px; border-top:1px solid #2f4557; border-right:1px solid #2f4557; transform: rotate(45deg); }
.sub-menu{list-style: none;   padding: 10px; position: absolute;left: 0; top: 100%; width: 260px; background: #fff; z-index: 99; }*/

}

 
@keyframes menu_sticky {
    0% {
        margin-top: -100px;
    }
    50% {
        margin-top: -90px;
    }
    100% {
        margin-top: 0;
    }
}
.headerbg.fixed{position: fixed; top:-67px; left: 0; /*background:rgba(0,108,145,1);*/ width: 100%;  z-index: 991;  animation-name: menu_sticky;  animation-duration: 0.60s;
    animation-timing-function: ease-out; -webkit-box-shadow: 0px 13px 30px -12px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 13px 30px -12px rgba(0, 0, 0, 0.75);   box-shadow: 0px 13px 30px -12px rgba(0, 0, 0, 0.75);}

.headerbg.fixed .logo img{ width: 70px; }  
.heighthead.fixed{height:131px;}


@media (min-width: 1025px) and (max-width: 1199px) {
/* .headerbg.fixed .logo {width: 250px; padding: 15px 50px 15px 20px;} */
#menu-item-23 .sub-menu{width: 580px;}
/* .headerbg.fixed .topmenu {margin-top:13px;}
.headerbg.fixed .topmenu > ul > li > a { font-size: 13px; padding:8px 12px; } */
/* .headerbg.fixed .topmenu > ul > li:last-child > a {padding: 7px 15px;} */
}

 


.slide{width: 1200px; position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);}
.btitle {-webkit-transition:0.7s ease; transition: 0.7s ease; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; transition-delay: 300ms; -webkit-transform: scale(0);  -moz-transform: scale(0); -ms-transform: scale(0);  transform: scale(0);}
.btitle span{color: var(--white);}
.bcontent {-webkit-transition: 1s ease; transition: 1s ease; -webkit-transition-delay: 400ms; -moz-transition-delay: 400ms; transition-delay: 400ms; -webkit-transform: scale(0);
  -moz-transform: scale(0); -ms-transform: scale(0);  transform: scale(0);}
.active .bcontent, .active .btitle { -webkit-transform: scale(1);-moz-transform: scale(1);  -ms-transform: scale(1);transform: scale(1);}
.bcontent p span{color: var(--white);}
.btitle{ font-size:40px; font-weight: 700; line-height: 1; color: #00cec9; margin-bottom:10px;}
.bcontent{color:#00cec9; font-size: 16px; line-height: 1.5; max-width: 50%;}
 
.homeslider .owl-dots{position: absolute;left: inherit; bottom:40%;right: 15px;text-align: center;width: 30px;}
/*.homeslider .owl-dots > div{padding: 10px;}
.homeslider .owl-dot span{position: relative;}
.homeslider .owl-dot.active span:before{content:""; width: 19px; height: 19px; border-radius: 50%; border:1px solid #fff; position: absolute;left:-4px; top:-4px; display: block;}*/
/*.owl-item:nth-child(4n) .btitle{ color:#2F4557; }*/
  
.stripbg{background: url(../images/stripbg.jpg) center center no-repeat; background-size: cover; padding: 30px 0;}
.stripsec{display: flex; flex-wrap: wrap; align-items:center; justify-content:center; color: var(--white);}
.textleft{display: flex; flex-wrap: wrap; align-items: center;}
.textleft small{font-size: 24px; /*font-style: italic;*/ font-weight:600; margin-right: 10px;}
.textleft span{font-size: 26px; font-weight:600; display:flex; flex-wrap:wrap;}
.textleft span a{color: var(--white);}
.contactfor{display: inline-block; border:2px solid var(--white); border-radius: 30px; color: var(--white);font-family: 'PT Sans', sans-serif; font-size: 20px; font-weight: 700; padding: 10px 30px; margin:2px;}
.contactfor:hover{background: var(--sky-blue); color: var(--white); border-color:var(--sky-blue);}

.boxsec{padding: 50px 0;}
.blist > ul{display: flex; flex-wrap: wrap; margin:0 -6px; }
.blist > ul > li{ width: 38%; padding:5px; }
.blist > ul > li:nth-child(3){width: 24%;}
.box{border: 1px solid #dce8ef; border-radius: 10px; padding:25px 70px 25px 25px; height: 100%; position: relative; overflow: hidden;}
.bicon { position: absolute; right: 0; top: 0; display: flex; height: 65px; align-items: center; justify-content: center;  width: 56px;}
.bicon:before{ content:""; width:110px; height:110px; background: #00b894; display: inline-block; position: absolute; top: 0; right: 0; clip-path: polygon(100% 0, 0 0, 100% 100%);}
.bicon img{position: relative;}
.box h3{ font-family: 'PT Sans', sans-serif; font-size: 20px; font-weight: 700; margin: 0 0 5px; color: #00b894;}
.box ul{}
.box ul li{}
.box ul li a{position: relative; padding: 4px 15px; display: block; color: var(--text-color);}
.box ul li a:before{ content:""; width: 8px; height: 8px; background: #00b894; border-radius:3px; position: absolute; left: 0; top:7px;  display:inline-block; }

.blist > ul > li:nth-child(3) .box{ height:calc(50% - 5px); }
.blist > ul > li:nth-child(3) .box:first-child{margin-bottom: 10px;}
.blist > ul > li:nth-child(4){width: 100%;}
.bluebox{background: var(--blue); border-radius: 10px; overflow: hidden; height:100px;}
.bluebox > ul{width: 100%;}
.bluebox > ul > li{ width: 100%;background: #00b894;} 
.bluebox > ul > li a{color: var(--white); padding:15px 25px; display: block;background: #00b894;}
.bluebox > ul > li:nth-child(2n) a{background: var(--sky-blue);}
/* .bluebox > ul > li:nth-child(3) a{background: #00b894;} */

.bluebox li a{} 
/*.bluebox li {   height: 80px;  display:block; width: 100%; position: relative;  top: 0; left: 0; 
-webkit-animation:move 5s; -moz-animation:move 5s;  -ms-animation:move 5s;   -o-animation:move 5s;    animation:move 5s; 
-webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite;  -o-animation-iteration-count:infinite;        animation-iteration-count:infinite; 
-webkit-animation-delay:3s; -moz-animation-delay:3s; -ms-animation-delay:3s; -o-animation-delay:3s;   animation-delay:3s;
}
.bluebox li a{padding:0 25px; height: 100%; display:flex; align-items: center; }

@keyframes move{
0%  { top: 0px; }
33.33% { top: -80px; }
66.33% { top: -160px; }
/*75% { top: -240px; }
80% { top: -200px; }
}

@-webkit-keyframes move {
 0%  { top: 0px; }
33.33% { top: -80px; }
66.33% { top: -160px; }
}
@-moz-keyframes move {
0%  { top: 0px; }
33.33% { top: -80px; }
66.33% { top: -160px; }
}
@-o-keyframes move {
0%  { top: 0px; }
33.33% { top: -80px; }
66.33% { top: -160px; }
}
@keyframes move {
0%  { top: 0px; }
33.33% { top: -80px; }
66.33% { top: -160px; }
}
*/





.heading2{font-size: 46px;font-weight: 900; color: #00b894; }
.heading2 span, .importantbg h3 span{font-weight: 300;}

.centerheading{text-align: center; }
.centerheading .heading2{margin-bottom: 10px;}
.centerheading p{ color: var(--white); }
.importantbg .centerheading{margin-bottom: 30px;}

.importantbg{background:#00b894 url(../images/importantbg.jpg) center center no-repeat; background-size: cover; padding: 50px 0; overflow: hidden;}
.importantbg h2, .importantbg h3{color: var(--white); } 
.importantbg h3{margin: 0 0 10px; font-size:24px;}
.importantsec{display: flex; flex-wrap: wrap; margin: 0 -5px;}
.impbox{width:27%; padding: 5px;}
.importantsec .impbox:nth-child(2){ width: 46%; }

.loginlink{background: var(--light-blue); color: #00b894; padding: 25px; min-height: 130px; display:flex; align-items: center; width: 100%; margin-bottom: 10px; border-radius:10px; font-weight:600;}
.loginlink img{margin-right: 15px;}
.loginlink small{font-size:14px;}
.loginlink:hover{background: var(--sky-blue); color: var(--white);}
.loginlink:hover img{ filter: brightness(110); }
.impbox .nav{justify-content: center; border: none;}
.impbox .nav li{padding: 0 2px;}
.impbox .nav li a{ display: block; padding: 10px 20px; min-width: 150px; text-align: center; background:var(--blue); color: var(--white); border-radius:10px 10px 0 0;}
.impbox .nav li a.active{ background: var(--white); color: #00b894;}

.tabtext .tab-pane{background: var(--white); padding: 15px; border-radius: 10px; min-height:270px;}
.tabtext .tab-pane ul{display: flex; flex-wrap: wrap; margin:0 -2px;  }
.tabtext .tab-pane ul li{width: 25%; padding: 2px;}
.tabtext .tab-pane ul li a{display: block; text-align: center; min-height: 66px; padding: 10px 0px; border-radius: 4px; border: 1px solid lightblue; }
.tabtext .tab-pane ul li a:hover{border:1px solid #a5d7f9;}
.tabtext .tab-pane ul li a span{display: block;padding-top: 5px;}

.tabtext #recent ul li a img{ max-height: 30px; }
.tabtext #erp ul li a img{ max-height: 40px; }
.tabtext #erp ul li a{ min-height: 130px; border:1px solid #a5d7f9; padding: 15px 5px; }
.tabtext #erp ul li a:hover{background: var(--light-blue);}
.tabtext #erp ul li a span{}

.font12 span{font-size:12px;}

.notificationbox{margin-bottom: 10px;}
.notificationbox > a{padding: 15px; background: var(--white); border-radius: 10px; display: block;}
.noteicon{display: flex; align-items: center; margin-bottom: 8px;}
.noteicon img{margin-right: 5px; }
.dates{background: var(--light-blue); padding: 3px 8px; border-radius: 3px; font-size: 13px; display: inline-block;}
.notificationbox > a:hover .dates{background: var(--white);}
.notificationbox > a:hover{background:var(--light-blue); color: var(--text-color);}

.scrollmarque{width: 100%; height: 100%; overflow:hidden; }

.studybg{background:var(--white) url(../images/pattern.png) center center repeat; padding: 50px 0;}
.studysec{display: flex; flex-wrap: wrap; justify-content: space-between;}
.leftheading{width: 38%;}
.leftheading .heading2{ margin-bottom: 10px;}
.leftheading p{font-size: 18px;margin: 0;color: #00b894; }
.studysec ul{display: flex; justify-content: center; width: 58%;}
.studysec ul li{width: 33.33%; padding: 15px; text-align: center;}
.counts{font-size:50px; font-weight: 900; color: #00b894;}
.counts span{ display: block; font-size: 18px; font-weight: 700;}

/*.eventbg{background:var(--light-blue) url(../images/eventbg.jpg) center center no-repeat; background-size: cover; padding:50px 0;}*/
.eventbg{background:#a0f9e0  center center no-repeat; background-size: cover; padding:50px 0;}
.eventbox{position: relative; }
.eventcont{position: absolute; left: 0; top:calc(100% - 68px); width:80%; clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%); background:#00b894; color: var(--white); padding:15px 20px;}
.eventcont h3{font-size:18px; margin: 0; color:var(--white); overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; line-height: 1.2;}
.eventcont p{ display: none; margin-top: 10px;}
.eventimg{display: block; height:300px;}
.eventimg img{width: 100%; height: 100%; object-fit: cover;}
.eventbox:hover .eventcont{ padding: 30px; top:0; height: 100%; width: 100%; background:rgba(1, 35, 64, 0.9);clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
.eventbox:hover .eventcont p{display:block;}
/*.eventbox:hover .eventcont h3{ -webkit-box;-webkit-line-clamp:4;}*/

.deskbg{padding: 50px 0;}
.desklist{}
.desklist ul{display: flex; flex-wrap: wrap; margin: 0 -10px;}
.desklist ul li{width: 50%; padding:20px; border-top:2px dashed #c2def0;}
.desklist ul li:nth-child(1), .desklist ul li:nth-child(2){border-top:none; /*padding-top: 0;*/}
.desklist ul li:nth-child(2n){border-left:2px dashed #c2def0; padding-right: 0;}

.deskbox{display: flex; flex-wrap: wrap; align-items:center; justify-content: space-between;}
.deskcont{width: calc(100% - 200px);}
.deskcont h3{margin: 0 0 5px; font-size: 22px; color: #00b894;}
.deskcont h4{margin: 0; font-weight: 600; font-size: 15px; color: var(--blue);font-family: 'PT Sans', sans-serif; margin: 0 0 5px;}
.deskcont p{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical; margin-bottom: 5px; line-height: 1.4;}
.deskimg{ width: 170px;height: 170px; padding: 10px; background: #a0f9e0; border-radius:5px; position: relative; }
.deskimg img{display: block; object-fit: cover; width: 100%; height: 100%; border-radius: 4px;}
.deskimg:after { top: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute;  pointer-events: none; border-color: rgba(225, 243, 255, 0);border-width: 15px; margin-top: -15px;}
.desklist ul li:nth-child(1) .deskimg:after, .desklist ul li:nth-child(3) .deskimg:after, .desklist ul li:nth-child(5) .deskimg:after {right: 100%; border-right-color: #a0f9e0;}
.desklist ul li:nth-child(2n) .deskimg:after {left: 100%;border-left-color: #a0f9e0;}

.morebtn{background: #00b894; color: var(--white); border-radius: 4px; padding: 5px 15px; display: inline-block; font-size: 13px;}
.morebtn:hover{background: var(--sky-blue); color: var(--white); }
.desklist ul li:nth-child(1), .desklist ul li:nth-child(3), .desklist ul li:nth-child(5){ padding-left: 0;}
.desklist ul li:nth-child(1) .deskimg, .desklist ul li:nth-child(3) .deskimg, .desklist ul li:nth-child(5) .deskimg{order: 2;}


/*clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);*/
/*.aboutbg{background:var(--light-blue) url(../images/aboutimg.jpg) center right no-repeat; background-size:55% auto; padding:60px 0px 80px; position: relative;}*/
.aboutbg{background:#a0f9e0  center right no-repeat; background-size:55% auto; padding:60px 0px 80px; position: relative;}
.aboutbg:before{ content:""; clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%);background:#a0f9e0; position: absolute; left:0; top: 0; width:52%; height: 100%;   }
.aboutbg .container{position: relative;}
.aboutcont{width:39%;}
.aboutcont h2{  margin-bottom: 15px;}
.aboutcont p{line-height: 1.7; margin-bottom: 20px;}
.morelink{background: #00b894; color: var(--white); border-radius: 30px; padding:13px 30px; min-width: 150px; font-size: 15px; text-align: center; display: inline-block;}
.morelink:hover{background:#00cec9;color: var(--white);}
.dpbg{padding: 50px 0;}
.dpsec{display: flex; flex-wrap: wrap; margin: 0 -15px;}
.dpsec h3{margin-bottom: 5px; font-size: 22px; color: #00b894; border-left:4px solid var(--sky-blue); padding:0 10px; display: flex; justify-content: space-between; align-items: center;}
.dpsec h3 a{font-size: 14px; color: var(--blue);}
.box3{width: 50%; padding:15px;}
.box3 ul{display: flex; flex-wrap: wrap; margin: 0 -5px;}
.box3 ul li{padding:5px; width: 33.33%;}
.bgbox{display: block; height:130px; border-radius: 5px;overflow: hidden; background: #00b894; position: relative;}
.bgbox img{object-fit: cover; width: 100%; height: 100%; opacity: 0.4;}
.bgbox span{display: block; position: absolute; left: 0; bottom: 0; padding: 15px; color: var(--white); font-size: 16px;}

.contactbg{background:var(--blue) url(../images/contactimg.jpg) center right no-repeat; background-size:cover; padding: 60px 0;}
.contactbg h2, .contactbg p a{color: var(--white);}
.addtext{color: var(--light-blue); position:relative; padding-left: 30px; margin-top: 25px; font-size: 15px; font-weight: 300; line-height: 1.4;}
.addtext .fa{position: absolute; left: 0; width: 18px; font-size: 18px; text-align: center;}
.addtext a{color: var(--white); }
.addtext.number a{font-size: 18px; font-weight: 700;}

.searchbox{ display:flex; justify-content:center; padding:8px; border-radius:5px; background:var(--blue); margin-bottom:15px;}
.searchbox ul{width:100%; display:flex; flex-wrap:wrap; justify-content:center; background:var(--gray); padding:10px 15px; border-radius:5px;}
.searchbox ul li{ min-width:200px; padding-right:5px;}
.searchbox ul li:nth-child(2){width:300px;}
.searchbox .inputsec{border:none; background:var(--white); width:100%; padding:10px 15px; border-radius:4px; min-height:40px;}
.searchbox button{width:100%; background:var(--blue);color:var(--white); border:none; min-height:40px;border-radius:4px;}

.sectionbox{width:100%;display:flex; flex-wrap:wrap; justify-content:space-between; }
.sidefilter{width:280px;border:1px solid var(--light-gray); border-radius:5px;}
.filtertitle{background:#00b894; color:var(--white); padding:10px 15px; border-radius:4px 4px 0px 0px;font-size:16px;display:flex;justify-content:space-between;}
.boxs{ padding:0 15px;  }
.boxs h4{margin:15px 0 5px; font-size:15px; color:#00b894;}
.boxs ul{max-height:120px; overflow:auto;}
.boxs ul::-webkit-scrollbar {width: 6px; background-color: #F5F5F5;border-radius: 10px;}
.boxs ul::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);  background-color: #F5F5F5; border-radius: 10px;}
.boxs ul::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); background-color:var(--sky-blue);}
 
.boxs li label{display:flex; align-items:center; font-size:14px;text-transform:capitalize;}
.boxs li label input{margin-right:5px;}
.boxs li label input[type=checkbox]:checked + span{ color:var(--blue)}

.pagingsec{width:100%;display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center;color:#00b894; }
.paginations ul{display:flex;flex-wrap:wrap; }
.paginations ul li{padding:2px;}
.paginations ul li a{display:block;cursor:pointer; min-width:26px; height:26px; line-height:24px; padding:0 5px; text-align:center; border:1px solid var(--light-gray); border-radius:3px; color:#00b894;}
.paginations ul li a:hover{background:var(--light-gray);}
.paginations ul li.active a, .paginations ul li a.current{background:#00b894;border-color:#00b894; color:var(--white)}

.paginations ul li.prev, .paginations ul li.next{padding:5px; cursor:pointer;}


.listarea{width:calc(100% - 300px);}
 
.line-content.active{display:block!important;}




.searchlist ul::-webkit-scrollbar {width: 6px; background-color: #F5F5F5;border-radius: 10px;}
.searchlist ul::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);  background-color: #F5F5F5; border-radius: 10px;}
.searchlist ul::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); background-color:var(--sky-blue);}
 




.searchlist{position:relative;min-height:100px;}
.searchlist > ul{max-height:580px; overflow:auto;}
.searchlist > ul > li{ padding:5px 0;}
.listbox{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border:1px solid var(--light-blue);border-radius: 5px;}
.proimg {width: 140px;  height: 150px; padding: 8px; background: var(--light-blue); border-radius: 5px 0px 0px 5px;  position: relative;}
.proimg:after { top: 50%;  border: solid transparent;  content: "";  height: 0;  width: 0;  position: absolute;  pointer-events: none; border-color: rgba(225, 243, 255, 0);
    border-width: 15px;  margin-top: -15px; left: 100%; border-left-color: #e1f3ff;}
.proimg img{width:100%; height:100%; object-fit:cover;border-radius:4px; background:var(--white);}

.protext{width:calc(100% - 180px);}
.protext h3{margin: 0 0 10px; font-size: 20px;color:#00b894;}
.protext p{margin:0 0 8px;}
.protext p span{padding-right:15px;}
.protext p a{color:var(--blue)}

.showcont{position:relative; padding-left:18px; display:block; margin-bottom:5px; color:var(--text-color); cursor:pointer;}

.showcont:before{content:""; width:13px; height:13px; border:1px solid #767676; display:block; position:absolute; left:0px; top:2px; border-radius:3px;}
.showcont.active:before{background:#0075ff;border-color:#0075ff;}
.showcont.active:hover:before{background:#0268e1;}
.showcont.active:after{content:""; width:5px; height:8px;  border-bottom:2px solid var(--white); border-right:2px solid var(--white); display:block; position:absolute; left:4px; top:3px; transform:rotate(45deg);}

.add-content .table {  margin-top: 15px;  border: 1px solid var(--light-blue);}

.loader {border: 10px solid #f3f3f3;  border-top: 10px solid #3498db;  border-radius: 50%;  width: 60px;  height: 60px;  position: absolute;  animation: spin 1s linear infinite;
    z-index: 2;  left: 46%;   top: 46%;}

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








.owl-nav{}
.owl-nav button{position:absolute; top: 38%; border:none; /*transform:translate(0, -50%);*/}
.owl-nav button span{width: 36px; height: 40px; line-height: 40px; display: inline-block; font-size: 0; background:var(--light-blue) url(../images/arrow.png) center center no-repeat; border-radius:5px 0px 0px 5px;}
.owl-nav button.owl-next{ right: 0; }
.owl-nav button.owl-prev{ left: 0; transform: rotate(180deg); }
.owl-dots{display: flex; align-items: center; justify-content: center;}
.owl-dots button{ width: 12px; height: 12px; border: 1px solid #00b894 !important; background:#a0f9e0 !important; border-radius: 50%; margin: 4px; }
.owl-dots button.active{ background: #d63031 !important; }

.homeslider .owl-dots{flex-wrap: wrap; width:24px;}
.semesterChart text{fill:#00b894!important;text-decoration:none!important;}
.testimonialbg{padding: 60px 0; background: #a0f9e0;}
.testimonialsec{display: flex; justify-content: space-between;}
.testimonialsec .leftheading{ width:40%; border-left: 4px solid var(--blue); padding: 30px; display: flex; flex-wrap: wrap; align-items: center;}
.testimonialslide{width: 58%;}
.tbox{background: #00b894; border-radius: 5px; padding:35px 10px; text-align: center; color: var(--white); margin-bottom: 15px;}
.timg{width: 100px; height: 100px; border-radius: 10px 0px 10px 0; overflow: hidden; margin: 0 auto;}
.timg img{object-fit: cover; width: 100%; height: 100%;}
.tbox h4{background:url(../images/comma.png) center top no-repeat; padding-top:35px; margin:20px 0px 10px; color: var(--white); font-size: 18px; font-weight: 600;}
.tbox p{color: var(--light-blue); font-size: 13px; min-height: 50px;}

.graybg{background:var(--gray);}
.graybg .centerheading p{color:#00b894}
.semesterChart{padding:15px; background:var(--white); border-radius:10px;}


.importantlinkbg{padding: 50px 0;} 
.logos a{display: block; border: 1px solid var(--light-blue); border-radius:5px; overflow: hidden;}
.logos a img{max-height:84px; object-fit: contain;}

/*.footerbg{background:#00b894 url(../images/footer-pattern.png) center top repeat; padding: 50px 0; }*/
.footerbg{background:#a0f9e0 url(../images/footer-pattern.png) center top repeat; padding: 50px 0; }
.footerlinks{display: flex; flex-wrap: wrap;}
.footerlinks h4{ font-family: 'PT Sans', sans-serif; font-size: 20px; font-weight: 700;}
.footerlinks h4, .footerlinks a{color: var(--white);}

.fmenu{width: 20%; padding-left:30px;}
.fmenu ul li a{padding: 5px 0; display: block;}
.flogo{width: 25%;}
.flogo a{ display: flex; align-items: center; font-size: 16px; font-weight: 700;}
.flogo a img{max-height: 70px; margin-right: 10px;}
.socials{width: 15%;}
.socials ul{display: flex;}
.socials ul li{ padding: 0 5px; }

.copyright{text-align: center; padding: 15px; color:white; font-size: 13px; background:#00b894;}
.copyright a{color: var(--light-blue);}

#back-top{position: fixed; right: 30px; bottom:15px;}
#back-top a i{width: 30px; height: 30px; background: var(--blue); text-align: center; line-height: 30px; color: #fff; font-size: 20px; border-radius: 4px; cursor: pointer;}



.contact-address-section1 iframe{display:block;}
.contact-address{background:#a0f9e0;padding:5%;}
.contact-address > div > div{margin-bottom:20px;}
.contact-address h4{margin:0;color:#00b894;}

.list-group-flush {flex-direction: inherit; flex-wrap: wrap;margin:0 -0.5%;}
.list-group-flush > li{border:1px solid #f1f1f1!important; width:49%;margin:0.5%; }

.tablsepad.table-bordered th {background:var(--blue); border-color:var(--blue); color:var(--white);}


.rs-gallery .card{border:none;}
.rs-gallery .card-header { padding:0; border:1px solid #f1f1f1; background:#f1f1f1;   }
.rs-gallery .card-header a{ padding: .75rem 1.25rem; display:block;}
.rs-gallery .card-body{ border:1px solid #f1f1f1;}
.rs-gallery .card-link{position:relative;}
.rs-gallery .card-link.collapsed:after {content: "+"; position: absolute; right: 0; width: 30px; text-align: center; font-size: 18px;}

.paging{}
.paging ul{display:flex; justify-content:center; align-items:center;}
.paging ul li{padding:3px; font-size:18px;}
.paging ul li button {border: none;font-size:14px; border-radius: 4px; line-height: 30px; height: 30px; padding: 0px 10px; background: #00b894; color: var(--white);}


.toptabsec .nav{justify-content:center;}
.toptabsec .nav li{padding:0 2px; margin-bottom:-1px;}
.toptabsec .tab-content{ border:1px solid var(--sky-blue); padding:20px 10px;}
.toptabsec .nav-pills .nav-link{background-color:var(--sky-blue); color:var(--white); border-radius:4px 4px 0 0 ;border:1px solid var(--sky-blue); padding:8px 15px; }
.toptabsec .nav-pills .nav-link.active, .toptabsec .nav-pills .show>.nav-link { color:var(--blue); background-color:var(--white); border:1px solid var(--sky-blue); border-bottom:1px solid var(--white); }
.toptabsec .tab-content p{margin-bottom:3px;}
.imp-card-link .card-body { border: none!important;  background: var(--white); padding:0;}
.imp-card-link .card-body a{color:var(--blue); display:block; padding:15px; height:100%;}

 
.action-buttons{text-align:center;}

.flexsec{display:flex;flex-wrap:wrap; align-items:center; background:#a0f9e0;}
.flexsec > div{width:50%;}
.flexsec:nth-child(2) > div.imgs{order:2;}
.imgs{height:440px;}
.imgs img{width:100%; height:100%; object-fit:cover;}
.abtaxt{padding:30px;}
.abtaxt h2{font-size:32px; margin:0 0 5px;}
.abtaxt ul{margin-bottom:15px; list-style:disc; margin-left:18px;}
.abtaxt ul li{padding:2px 0;}

.field{ height: 44px;border: none; width:0px;  position: absolute; right: 40px; top: 0;}
.field.active{width:250px;padding:10px 15px;-webkit-transition: width 0.3s; -moz-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s;}
.searchsec{position: relative;}
.search { width:40px; height:44px; background:var(--light-blue); color:var(--blue); cursor: pointer;  display: flex; align-items: center; justify-content: center; font-size: 18px;   }
.searchsec ul{list-style: none; padding: 0; margin: 0; position: absolute; right: 0; top:44px; z-index:999; width: 290px; border:1px solid #f1f1f1; border-top:0; border-radius:0 4px 4px 0; background:var(--white); max-height:350px; overflow:auto;}
.searchsec ul li{ border-top:1px solid #f1f1f1; }
/* .searchsec ul li:first-child{border:none;} */
.searchsec ul li a{padding:10px 15px; display: block; text-decoration:none; }
.searchsec ul li a:hover{background:var(--light-blue);}

.searchsec ul::-webkit-scrollbar {width: 6px; background-color: #F5F5F5;border-radius: 10px;}
.searchsec ul::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);  background-color: #F5F5F5; border-radius: 10px;}
.searchsec ul::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); background-color:var(--sky-blue);}
 


@media (max-width: 1440px) {
 .stripbg{padding: 20px 0;}
} 



@media (min-width: 767px) and (max-width:1024px) {
 .abtaxt p{font-size:13px;}
.imgs{height:550px;}
}
 

@media (max-width:1199px) {
.container{max-width: 980px;}
.heighthead.fixed{height:125px;}
 .slide{max-width: 94%;}
 .bleft{width: 70%;}
 .btitle{font-size: 30px;}
 .topmenu > ul > li > a{font-size: 14px;padding:9px 8px;}
 .sublinks > a:after{margin-top: -4px;}
.textleft small, .leftheading p{font-size: 18px;}
.textleft span {font-size: 24px;}
.morelink {padding: 9px 25px;}
.contactfor{font-size: 17px; padding:8px 20px;}
.counts{font-size: 40px;}
.heading2{font-size: 40px;}
.importantbg h3 {font-size: 20px; margin-bottom: 15px;}
.container{max-width: 980px;}
.box{padding: 20px 60px 20px 20px;}
.aboutcont {width: 45%;}
.addtext{margin-top: 10px;}
.footerlinks h4{font-size: 18px;}
.testimonialsec .leftheading{width: 40%;}
.testimonialslide {width: 58%;}
.fmenu ul li a {font-size: 13px;}
.flogo a img {max-height: 60px;}
.flogo a{font-size: 15px;}
.boxsec, .importantbg, .studybg, .eventbg, .deskbg, .aboutbg, .dpbg, .contactbg, .testimonialbg, .importantlinkbg, .footerbg{padding: 40px 0;}

}

 

@media (max-width:1000px) { 
.container{max-width:750px;}
.headerbg .container{max-width:100%;}
.heading2 {font-size: 32px;}

.navicon{display: block; float: right; cursor: pointer; position: absolute; top:20px; right:15px; z-index: 99; width: 30px; height: 30px; padding-top: 15px;}
.navicon span{ width:18px; height: 2px; background:#fff; position: relative; display: block;}
.navicon span:before, .navicon span:after{content:""; width: 25px; height: 2px; background:#fff; display: block; position: absolute; left: 0;}
.navicon span:after { width: 18px;  }
.navicon span:before{top: -6px;   }
.navicon span:after{bottom: -7px; }
.navicon.active{position: fixed;}
.navicon.active span{ background: none;}
.navicon.active span:before{ transform: rotate(-48deg);background: #ccc;}
.navicon.active span:after{ transform: rotate(45deg); bottom: 6px;background: #ccc;}
.active span:before, .navicon span:after { width: 18px; }
.inner-sub-menu{position:relative;}
ul .__sub-menu{border:none; height:auto; overflow:inherit; padding:0 12px;}

.headerbg.fixed .topmenu { }
.topmenubg { margin: 0; box-shadow: 0 0 3px #ccc; background:#fff; position: fixed;top: 0;right: 0; z-index: 9; width: 250px; padding:25px 0; height: 100%; overflow-x: hidden; overflow: auto; -webkit-font-smoothing: antialiased;  transform-origin: 0% 0%;  transform: translate(100%, 0);  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
.topmenubg.showmenu{ transform: translate(0%, 0); }
.topmenu > ul{flex-wrap: wrap;}
.topmenu > ul > li{width: 100%;border:none; position: relative; border-top:1px solid #f0f3f6;}
.topmenu > ul > li:first-child{border: none;}
.topmenu > ul > li > a { color:#2f4557;padding: 10px 0px;}

.ddclick{position: absolute; right: 0; top: 0; width: 32px; height:42px;/* background:#ccc;*/ cursor: pointer;color:#405464;}
.ddclick:before {content: "+";display: inline-block; width: 100%; text-align: center; line-height: 42px; font-size: 24px;}
.ddclick.active:before {content: "-";}
.sub-menu{ display: none;} 
.sub-menu li a {padding: 5px; display: block;}
.sublinks2{position: relative;}
.topmenu > ul > li > ul > li > a{padding: 10px;}
.sublinks2  li a {padding: 4px 15px; font-size: 13px;}

.headerbg.fixed{top: 0;}
.rightlink{margin-right:40px;}
.logo img{width: 80px;}

/* .textleft {width: 65%;}
.textleft small{width: 100%;} */
.blist > ul > li{width: 50%;}
.blist > ul > li:nth-child(3) {width: 100%; display: flex; flex-wrap: wrap;}
.blist > ul > li:nth-child(3) .box {height: 124px; width: calc(50% - 5px);}
.blist > ul > li:nth-child(3) .box:first-child{ margin-right: 10px;}

.impbox {width:50%;}
.scrollmarque{height: 270px;}
.importantsec .impbox:nth-child(2) {width:100%; order: 3;}
.impbox .nav { justify-content: inherit; margin-left: 10px;}
.notificationscrol{order: 2;}
 

.leftheading{text-align: center;}
.leftheading, .studysec ul{width: 100%;}
.counts {font-size: 30px;}
.counts span {font-size: 15px;}

.desklist ul li{padding: 10px;}
.deskimg {width: 130px; height: 130px; padding: 5px;}
.deskcont {width: calc(100% - 140px);}
.deskcont h3 {font-size: 16px; font-weight: 600;}
.deskcont h4 {margin: 0; font-size: 14px;}
.deskcont p {line-height: 1.3; font-size: 13px;}
.aboutcont p {line-height: 1.4; margin-bottom: 10px; font-size: 13px;}
.aboutcont h2 { margin-bottom: 5px;}
.box3 {width: 100%;}
.dpsec h3{font-size: 18px;}
.testimonialsec{flex-wrap: wrap;}
.testimonialsec .leftheading{padding: 15px; border: none;}
.testimonialsec .leftheading, .testimonialslide{width: 100%;}

.toptabsec .nav-pills .nav-link {border-radius: 4px; border: 1px solid var(--sky-blue)!important; margin-bottom: 3px;}
.boxsec, .importantbg, .studybg, .eventbg, .deskbg, .aboutbg, .dpbg, .contactbg, .testimonialbg, .importantlinkbg, .footerbg {    padding: 30px 0;}
}


@media (max-width: 991px) {
.list-group-flush > li{width:99%;}
}
 
.rs-breadcrumbs{min-height:215px;}
.noticepagesec{min-height:280px;}

@media (max-width: 767px) { 
.rs-breadcrumbs {min-height: 140px;}
.noticepagesec{min-height:200px;}
.sidefilter, .listarea{width:100%;}	
.filtertitle{border-radius:5px;}
.listarea{margin-top:10px;}
.boxs{display:none;}
.sidefilter.active .boxs{display:block;}
.protext {width: calc(100% - 90px);}
.listbox{padding: 10px 15px;/*text-align:center;*/}
.proimg{/*margin:0 auto 10px;*/ width:80px; height:80px; padding:4px;}
.proimg:after{border-width:5px; margin-top:-5px;}
.protext h3{font-size:16px; margin:0 0 5px;}
.protext p {margin: 0 0 4px;}


body{font-size: 13px;}
h2{font-size:24px;}
.imglistsec img{max-width:170px;}
.lilist6 li{width:50%; }
.__vertical-tabs-section .tabs-v{display:block!important;}
.tabs-v img{max-width:160px; max-height:160px; margin:0 auto 10px; display:block;}
.txt-tab h3{font-size:20px;}
.__vertical-tabs-section .tabs-v .txt-tab .txt-tab-overflow{height:auto!important; max-height:500px!important;}

.bcontent p{ display: none; }
.btitle {font-size: 22px; line-height: 1.2;}
.textleft { width: 100%; text-align: center; justify-content: center; padding-bottom: 10px;}
.morelink{display: none;}

.contactfor {font-size: 14px; padding: 5px 15px; margin:2px;}
/* .contactfor{display:block; margin: 0 auto;} */
.textleft span { font-size: 20px;}
.blist > ul > li {width: 100%;}
.blist > ul > li:nth-child(3) .box { width: 100%;}
.blist > ul > li:nth-child(3) .box:first-child { margin-right: 0;}
.heading2 { font-size: 26px;}

.impbox {width: 100%;}
.importantbg h3 {margin-bottom: 5px;}
.notificationscrol{margin-bottom: 15px;}
.impbox.logtabs{ width: 100%; display: flex; flex-wrap: wrap;}
.loginlink img { margin-right: 10px; width: 30px;}
.logtabs h3, .importantbg h3{width: 100%; text-align: center;}
.logtabs a {width:calc(50% - 5px); padding: 15px; min-height: auto;}
.logtabs a.adminlogs{margin-right: 10px;}
.tabtext .tab-pane ul li { width: 50%;}
.tabtext .tab-pane ul li a{border: 1px solid #a5d7f9;}
.counts { font-size: 22px;}
.counts span {font-size: 13px;}
.desklist ul li{width: 100%; padding:10px 0!important; border: none!important; border-top:1px dashed #c2def0!important;}
.desklist ul li:first-child{border-top:none!important;}
.deskimg {width: 100px; height: 100px;}
.desklist ul{margin: 0;}
.deskcont {width: calc(100% - 120px);}
.deskcont p{-webkit-line-clamp: 3;}
.aboutcont {width: 100%;}
.aboutbg:before{display: none;}
.aboutbg {background: var(--light-blue);}
.logo img {width: 70px;}
.logo a span {font-size: 13px;}
.logo a span small {font-size: 13px;}

.flogo {width: 100%; margin-bottom: 30px;}
.socials{ margin-top:30px; }
.footerlinks h4{font-size: 16px;}
.fmenu, .socials{width:100%; padding-left: 0;}
.fmenu > h4{position: relative; padding:10px 0; border-bottom: 1px solid #518bad; margin: 0;}
.fmenu > h4:after{ content:""; width: 8px; height: 8px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); display:inline-block; position: absolute; right:5px; margin-top: 5px; }
.fmenu > h4.active:after{transform: rotate(0deg);}
.fmenu > ul{display: none;}
.fmenu > ul.active{display: block;}

.fmenu ul li a{padding: 7px 15px; position: relative;}
.fmenu ul li a:after{ content:""; width: 8px; height: 8px; border-radius:2px; background:var(--sky-blue); display:inline-block; position: absolute; left:0px; top: 10px; }

.vision-desc h2{font-size:24px;}

.toptabsec .nav-pills .nav-link{padding:5px 10px;}
.flexsec > div{width:100%;}
.flexsec > div.imgs{order:2;}
.imgs {height: auto;}
}
 

@media (max-width: 639px) {
 .rightlink { margin: 5px 0 0; width: 100%; display: none;}
.bgbox{height: 110px;}
.bgbox span { padding:10px; font-size: 14px;}

.searchbox ul li {min-width: 100%; padding: 0 0 5px;}
}
 

@media (max-width: 479px) {
.listbox{position:relative; padding:10px 10px 30px;}
/* .phonemail{position:absolute; left:15px; bottom:5px;} */
.depart-add span{display:block;}
.btitle { font-size: 20px;}
 .bgbox span { padding: 7px; font-size: 13px;}

 .homeslider.owl-carousel .owl-item img {width: inherit; max-width: inherit;  height: 170px;}
}
 

 




/* Second MY-TABS VERTICAL */
.__vertical-tabs-section .tabs-v { position: relative; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center;}
.__vertical-tabs-section .tabs-v label { position: relative; order: 1; display: flex; justify-content: flex-start; align-items: center; width: 325px; /* height: calc(500px / 8); */   padding: 10px 15px; margin-bottom: 0; background-color: transparent; cursor: pointer;  transition: background-color 500ms ease-in-out;}
.__vertical-tabs-section .tabs-v label > img {width: 30px;height: auto; filter: saturate(0);  transition: all 500ms ease-in-out;}
.__vertical-tabs-section .tabs-v label > p {  padding: 0 0 0 15px;  margin: 0;  font-family: sans-serif;  font-size: 0.8em;  color: #909090;  text-transform: uppercase;  transition: all 500ms ease-in-out;}
.__vertical-tabs-section .tabs-v label:hover {  background-color: rgba(0, 0, 0, 0.03);}
.__vertical-tabs-section .tabs-v label:hover > img { filter: hue-rotate(185deg);}
.__vertical-tabs-section .tabs-v label:hover > p { color: var(--c1);}
.__vertical-tabs-section .tabs-v .tab-content { position: absolute; top: 0; right: 0; width: calc(100% - 350px); padding: 0; margin: 0; display: none; height:100%; border:1px solid #f1f1f1}
.__vertical-tabs-section .tabs-v .tab-content > div {display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; background-color: #fff;}
/* .__vertical-tabs-section .tabs-v .tab-content > div > div { height: 500px;} */
.__vertical-tabs-section .tabs-v .txt-tab {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;  /* width: 50%; */ padding: 4vh calc(1vw + 15px);}
.__vertical-tabs-section .tabs-v .txt-tab .txt-tab-overflow {max-height: 650px; overflow: auto; padding-right: 5px;} 
.__vertical-tabs-section .tabs-v .txt-tab .txt-tab-overflow::-webkit-scrollbar {width: 6px; background-color: #F5F5F5;border-radius: 10px;}
.__vertical-tabs-section .tabs-v .txt-tab .txt-tab-overflow::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);  background-color: #F5F5F5; border-radius: 10px;}
.__vertical-tabs-section .tabs-v .txt-tab .txt-tab-overflow::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); background-color:var(--sky-blue);}

.__vertical-tabs-section .tabs-v > input { display: none;}
.__vertical-tabs-section .tabs-v > input + label::before { content: ""; position: absolute;  left: 100%;  top: 50%;  transform: translateY(-50%);  width: 0;  height: 0;  border: 0 solid transparent;  border-right: 0;  transition: all 500ms ease;  z-index: 1;}
.__vertical-tabs-section .tabs-v > input + label::after {  content: "";  position: absolute;  right: 0;  top: 50%;  transform: translateY(-50%);  width: 1px;  height: 100%;  background-color: #ccc;  transition: all 500ms ease;}
.__vertical-tabs-section .tabs-v > input:checked + label {  background-color:var(--blue); color:var(--white)}
.__vertical-tabs-section .tabs-v > input:checked + label::before {  border: 8px solid transparent;  border-right: 0;  border-left-color: var(--c1);}
.__vertical-tabs-section .tabs-v > input:checked + label::after {  width: 5px;  background-color: var(--c1);}
.__vertical-tabs-section .tabs-v > input:checked + label > img {  filter:brightness(1); /*  hue-rotate(185deg) */}
.__vertical-tabs-section .tabs-v > input:checked + label > p {  color: var(--c1);}
.__vertical-tabs-section .tabs-v > input:checked + label + .tab-content {  display: block;}

.__vertical-tabs-section .tabs-v {  margin-bottom: 10%;}
.__vertical-tabs-section .dn {display: none !important;}

.__vertical-tabs-section .my-btn {position: relative;  display: inline-block;  padding: 15px 25px;  border-style: solid;  border-width: 2px; border-radius: 2px;  box-sizing: border-box;  transition: all 350ms ease-in-out;  font-size: 1em;  line-height: 1;  text-decoration: none;  text-align: center;  color: #151515;  background-color: transparent;  border-color: #151515;}
.__vertical-tabs-section .my-btn:hover {  color: #fff;  background-color: var(--c1);  border-color: var(--c1);}

.__vertical-tabs-section .tabs-v label{border:1px solid #f1f1f1; margin:2px 0;}
.__vertical-tabs-section .tabs-v > input + label::after{width:0!important;}
.__vertical-tabs-section .tabs-v > input:checked + label::before {  border-left-color:var(--blue)!important;}
.tab-content div{width:100%;}

.contact-add{flex-wrap:wrap;}
.contact-add > div{min-width:50%;width:50%;}
.contact-add > div iframe{display:block;}
.newpost {background: red; color: #fff;display: inline-block;padding: 2px 5px;position: absolute;border-radius: 0px 0px 0px 4px;right: 0;top: 0;}
.paging ul li button:disabled {background-color: #bfbfbf;cursor: not-allowed;}
@media only screen and (max-width: 1239px) {
  .__vertical-tabs-section .tabs-v { flex-direction: row;  }
  .__vertical-tabs-section .tabs-v label { display: block;  width: calc(100% / 4);  height: auto;  padding: 15px 0 20px;  text-align: center;  }
  .__vertical-tabs-section .tabs-v label > img { width: 50px;  }
  .__vertical-tabs-section .tabs-v label > p { padding: 15px 10px 0; }
  .__vertical-tabs-section .tabs-v > input + label::before { display: none;  }
  .__vertical-tabs-section .tabs-v > input + label::after {right: auto; left: 50%; top: auto; bottom: 0; transform: translateX(-50%); width: 100%; height: 1px; border: none;  }
  .__vertical-tabs-section .tabs-v > input:checked + label::after { width: 100%; height: 5px; background-color: var(--c1);}
  .__vertical-tabs-section .tabs-v .tab-content { order: 2; position: relative; width: 100%; }
  .__vertical-tabs-section .tabs-v .tab-content > .reverse-tab > .txt-tab {     order: 2;  }
  .__vertical-tabs-section .tabs-v .tab-content > div > div { width: 50%; height: auto;  }
  .__vertical-tabs-section .tabs-v .txt-tab { min-height: 25vh; }
}

@media only screen and (max-width: 959px) {
  .__vertical-tabs-section .tabs-v .tab-content > div > div { width: 100%; padding-right:0px;  }
  .__vertical-tabs-section .tabs-v .tab-content > .reverse-tab > .txt-tab { order: 0;  }
}

@media only screen and (max-width: 767px) {
	.contact-add > div { min-width: 100%; width: 100%;}
	.contact-add > div iframe{height:245px;}
  .__vertical-tabs-section .tabs-v label { width:100%;  padding: 15px 0;  }
  .__vertical-tabs-section .tabs-v label > img { display: none;  }
  .__vertical-tabs-section .tabs-v label > p { padding: 0;  }
  .__vertical-tabs-section .tabs-v [class*="img-tab"] { min-height: 25vh;  }
}

@media only screen and (max-width: 480px) {
  .__vertical-tabs-section .tabs-v label { width: 100%; }
}