@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Abhaya+Libre|Molengo|Poppins|Open+Sans');
@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');
@font-face {
  font-family: 'Arno Pro';
  src: url("fonts/ArnoPro-Bold.otf");}

body{margin:0; font-size: 14px; font-family: "Poppins", sans-serif, sans-serif;}
#main{width:100%; height:auto; float:left}
#main-inner{width:90%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:86%; height:auto; margin:0 auto;}
#main-inner2{width:75%; height:auto; margin:0 auto; overflow:auto}
#main-inner3{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner5{width:90%; height:auto; margin:0 auto; overflow:hidden;}
#main-inner6{width:100%; height:auto; margin:0 auto;}
a{text-decoration:none; color:#333}

.upheader-bac{background:#bb2124}
#upheader{width:100%; height:auto; float:left; padding:0.3% 0}
#upheader .left{width:50%; height:auto; float:left; margin:0.1% 0 0 0;}
#upheader .left p{float:left; margin:0.3% 2% 0 0; color:#fff; font-size:14px}
#upheader .left .p{float:left; margin:0.3% 2% 0 0; color:#fff; font-size:14px}
#upheader .left p img{width:13px; height:13px; float:left; margin:3% 0 0 0}
#upheader .left p .img{width:13px; height:13px; float:left; margin:2% 0 0 0}
#upheader .left a{color:#fff;}
#upheader .middle{width:17%; height:auto; float:right; margin:0 0;}
#upheader .middle a{width:10%!important; height:auto!important; float:right; padding:5px; margin:0px 1.5%; border-radius: 50px}
#upheader .middle a img{width:90%!important; height:auto!important; float:right; margin: 5%;}
#upheader .middle .a{width:18%!important; height:auto!important; float:right; padding:0; margin:0px 4px 0 4px; border-radius: 50px}
#upheader .middle .a img{width:100%!important; height:auto!important; float:left; margin: 0;}

.mainlogo{width:60%; height:auto; float:left; padding:0; margin: 5px 1% 5px 0;}
.mainlogo img{width:14%; height:auto; float:left; margin:0}
.mainlogo h1{width:83%; height:auto; float:left; margin:15px 0 0 3%; color: #2f3192; font-family: 'Arno Pro'; font-size: 36px}
.mainlogo span{width:auto; height:auto; float:left; background:#2f3192; color: #fff; border-radius: 10px; padding: 7px 10px 5px 10px; font-size: small; text-transform: uppercase; font-weight: normal}

.buttonn{float: right; margin-top: 25px; background-image: linear-gradient(144deg,#8d27d6, #2c7ac2 50%,#01519c); border: 0; border-radius: .25rem; color: #fff; font-size: 18px; padding: 0px 15px 10px 15px; text-align: center; transition: 0.5s;}
.buttonn:hover{background-image: linear-gradient(144deg,#2c7ac2, #2c7ac2 50%,#012e59);}
.buttonn img{ margin-bottom: -8px;}

.fixedup .navbar-scrolltofixed.scroll-to-fixed-fixed {background:#bb2124; color: #032e42; margin-top:0; -webkit-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.4); box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.4); border-top: 1px #e8e8e8 dashed; border-bottom: 1px #e8e8e8 dashed;}
.fixedup .navbar-scrolltofixed.scroll-to-fixed-fixed #cssmenu > ul > li > a {color:#fff; padding-top: 10px; padding-bottom: 10px;}
.menudiv-bac{background:#f6f6f6; border-top: 1px #9b9b9b dashed; border-bottom: 1px #9b9b9b dashed;}

#welcome{width: 100%; height: auto; float: left; background: #feb505;}
#welcome .left{width: 60%; height: auto; float: left; padding: 55px 0 55px 0;}
#welcome .left h1{width: 90%; height: auto; float: left; border-left: #f3432c 4px solid; padding-left: 10px; margin:0 5% 20px 5%; color: #183a6e;}
#welcome .left h1 span{width: 100%; height: auto; float: left; float: left; font-size: medium; color: #1f1f1f;}
#welcome .left p{width: 90%; height: auto; float: left; margin: 0 0% 0 5%; text-align: justify; font-size: 15px;}
#welcome .left a{width: 20%; height: auto; float: left; margin: 20px 75% 0 5%; padding: 7px 0; text-align: center; background: #183a6e; color: #fff; font-size: medium; border-radius: 20px; transition: 0.3s;}
#welcome .left a:hover{background: #205099;}
#welcome .right{width: 40%; height: auto; float: left;}
#welcome .right img{width: 100%; height: auto; float: left; margin: 0;}

.presidentbg{background: #ededec;}
#president{width: 100%; height: auto; float: left; margin: 50px 0;}
#president h1{width: 100%; height: auto; float: left; text-align: center; color: #313131; margin-bottom: 0; text-transform: uppercase;}
#president b{width:10%; height:auto; float:left; margin: 6px 45% 55px 45%; background: #183a6e; padding: 2px 0;}
#president img{width: 47%; height: auto; float: left; margin-right: 3%;}
#president .right{width: 50%; height: auto; float: left;}
#president .right h4{width: 100%; height: auto; float: left; margin: 0 0 0 0; color: #272727;}
#president .right p{width: 100%; height: auto; float: left; line-height: 160%; color: #272727; text-align: justify;}
#president .right h3{width: 100%; height: auto; float: left; color: #272727; margin: 0;}
#president .right h3 span{color: #183a6e;}
#president .right a{width: 20%; height: auto; float: right; margin: -50px 0 5% 75%; padding: 7px 0; text-align: center; background: #183a6e; color: #fff; font-size: medium; border-radius: 20px; transition: 0.3s;}
#president .right a:hover{background: #205099;}

.choosebg{background:url('images/bg.webp') left center no-repeat; background-size: 100% auto;}
#choose{width: 100%; height: auto; float: left; margin: 80px 0;}
#choose .right h1{width: 100%; height: auto; float: left; text-align: center; color: #fff; margin-bottom: 40px; text-transform: uppercase;}
#choose .right h1 span{color: #feb505;}
#choose .right{width: 80%; height: auto; float: left; margin: 0 10%;}
#choose .right .con{width: 44%; height: auto; float: left; margin: 10px 1%; background:#fff; border-radius: 5px; padding: 2%; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
#choose .right .con img{width: 18%; height: auto; float: left; margin: 0 5% 0 0;}
#choose .right .con .text{width: 77%; height: auto; float: left;}
#choose .right .con .text h4{width: 100%; height: auto; float: left; margin: 0; color: #323232; font-size: 16px;}
#choose .right .con .text p{width: 100%; height: auto; float: left; margin: 0; color: #323232;}
#choose .right .view{width:10%; height:auto; float:left; text-align: center; padding: 1% 0; margin:1% 45%; background: #dfa303; color: #000; border-radius: 5px; border:none; font-size:medium;}
#more {display: none;}

.popularbac{background: url(images/bg1.png);padding: 50px 0;}
.popularbac h1{width: 100%; height: auto; float: left; color: #313232; margin: 0; font-weight: 500;}
.popularbac b{width: 5%; height: auto; float: left; margin: 5px 0 25px 0; padding: 2px 0; background: #205099;}
.popularbac .b{width: 15%; height: auto; float: left; margin: 6px 80% 25px 0; padding: 1px 0; background: #9d9d9d;}
.popularbac .card{background: #eaeaea;}
.popularbac .card .card-img-top{width: 100%; height: auto; float: left; margin-bottom: 10px;}
.popularbac .card-title{margin: 10px 0 0 0;}
.popularbac .card-text{margin: 5px 0;}
.popularbac .btn{float: left; background: #4586e2; color: #fff; padding: 5px 10px; border-radius: 3px 3px 3px 3px!important; margin: 5px 0!important;}
.popularbac .carousel-item1{margin-bottom: 60px;}
.popularbac .controls-top{float: right; margin: 0 0 20px 0;}
.popularbac .btn-floating{border: 1px solid #393838; padding: 5px 10px;}
.popularbac .btn-floating1{margin-bottom: -10px!important;}

.gurubg{background: url('images/bg1.jpg') #feaa02 left top repeat-x;}
#guru{width: 100%; height: auto; float: left;}
#guru .left{width: 60%; height: auto; float: left; margin-top: 70px;}
#guru .left h3{width: 100%; height: auto; float: left; margin: 0;}
#guru .left h1{width: 100%; height: auto; float: left; margin: 0; color: #bb2124; font-size: 32px;}
#guru .left p{width: 100%; height: auto; float: left; margin:0; font-size: 16px;}
#guru .left a{width: 20%; height: auto; float: left; margin: 10px 80% 0 0; padding: 7px 0; text-align: center; background: #183a6e; color: #fff; font-size: medium; border-radius: 20px; transition: 0.3s;}
#guru .left a:hover{background: #205099;}
#guru .right{width: 25%; height: auto; float: right; margin:0 0 0 15%;}
#guru .right img{width: 100%; height: auto; float: left; margin: 35px 0 0 0;}



/*---------------------------------------
   gallery section              
-----------------------------------------*/
.gallery-wrap {position: relative;  background: url(images/gallery-bg.jpg) no-repeat top; background-size: cover; padding:60px 20px;}
.gallery-wrap *,::after,::before{box-sizing:border-box}
.gallery-wrap .col-lg-3{width:25%; height: auto; float: left; margin: 0;}
.gallery-wrap .col-lg-3a{width:30%; height: auto; float: left; margin: 0; margin-top:10px;}
.gallery-wrap .col-lg-3a iframe{width:100%; height: 310px; float: left;}
.gallery-wrap .col-lg-9{width:75%; height: auto; float: left; margin: 0;}
.gallery-wrap .col-lg-9a{width:70%; height: auto; float: left; margin: 0;}
.gallery-wrap .col-lg-4{width:33%; height: auto; float: left; margin: 0;}


.gallery_box{display: table; height: 100%;}
.gallery_left{display: table-cell; vertical-align: middle;}
.galleryImg {margin: 10px 0 0 0;
  position: relative;
}
.gallery-wrap .col-lg-4:nth-child(2) .galleryImg + .galleryImg {
  margin-top: 30px;
}
.gallery_style1 .col-lg-4:nth-child(4) .galleryImg {
  margin-top: 30px;
}
.gallery_style1 .col-lg-4:nth-child(5) .galleryImg {
  margin-top: 30px;
}
.gallery_style1 .col-lg-4:nth-child(6) .galleryImg {
  margin-top: 30px;
}
.gallery_style1 .col-lg-3:nth-child(5) .galleryImg {
  margin-top: 30px;
}
.gallery_style1 .col-lg-3:nth-child(6) .galleryImg {
  margin-top: 30px;
}
.gallery_style1 .col-lg-3:nth-child(7) .galleryImg {
  margin-top: 30px;
}
.gallery_style1 .col-lg-3:nth-child(8) .galleryImg {
  margin-top: 30px;
}
.gallery_style1 .col-lg-6:nth-child(3) .galleryImg {
  margin-top: 30px;
}
.gallery_style1 .col-lg-6:nth-child(4) .galleryImg {
  margin-top: 30px;
}

.serImg {
  margin-bottom: 30px;
}
.galley_inner .row > div {
  margin: 15px 0;
}
.galley_inner {
  text-align: center;
}
.testi_list {
  list-style: none;
}
.testi_list li {
  margin: 36px 0;
}
.testi_list .testimonials_sec {
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
}
.portfolio-overley {
  z-index: 1000;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.galleryImg img {
  width: 100%; height:150px;
}
.gallery-wrap .galleryImg:hover .portfolio-overley, .galley_inner .galleryImg:hover .portfolio-overley {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.gallery-wrap .content, .galley_inner .content {
  z-index: 1000;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
}
.gallery-wrap .content i{color: #fff; font-size: large; transition: 0.3s;}
.gallery-wrap .content i:hover{color: #feaa02;}

.gallery-wrap .content .image-link, .galley_inner .content .image-link {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  color: #ffffff;
  line-height: 50px;
  background: #f0aa00;
  display: block;
  font-size: 16px;
  z-index: 1;
  text-align: center;
  margin-left: -25px;
  margin-top: -25px;
}
.title {
  margin-bottom: 20px;
  position: relative;
}
.title h1 {
  font-size: 40px;
  color: #002749;
  margin: 0;
  font-weight: bold;
}
.title h1 span {
  display: block;
}
.title p {
  font-size: 20px;
  letter-spacing: 3px;
  color: #ffb607;
  text-transform: uppercase;
  margin-bottom: 0;
}
.readmore {
  margin-top: 20px;
}
.readmore a {
  text-decoration: none;
  font-size: 15px;
  background: #f0aa00;
  text-transform: uppercase;
  border-radius: 36px;
  font-weight: bold;
  display: inline-block;
  padding: 18px;
  color: #002749;
}
.readmore a:hover {
  color: #fff;
  background: #1d2435;
}

.shadow-effect {
  background: #fff;
  padding: 50px 20px;
  border-radius: 4px;
  text-align: center;
  border:1px solid #ECECEC;
  box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
}
#customers-testimonials .shadow-effect p {
  font-family: inherit;
  font-size: 13px;
  line-height: 25px;
  margin: 0 0 7px 0;
  font-weight: 400;
}
.testimonial-name {
  margin: -50px auto 0;
  display: table;
  width: auto;
  background: #3190E7;
  padding: 9px 35px;
  border-radius: 12px;
  text-align: center;
  font-size: 13px;
  color: #fff;
  box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
}
#customers-testimonials .item {
  text-align: center;
  padding: 50px 0;
  margin-bottom:80px;
  opacity: .2;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#customers-testimonials .owl-item.active.center .item {
  opacity: 1;
  -webkit-transform: scale3d(1.0, 1.0, 1);
  transform: scale3d(1.0, 1.0, 1);
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
  max-width: 120px;
  margin: 0 auto 17px;
  border-radius: 3px;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
  background: #3190E7;
  transform: translate3d(0px, -50%, 0px) scale(0.7);
}
#customers-testimonials.owl-carousel .owl-dots{
display: inline-block;
width: 100%;
text-align: center;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot{
display: inline-block;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
  background: #3190E7;
  display: inline-block;
  height: 20px;
  margin: 0 2px 5px;
  transform: translate3d(0px, -50%, 0px) scale(0.3);
  transform-origin: 50% 50% 0;
  transition: all 250ms ease-out 0s;
  width: 20px;
}

.awardbac{box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 15px; padding: 80px 0 60px 0; background:url('images/bg2.png') left top no-repeat; background-size: 100% auto;}
#award{width:100%; height:auto; float:left}
#award h1{width:100%; height:auto; float:left; color:#20227f; text-align: center; margin-bottom: 5px;}
#award b{width:10%; height:auto; float:left; margin: 0 45% 20px 45%; background: #a6a5a4; padding: 2px 0;}
#award .con{width:23%; height:auto; float:left; margin: 1%; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 10px;}
#award .con img{width:100%; height:auto; float:left; border-radius: 10px 10px 0 0;}
#award .con h3{width:98%; height:auto; float:left; color: #20227f; text-align: center; padding: 10px 1%;}
#award .con1{width:100%; height:auto; float:left; margin: 30px 0;}
#award .con1 img{width:20%; height:auto; float:left;}
#award .con1 .right{width:75%; height:auto; float:left; margin-left: 5%;}
#award .con1 .right h3{width:100%; height:auto; float:left; color: #20227f;}
#award .con1 .right p{width:100%; height:auto; float:left;}
#award .view{width: 16%; height: auto; float: left; margin: 30px 42%; padding: 10px 0; text-align: center; background: #183a6e; color: #fff; font-size: medium; border-radius: 20px; transition: 0.3s;}
#award .view:hover{background: #205099;}
.award h1{width:100%; height:auto; float:left; color: #20227f; margin: 0 0 5px 0;}
.award p{width:100%; height:auto; float:left;}

.footerbac{background:#14243e}
#footer{width:100%; height:auto; float:left}
#footer .con{width:14%; height:auto; float:left; margin:2%}
#footer .con1{width:28%; height:auto; float:left; margin:2%}
#footer p{color:#fff; text-align:justify; font-size:14px; line-height:150%; margin:0}
#footer h4{color:#ffab03; margin-bottom:6%; font-size:18px;}
#footer .hh4{width:100%; height:auto; float:left; color:#fff; margin-bottom:0; margin-top:20px;}
#footer .con a{width:100%; height:auto; float:left; margin:2% 0; color:#2d9cc1; font-size:14px; transition:0.5s}
#footer .con a:hover{color:#ffc844}
#footer .con1 .icon{width:100%; height:auto; float:left}
#footer .con1 .icon a{width:6%; height:auto; float:left; padding:2%; margin:1.5%; background:#258cb3; border-radius:50%; transition:0.5s}
#footer .con1 .icon a:hover{background:#d59703;}
#footer .con1 .icon a img{width:100%; height:auto; float:left;}
#footer .h4{color:#fff; margin-bottom:1%; padding-top:16%}
#footer .con .a{width:50%; height:auto; float:left;}

.footerlowbac{background:#0c1626}
#footerlow{width:100%; height:auto; float:left}
#footerlow p{color:#eeeeee; float:left; font-size:small}
#footerlow .p{float:right}
#footerlow a{color:#248ab2; transition:0.5s}
#footerlow a:hover{color:#ffc844}

.shadow_one{padding:50px 0;text-align:center;background-color:rgba(0,0,0,.65)}
#page_header{background:url('images/bg3.webp') top center no-repeat; background-size: 100% auto; margin-top:-2px;}
#page_header h2{color:#fff;font-size:40px;margin:18px 0;}
#page_header p{color:#fff}
.page_header_breadcum{color:#fff}
.page_header_breadcum a .fa{color:#fdb92e;font-size:16px}
.page_header_breadcum a.active_page{color:#fdb92e}
.page_header_breadcum a{color:#fff}
.page_header_breadcum a:hover{color:#fdb92e; text-decoration: none;}

#static{width:100%; height:auto; float:left; margin:30px 0}
#static img{width:auto; height:auto; float:left; margin:1% 1% 1% 0}
#static p{margin:1% 0; line-height:175%; text-align:justify; color:#1d1d1d;}
#static span{margin:1% 0; line-height:160%; text-align:justify; color:#1d1d1d;}
#static ul{list-style-image: url('images/tick.png'); line-height:160%; text-align:justify; color:#1d1d1d;}
#static ul li{margin:1.5% 0}
#static .img{width:100%; height:auto; float:left; margin:0}
#static .img1{width:30%; height:auto; float:left; margin:0 2% 0 0}
#static .h22{color:#01517e;}
#static .h1{width:97%; height:auto; float:left; margin:0; padding: 20px 1.5%; text-align: center; background: #fef2c7; color: #222222; font-weight: 500;}
#static .h1head{width:100%; height:auto; float:left; margin:0}
#static .hh1{width: 100%; height: auto; float: left; color: #313232; margin: 0; font-weight: 500;}
#static .bb{width: 5%; height: auto; float: left; margin: 5px 0 25px 0; padding: 2px 0; background: #205099;}
#static .b{width: 15%; height: auto; float: left; margin: 6px 80% 25px 0; padding: 1px 0; background: #9d9d9d;}
#static .h2{width:100%; height:auto; float:left; color: #01517e;}
#static .con{width:98%; height:auto; float:left; background: #eeeeee; padding: 1%;}
#static .con1{width:100%; height:auto; float:left; text-align: center;}
#static .con1 h2{width:100%; height:auto; float:left; text-align: center; color: #01517e}
#static .con1 h1{width:100%; height:auto; float:left; text-align: center; color: #bb2124;}
#static .con1 h3{width:60%; height:auto; float:left; margin: 0 20%; color: #2b2b2a; text-align: center;}
#static .con1 img{width:50%; height:auto; float:left; margin: 1% 25%;}
#static .con1{width:100%; height:auto; float:left; text-align: center;}
#static .con2{width:100%; height:auto; float:left;}
#static .con2 .left{width:55%; height:auto; float:left; margin-right: 5%;}
#static .con2 .left h3{width:100%; height:auto; float:left; margin:15px 0 0 0; color: #bb2124;}
#static .con2 .right{width:40%; height:auto; float:left;}
#static .con2 .right img{width:100%; height:auto; float:left; margin:0}
#static .con3{width: 25%; height: auto; float: left; margin: 10px 2%; background:#fff; border-radius: 5px; padding: 2%; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
#static .con3 img{width: 80%; height: auto; float: left; margin:5%;}
#static .con3 b{width: 50%; height: auto; float: left; margin:1% 25%; background: #b0b0af; padding: 0.5px 0;}
#static .con3 h2{width: 100%; height: auto; float: left; margin: 0; color: #01517e; text-align: center;}
#static .con4{width:22%; height:235px; float:left; margin:1.5%; background:#fff; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15); transition:0.50s}
#static .con4:hover{box-shadow: 0px 0px 15px 0px rgba(253,179,2,0.55);}
#static .con4 img{width:95%; height:170px; float:left; margin:2.5%}
#static .con4 p{text-align:center; margin:4% 1%; color:#E69200;}

#static .left{width:25%; height:auto; float:left; margin:2% 0;}
#static .left a{width:99.5%; height:auto; float:left; padding:15px 10px 15px 0; border-right: #e5e5e5 1px solid; font-size: 23px; text-align: right;}
#static .left a:hover{border-right: #247ebb 1px solid; color: #247ebb;}
#static .left .a{border-right: #247ebb 1px solid; color: #247ebb; font-weight: bold;}
#static .left1 a{width:99.5%; height:auto; float:left; padding:15px 10px 15px 0; border-right: #e5e5e5 1px solid; font-size: 16px; text-align: right;}
#static .left2{width:20%; height:auto; float:left; margin:2% 0;}
#static .right{width:72%; height:auto; float:left; margin:2% 0 0 3%;}
#static .right1{width:80%; height:auto; float:left; margin:2% 10% 0 10%;}
#static .right2{width:77%; height:auto; float:left; margin:2% 0% 0 3%;}
#static .right .div{width:52%; height:auto; float:left; margin:1% 0 0 0; padding: 2% 0; background: #f5f5f5; border:#e1e7eb 1px solid; border-radius: 5px;}
#static .right .div h3,p{margin:2% 0;}
#static .right .div h3{margin:2% 0 0 0; font-size: x-large;}
#static .right .div p{margin:0; font-size: medium;}
#static .right .headh1{width:100%; height:auto; float:left; margin:0 0 5px 0; color: #343535;}
#static .right .text-subline{width:100%; height:auto; float:left; position: relative; height: 1px; padding: 0; background: #e5e5e5; border: none; margin-bottom: 30px;}
#static .right .text-subline:before{content: ''; position: absolute; top: 0; left: 0; height: 1px; width: 50px; background: #247ebb;}
#static .right1 .h2head1{width:100%; height:auto; float:left; margin:2% 0 0 0; color: #323232;}
#static .right .tablediv{width:99%; height:auto; float:left; margin:2% 0; border: 1px solid #e4e5e5;}
#static .right .tablediv h5{width:5%; height:80px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5; text-align: center;}
#static .right .tablediv p{width:50%; height:80px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5;}
#static .right .tablediv span{width:45%; height:80px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5;}
#static .right .tablediv .h5{width:5%; height:130px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5; text-align: center;}
#static .right .tablediv .p{width:50%; height:130px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5;}
#static .right .tablediv .span{width:45%; height:130px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5;}
#static .right .tablediv1{width:99%; height:auto; float:left; margin:2% 0; border: 1px solid #e4e5e5;}
#static .right .tablediv1 h5{width:5%; height:50px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5; text-align: center;}
#static .right .tablediv1 p{width:50%; height:50px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5;}
#static .right .tablediv1 span{width:45%; height:50px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5;}
#static .right .tablediv1 .pp{width:95%; height:50px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5;}
#static .right .tablediv1 .ppp{width:95%; height:50px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5; font-weight: bold;}
#static .right .tablediv1 .pppp{width:55%; height:50px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5;}
#static .right .tablediv2{width:99%; height:auto; float:left; margin:2% 0; border: 1px solid #e4e5e5;}
#static .right .tablediv2 h5{width:5%; height:50px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5; text-align: center;}
#static .right .tablediv2 p{width:80%; height:50px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5;}
#static .right .tablediv2 span{width:15%; height:50px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5;}
#static .right .tablediv2 .h5{width:5%; height:70px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5; text-align: center;}
#static .right .tablediv2 .p{width:80%; height:70px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5;}
#static .right .tablediv2 .span{width:15%; height:70px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5;}
#static .right .tablediv2 .spanhead{width:15%; height:50px; float:left; margin: 0; padding: 1px 10px 10px 10px; border: 1px solid #e4e5e5;}
#static .right .tablediv3{width:99%; height:auto; float:left; margin:2% 0; border: 1px solid #e4e5e5;}
#static .right .tablediv3 h5{width:30%; height:45px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5; color: #292a2a; text-align: center; font-size: 14px; font-weight: normal;}
#static .right .tablediv3 p{width:40%; height:45px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5; color: #292a2a; text-align: center; font-size: 14px;}
#static .right .tablediv3 span{width:30%; height:45px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5; color: #292a2a; text-align: center; font-size: 14px;}
#static .right .tablediv3 .bold{font-weight: bold; color: #3c4545;}
#static .right .tablediv3 .h5{width:100%; height:45px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5; text-align: center; font-size: 14px; color: #002749; font-weight: bold;}
#static .right .tablediv3 .hh5{height:65px}
#static .right .tablediv3 .p{height:65px;}
#static .right .tablediv3 .span{height:65px;}
#static .right .tablediv4{width:99%; height:auto; float:left; margin:2% 0; border: 1px solid #e4e5e5;}
#static .right .tablediv4 h5{width:10%; height:50px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5; text-align: center; font-size: 15px;}
#static .right .tablediv4 p{width:90%; height:50px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5; font-size: 15px;}
#static .right .tablediv5{width:99%; height:auto; float:left; margin:2% 0; border: 1px solid #e4e5e5;}
#static .right .tablediv5 .bold{font-weight: bold; color: #3c4545;}
#static .right .tablediv5 h5{width:25%; height:50px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5; text-align: center; font-size: 15px; color:#282828; font-weight: normal;}
#static .right .tablediv5 p{width:25%; height:50px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5; text-align: center; font-size: 15px;}
#static .right .tablediv5 span{width:25%; height:50px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5; text-align: center;}
#static .right .tablediv6{width:99%; height:auto; float:left; margin:2% 0; border: 1px solid #e4e5e5;}
#static .right .tablediv6 .bold{font-weight: bold; color: #3c4545;}
#static .right .tablediv6 h5{width:70%; height:50px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5; text-align: center; font-size: 15px; color:#282828; font-weight: normal;}
#static .right .tablediv6 p{width:30%; height:50px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5; text-align: center; font-size: 15px;}
#static .right .tablediv6 .h5{height:80px}
#static .right .tablediv6 .p{height:80px}
#static .right .tablediv7{width:99%; height:auto; float:left; margin:2% 0; border: 1px solid #e4e5e5;}
#static .right .tablediv7 h5{width:16.66%; height:50px; float:left; margin: 0; padding: 10px; border: 1px solid #e4e5e5; text-align: center;}
#static .right .tablediv7 p{width:16.66%; height:30px; float:left; margin: 0; padding:2px 10px; border: 1px solid #e4e5e5; text-align: center;}
#static .right .tablediv8{width:99%; height:auto; float:left; margin:2% 0; border: 1px solid #e4e5e5;}
#static .right .tablediv8 p{width:15%; height:60px; float:left; margin: 0; padding: 5px 10px; border: 1px solid #e4e5e5; text-align: center;}
#static .right .tablediv8 span{width:70%; height:60px; float:left; margin: 0; padding: 5px 10px; border: 1px solid #e4e5e5;}
#static .right .tablediv8 .p{height:40px; border: 1px solid #fff; background: #002749; color: #fff;}
#static .right .tablediv8 .span{height:40px; border: 1px solid #fff; background: #002749; color: #fff; text-align: center;}
#static .img-div-more{width: 10%; height: auto; float: left; margin: 0.8% 1% 1% 89%; text-align: center; font-size: 12px; padding: 0.5% 0; border-radius: 3px; background: #0375be; color: #fff;}
#static .img-div-more:hover{background: #025a93;}
#static .img-div-more{width: 50%; height: auto; float: left; margin: 0.8% 25% 20px 25%; text-align: center; font-size: 14px; padding: 5px 0; border-radius: 3px; background: #0375be; color: #fff;}

#static .blogpage{width:100%; height:auto; float:left;}
#static .blogpage .con{width:29%; height:560px; float:left; margin: 1%;}
#static .blogpage .con img{width:100%; height:auto; float:left;}
#static .blogpage .con .div{width:95%; height:auto; float:left; margin:-30px 2.5% 0 2.5%; padding:3%; background: #f0f0f0;}
#static .blogpage .con .date{width:18%; height:auto; float:left; padding: 10px 0; border: 1px solid #dbdbdb; border-radius: 5px;}
#static .blogpage .con .date .digit{width:100%; height:auto; float:left; margin: 0; padding: 0; line-height: 30px; color: #004780; font-size: xx-large; text-align: center;}
#static .blogpage .con .date .text{width:100%; height:auto; float:left; margin: 0; padding: 0; line-height: 18px; color: #212121; text-align: center;}
#static .blogpage .con .right{width:78%; height:auto; float:left; margin:0 0 4% 2%;}
#static .blogpage .con .right span{width:100%; height:auto; float:left; margin: 0; padding: 0; color: #004780;}
#static .blogpage .con .right h3{width:100%; height:auto; float:left; margin: 0; color: #424242; font-weight: 500;}
#static .blogpage .con p{width:100%; height:auto; float:left; color: #424242;}
#static .blogpage .con .read{width:auto; height:auto; float:left; margin:2% 0; padding:2% 3%; background: #004780; color: #fff; border-radius: 5px; transition: 0.2s;}
#static .blogpage .con .read:hover{background: #015ca5}
#static .blogpage h2{width:100%; height:auto; float:left; margin:0 0 0.8% 0; border-bottom: 1px solid #d6d5d5; color: #004780; padding-bottom: 0.8%;}
#static .blogpage .bottomblog{width:100%; height:auto; float:left; margin:0 0 30px 0;}
#static .blogpage .bottomblog .leftspan{width:auto; height:auto; float:left; margin:0; color: #6f6e6e; font-style: italic; font-size: large;}
#static .blogpage .bottomblog .rightspan{width:auto; height:auto; float:right; margin:0; color: #6f6e6e; font-style: italic; font-size: large;}
#static .blogpage .bottomblog .rightspan img{width:auto; height:auto; float:left; margin:0;}
.pdfb{width:auto; height:auto; float:left; margin:0; border-radius:10px; background: url('https://ssrvmbrt.org/images/pdf.png') #fce1e1 center left no-repeat; background-size:35px 29px; padding:10px 10px 10px 40px; font-weight:bold;}

.row1 {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding:0;
  width:102%;
  float:right;
  margin:0;
}

/* Create four equal columns that sits next to each other */
.column1 {
  -ms-flex: 31.3%; /* IE10 */
  flex: 31.3%;
  max-width: 31.3%;
  padding: 0 5px;
}

.column1 img {
  vertical-align: middle;
  width: 100%!important;
  margin:5px 0!important;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column1 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column1 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}

.strategy{width:50%; height:auto; float:left; margin: 50px 25% 50px 25%;}
.tablink {
  background-color: #3f7a88;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 17px;
  width: 33.3%;
  font-family: "Poppins", sans-serif, sans-serif;
}
.tablink:hover {
  background-color: #777;
}
.tablink1 {
  background-color: #2d5f6b;
}
.tablink2 {
  background-color: #5293a2;
}
.tabcontent {
  color: white;
  display: none;
  padding: 40px 0;
  height: 100%;
}
.tabcontent .content1 .leftc{width: 45%; height: auto; float: left;}
.tabcontent .content1 .rightc{width: 53%; height: auto; float: left; margin-left: 2%;}
.tabcontent h3{width: 100%; height: auto; float: left; font-size: 40px; color: #210d7d; padding: 0 8%;}
.tabcontent h4{width: 100%; height: auto; float: left; font-size: 30px; padding: 0 8%;}
.tabcontent .cont{width: 40%; height: auto; float: left; margin:80px 52% 50px 8%; border-radius: 10px; padding: 20px; background: #210d7d;}
.tabcontent .cont h2{color: #fff; font-family: 'Satisfy', cursive; font-size: 40px;}
.tabcontent .conte{width: 84%; height: auto; float: left; background: #fff; padding: 50px 8%;}
.tabcontent .conte p{width: 100%; height: auto; float: left; margin:10px 0; color: #222222; text-align: justify; font-size: 15px;}
.tabcontent .conten{width: 42%; height: auto; float: left; color: #210d7d; margin: 0 0 0 8%;}
.tabcontent .conten p{color: #222222; text-align: justify; font-size: 15px;}
.tabcontent .imgg{width: 37%; height: auto; float: left; margin:0 8% 0 5%; border-radius:10px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.tabcontent .imgg1{width: 80%; height: auto; float: left; margin:15px 20% 15px 0; border-radius:10px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.tabcontent .content1{width: 90%; height: auto; float: left; margin-top: 50px; padding: 0 5% 20px 5%; background: url('images/bg6.jpg') top left no-repeat;}
.tabcontent .content1 h1{width: 100%; height: auto; float: left; font-size: 40px}
.tabcontent .content1 h2{width: 100%; height: auto; float: left; color: #210d7d;}
.tabcontent .content1 .div{width: 15%; height: auto; float: left;}
.tabcontent .content1 .div p{margin: 0;}
.tabcontent .content1 .div1{width: 29%; height: 135px; float: left; margin: 1%; background: #fff; border-radius: 10px; padding:0.5% 1%;}
.tabcontent .content1 .div1 h2{width: 100%; height: auto; float: left; margin: 0; color: #210d7d; font-size: 40px;}
.tabcontent .content1 .div1 p{width: 100%; height: auto; float: left; margin: 0; color:#1d1d1d;}
.tabcontent .content2{width: 90%; height: auto; float: left; padding: 0 5% 20px 5%;}
.tabcontent .content2 .leftt{width: 58%; height: auto; float: left; margin-top: 30px;}
.tabcontent .content2 .leftt h1{color: #210d7d;}
.tabcontent .content2 .leftt p{color: #1d1d1d; font-size: medium;}
.tabcontent .content2 .rightt{width: 38%; height: auto; float: left; margin-left: 4%;}
.tabcontent .content2 .rightt img{width: 100%; height: auto; float: left; margin: 0; border-radius:10px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}

#Home {width: 100%; height: auto; float: left; background: url('images/bg4.webp') left top no-repeat;}
#News {width: 100%; height: auto; float: left; background: url('images/bg5.jpg') left top repeat;}
#Contact {width: 100%; height: auto; float: left; background: url('images/bg7.jpg') left top no-repeat; background-size: 100% auto;}

#appointment form{width:80%; height:auto; float:left; margin:3% 10%; background:#fff; border-radius: 5px; padding: 2%; -webkit-box-shadow:0 3px 56px -24px rgba(0,0,0,.5);-moz-box-shadow:0 3px 56px -24px rgba(0,0,0,.5);box-shadow:0 3px 56px -24px rgba(0,0,0,.5);}
#appointment form h2{margin:20px 0; color:#0146a5; text-align: center;}
#appointment form h3{margin:0; color:#2f2f2f; text-align: center;}
#appointment form .con{width:98%; height:auto; float:left; margin:10px 1%;}
#appointment form .con3{width:31%; height:auto; float:left; margin:10px 1%;}
#appointment form label{width:100%; height:30px; float:left; margin: 20px 0 0 0;}
#appointment form label span{color:red;}
#appointment form .box{width:94%; height:auto; float:left; margin:0 1%; padding:10px 2%; border:1px #E5E4E4 solid; border-radius:5px; font-weight:normal; color:#333333; font-family: "Poppins", sans-serif, sans-serif; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}
#appointment form .box:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#appointment form .box:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#appointment form .box2{width:44%; height:auto; float:left; margin:10px 1%; padding:8px 1.5%; border:1px #E5E4E4 solid; border-radius:5px; font-weight:normal; color:#333333; font-family: "Poppins", sans-serif, sans-serif; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}
#appointment form .box2:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#appointment form .box2:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#appointment form .box1{width:93%; height:80px; float:left; margin:10px 2% 10px 1%; padding:2.5% 2%; border:1px #E5E4E4 solid; font-size:14px; border-radius:5px; font-weight:normal; color:#333333; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); font-family: "Poppins", sans-serif, sans-serif; font-size:small; transition:0.5s}
#appointment form .box1:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#appointment form .box1:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#appointment form .box3{width:27.7%; height:auto; float:left; margin:10px 1%; padding:8px 1.5%; border:1px #E5E4E4 solid; border-radius:5px; font-weight:normal; color:#333333; font-family: "Poppins", sans-serif, sans-serif; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}
#appointment form .box3:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#appointment form .box3:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#appointment form .box4{width:47.3%; height:auto; float:left; margin:10px 1%; padding:8px 1.5%; border:1px #E5E4E4 solid; border-radius:5px; font-weight:normal; color:#333333; font-family: "Poppins", sans-serif, sans-serif; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}
#appointment form .box4:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#appointment form .box4:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#appointment form .box5{width:31%; height:auto; float:left; margin:10px 1%; padding:8px 1.5%; border:1px #E5E4E4 solid; border-radius:5px; font-weight:normal; color:#333333; font-family: "Poppins", sans-serif, sans-serif; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}
#appointment form .box5:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#appointment form .box5:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#appointment form .submit{padding:15px 6%; margin:2% 0; letter-spacing: 1px; font-size: medium; background:#0146a5; color:white; float:right; text-decoration:none; font-weight:normal; border:none; cursor:pointer; border-radius:5px; transition:0.5s}
#appointment form .submit:hover{background:#01275c}
#appointment form span{padding-left: 5px;}
#appointment form .box::placeholder{color: #343434; opacity: 1;}
#appointment form .box1::placeholder{color: #343434; opacity: 1;}
#appointment form .box2::placeholder{color: #343434; opacity: 1;}

#contactus{width: 100%; height: auto; float: left; padding: 2% 0}
#contactus .mapouter{text-align:right;height:400px;width:100%; float: left; margin: 2% 0 0 0}
#contactus .gmap_canvas {overflow:hidden;background:none!important;height:400px;width:100%;}
#contactus .gmap_canvas iframe {height:400px;width:100%;}
#contactus .left{width: 50%; height: auto; float: left; margin:0 25%; padding: 1%; background: #fff; -webkit-box-shadow:0 3px 56px -24px rgba(0,0,0,.5);-moz-box-shadow:0 3px 56px -24px rgba(0,0,0,.5);box-shadow:0 3px 56px -24px rgba(0,0,0,.5);}
#contactus .left h1{color: #232323; text-align: center}
#contactus .left h1 span{color: #c59f3c}
#contactus .left h2{width: 100%; height: auto; float: left; color: #012b64; margin-top: 30px;}
#contactus .left .loc{width: 100%; height: auto; float: left; font-size: medium; font-weight: 500; color: #232323; background:url(images/icon17.png) left center no-repeat; background-size: 25px 25px; padding:5px 0 5px 7%; line-height: 150%}
#contactus .left .addr{width: 100%; height: auto; float: left; font-size: medium; font-weight: 500; color: #232323; background:url(images/icon18.png) left center no-repeat; background-size: 25px 25px; padding:5px 0 5px 7%; line-height: 150%}
#contactus .left .emaili{width: 100%; height: auto; float: left; font-size: medium; font-weight: 500; color: #232323; background:url(images/icon19.png) left center no-repeat; background-size: 25px 25px; padding:5px 0 5px 7%; line-height: 150%}
#contactus .left .webi{width: 100%; height: auto; float: left; font-size: medium; font-weight: 500; color: #232323; background:url(images/web.png) left center no-repeat; background-size: 25px 25px; padding:5px 0 5px 7%; line-height: 150%}
#contactus .left h3{width: 100%; height: auto; float: left; color: #424040; margin-top: 2%}
#contactus .left h3 a{width: 3%; height: auto; float: left; margin: 1.5% 0.5% 0.5% 0.5%; background: #c6a03d; border-radius: 50%; padding: 1.5%}
#contactus .left h3 a:hover{background: #3d3d3d}
#contactus .left h3 a img{width: 100%; height: auto; float: left;}

#faqs{width:100%; height:auto; float:left; margin:1% 0}  
#faqs h2{color: #333333; font-family: 'Bitter', serif; margin:2% 0; background:url(images/border.png) center bottom no-repeat; padding-bottom:2%}
#faqs .container {
  float:left;
  padding:2%;
  width: 96%;
}
#faqs .container h3 {
  color:#C93737;
  text-align: left; 
  font-weight: 500;
  background:url(images/question.png) left center no-repeat;
  padding-left:3%;
  border-bottom: #CCCCCC 1px solid
}
#faqs .container a {
  border-bottom: 1px solid #ec407a;
  color: #607d8b;
  text-decoration: none;
}
#faqs .container a:hover,
#faqs .container a:focus {
  color: #ec407a;
  border-bottom: none;
}
#faqs .container .intro {
  font-size: 1.25em;
}
#faqs .container .js .panel-title {
  margin: 0;
}
#faqs .container .panel-title a {
  border-bottom: none;
  color:#C93737;
  display: block;
  padding:11px 0 13px 0;
  position: relative;
  text-decoration: none;
  -webkit-transition: color 200ms ease 0s;
  -moz-transition: color 200ms ease 0s;
  transition: color 200ms ease 0s;
  width: 100%;
}
#faqs .container .panel-title a .icon {
  color: #9e9e9e;
  position: absolute;
  right: 0;
  -webkit-transition: all 200ms ease 0s;
  -moz-transition: all 200ms ease 0s;
  transition: all 200ms ease 0s;
}
#faqs .container .panel-title a:hover,
#faqs .container .panel-title a:focus {
  color: #0066FF;
}
#faqs .container .panel-title a:hover .icon,
#faqs .container .panel-title a:focus .icon {
  color: #ec407a;
}
#faqs .container .panel-title a.active {
  color: #37474f;
}
#faqs .container .panel-title a.active .icon {
  color: #ec407a;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
#faqs .container .js .accordion {
  margin: 2em 0;
}
#faqs .container .accordion .panel-title a {
}
#faqs .container [id^="panel-"] {
  padding-bottom: 2em;
}
#faqs .container p{color:#333333; text-align:justify; background:#fbfbfb; padding:1% 1% 1% 3%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10); line-height:170%; background:url(images/ans.png) left top no-repeat; margin:0; font-size:15px}

#gallery{width:98%; height:auto; float:left; margin:0 2% 0 0; overflow:hidden}
#gallery .con{width:23%; height:auto; float:left; margin:1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);}
#gallery .con img{border:#CCCCCC 3px solid; width:100%; height:auto; float:left; transition:0.50s;}
#gallery .con img:hover{border:#fea801 3px solid;}

#association{width:100%; height:auto; float:left; margin:30px 0 40px 0;}
#association h1{width: 100%; height: auto; float: left; text-align: center; color: #313131; margin-bottom: 0; text-transform: uppercase;}
#association b{width:10%; height:auto; float:left; margin: 6px 45% 25px 45%; background: #183a6e; padding: 2px 0;}
#association img{width:17%; height:auto; float:left; margin:1%; padding:0.5%; background: #fff; border-radius:5px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}

.association1 img{width:17%!important; height:auto; float:left; margin:1%!important; padding:0.5%!important; background: #fff; border-radius:5px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

#main-inner{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:100%; height:auto; margin:0 auto;}
#main-inner2{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner3{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner5{width:100%; height:auto; margin:0 auto; overflow:hidden;}

#upheader .left{width:70%; height:auto; float:left; margin:5px 0 5px 2%;}
#upheader .left p{float:left; margin:0.3% 0 0 0; color:#fff; font-size:12px}
#upheader .left .p{float:left; margin:0.3% 0 0 0; color:#fff; font-size:12px}
#upheader .middle{width:45%; height:auto; float:right; margin:-45px 1% 0 0;}
#upheader .middle a{width:11%!important; height:auto!important; float:right; padding:3%; margin:0 1.3% 0 1%; border-radius: 50px}
#upheader .middle a img{width:90%!important; height:auto!important; float:right; margin: 5%;}

.mainlogo{width:98%; height:auto; float:left; padding:0; margin: 5px 1%;}
.mainlogo img{width:22%; height:auto; float:left; margin:0}
.mainlogo h1{width:73%; height:auto; float:left; margin:5px 0 0 4%; color: #2f3192; font-size: 18px;}

.buttonn{width:100%; height:auto; float: right; margin: 0; background-image: linear-gradient(144deg,#8d27d6, #2c7ac2 50%,#01519c); border: 0; border-radius: .25rem; color: #fff; font-size: 16px; padding: 0px 0 5px 0; text-align: center; transition: 0.5s;}
.buttonn img{width:30px; height:auto; margin-bottom: -6px;}

#welcome .left{width: 100%; height: auto; float: left; padding: 30px 0 30px 0;}
#welcome .left h1{width: 90%; height: auto; float: left; border-left: #f3432c 4px solid; font-size: 20px; padding-left: 10px; margin:0 5% 20px 5%; color: #183a6e;}
#welcome .left h1 span{width: 100%; height: auto; float: left; float: left; font-size: medium; color: #1f1f1f;}
#welcome .left p{width: 90%; height: auto; float: left; margin: 0 0% 0 5%; text-align: justify; font-size: 14px;}
#welcome .left a{width: 50%; height: auto; float: right; margin: 20px 5% 0 45%; padding: 7px 0; text-align: center; background: #183a6e; color: #fff; font-size: medium; border-radius: 20px; transition: 0.3s;}
#welcome .left a:hover{background: #205099;}
#welcome .right{width:0; height: 0; float: left; visibility: hidden;}
#welcome .right img{width:0; height: 0; float: left; margin: 0; visibility: hidden;}

#guru .left{width: 90%; height: auto; float: left; margin: 20px 5%;}
#guru .left h1{width: 100%; height: auto; float: left; margin: 0; color: #bb2124; font-size: 26px;}
#guru .left p{width: 100%; height: auto; float: left; margin:0 0 10px 0; font-size: 15px;}
#guru .left a{width: 50%; height: auto; float: left; margin: 0 25%; padding: 7px 0; text-align: center; background: #183a6e; color: #fff; font-size: medium; border-radius: 20px; transition: 0.3s;}
#guru .left a:hover{background: #205099;}
#guru .right{width: 100%; height: auto; float: left; margin:0;}
#guru .right img{width: 60%; height: auto; float: left; margin: 50px 20% 0 20%;}

.gallery-wrap {position: relative;  background: url(images/gallery-bg.jpg) no-repeat top; background-size: cover; padding:20px 0;}
.gallery-wrap .col-lg-3{width:100%; height: auto; float: left; margin: 0;}
.gallery-wrap .col-lg-3a{width:98%; height: auto; float: left; margin: 10px 1% 1% 1%;}
.gallery-wrap .col-lg-3a iframe{width:100%; height: 310px; float: left;}
.gallery-wrap .col-lg-9{width:100%; height: auto; float: left; margin: 0;}
.gallery-wrap .col-lg-9a{width:90%; height: auto; float: right; margin: 15px 5% 1% 5%;}

.gallery-wrap .col-lg-4{width:98%; height: auto; float: left; margin:0 1%;}
.title {
  margin: 0;
  position: relative;
}
.title h1 {
  font-size: 30px;
  color: #002749;
  margin: 0;
  font-weight: bold;
}
.gallery-wrap p{margin:0;}
.readmore {
  margin-top: 10px;
}
.readmore a {
  text-decoration: none;
  font-size: 15px;
  background: #f0aa00;
  text-transform: uppercase;
  border-radius: 36px;
  font-weight: bold;
  display: inline-block;
  padding: 10px 20px;
  color: #002749;
}

#president{width: 100%; height: auto; float: left; margin: 20px 0;}
#president h1{width: 100%; height: auto; float: left; text-align: center; text-transform: uppercase; color: #313131; margin-bottom: 0; font-size: x-large;}
#president b{width:20%; height:auto; float:left; margin: 6px 40% 20px 40%; background: #0081b1; padding: 2px 0;}
#president img{width: 80%; height: auto; float: left; margin: 0 10%;}
#president .right{width: 95%; height: auto; float: left; margin: 3% 2.5% 1% 2.5%;}
#president .right a{width: 35%; height: auto; float: right; margin: -50px 0 5% 67.5%; padding: 7px 0; text-align: center; background: #183a6e; color: #fff; font-size: medium; border-radius: 20px; transition: 0.3s;}

.choosebg{background:url('images/bg.webp') left top no-repeat; background-size: auto 100%;}
#choose{width: 100%; height: auto; float: left; margin: 20px 0;}
#choose .right{width: 100%; height: auto; float: left; margin: 0}
#choose .right .con{width: 94%; height: auto; float: left; margin: 1%; background:#fff; border-radius: 5px; padding:15px 2%; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
#choose .right .view{width:70%; height:auto; float:left; text-align: center; padding: 10px 0; margin:1% 15%; background: #dfa303; color: #000; border-radius: 5px; border:none; font-size:medium;}

#footer{width:100%; height:auto; float:left; padding-bottom:20px;}
#footer h4{width:98%; height:auto; float:left; text-align:center; color:#ffab03; margin:15px 0 5px 0}
#footer .con{width:98%; height:auto; float:left; margin:1%}
#footer .con1{width:100%; height:auto; float:left; margin:0}
#footer .con1 iframe{width:100%; height:auto; float:left; margin:0}
#footer .con a{width:100%; height:auto; float:left; margin:2px 0; text-align:center; color:#2d9cc1; font-size:14px; transition:0.5s}
#footer p{color:#fff; text-align:center; font-size:14px; line-height:150%; margin:0}
#footerlow{width:100%; height:auto; float:left; padding:3px 0;}
#footerlow p{width:100%; height:auto; float:left; color:#eeeeee; float:left; margin:3px 0; font-size:small; text-align:center;}
#footerlow .p{width:100%; height:auto; float:left; text-align:center;}

.shadow_one{padding:5px 0;}
#page_header{background:url(images/bg2.jpg); background-attachment: scroll;background-position: center;background-repeat: no-repeat; background-size: 100% auto;}
#page_header h2{color:#fff;font-size:28px;margin:5px 0;}
.page_header_breadcum .fa{color:#fdb92e;font-size:14px!important}

#static{width:95%; height:auto; float:left; margin:4% 2.5%}
#static .con{width:98%; height:auto; float:left; margin:1%; background: #eeeeee; border-radius: 0 0 5px 5px; box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.10);}
#static .left{width:100%; height:auto; float:left; margin:0}
#static .middle{width:100%; height:auto; float:left; margin:0}
#static .right{width:100%; height:auto; float:left; margin:0;}
#static img{width:98%; height:auto; float:left; margin:1%}
#static .con3{width: 94%; height: auto; float: left; margin:1%; background:#fff; border-radius: 5px; padding: 2%; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

#static .left{width:100%; height:auto; float:left; margin:2% 0;}
#static .right{width:100%; height:auto; float:left; margin:2% 0;}
#static .left a{width:auto; height:auto; float:left; background:#d8d9d9; margin:0.5%; padding:5px; border-right: none; font-size: 15px; text-align: left;}
#static .left a:hover{border-right: none; color: #247ebb;}
#static .left .a{border-right: none; background:#247ebb; color: #fff; font-weight: bold; transition: 0.3s;}
#static .left .a:hover{border-right: none; background:#000!important; color: #fff!important; font-weight: bold;}
#static .right .divtop img{width:80%; height:auto; float:left; margin:0 20% 0 0; border: 1px solid #ededed; margin-right: 15px; box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.25);}
#static .right .divtop h1{width: 100%; height: auto; float: left; color: #2475c0; margin: 5px 0 0 0; font-weight: normal; font-size: 22px;}
#static .right .divtop p{width: 100%; height: auto; float: left; font-size: larger; margin: 0; line-height:20px;}
#static .right .headh1{width:100%; height:auto; float:left; margin:0 0 5px 0; color: #343535; font-size:20px;}
#static img{width:100%; height:auto; float:left; margin:1% 0}
#static .right .rightimg{width:100%; height:auto; float:right; margin-left: 0;}
#static .right .rightimg1{width:100%; height:auto; float:right; margin-left: 0px;}
#static .right .div{width:98.5%; height:auto; float:left; margin:1% 0 0 0; padding: 2% 0; background: #f5f5f5; border:#e1e7eb 1px solid; border-radius: 5px;}
#static .right .tablediv7{width:99%; height:auto; float:left; margin:2% 0; border: 1px solid #e4e5e5;}
#static .right .tablediv7 h5{width:16.66%; height:60px; float:left; margin: 0; font-size:8px; padding: 2px; border: 1px solid #e4e5e5; text-align: center;}
#static .right .tablediv7 p{width:16.66%; height:30px; float:left; margin: 0; font-size:10px; padding:2px; border: 1px solid #e4e5e5; text-align: center;}

#static .blogpage{width:95%; height:auto; float:left; margin: 2.5%;}
#static .blogpage .con{width:98%; height:auto; float:left; margin: 1%;}

#appointment form{width:94%; height:auto; float:left; margin:1%; background:#fff; border-radius: 5px; padding: 2%; -webkit-box-shadow:0 3px 56px -24px rgba(0,0,0,.5);-moz-box-shadow:0 3px 56px -24px rgba(0,0,0,.5);box-shadow:0 3px 56px -24px rgba(0,0,0,.5);}
#appointment form h2{margin:10px 0; color:#0146a5; text-align: center; font-size:18px;}
#appointment form .box3{width:95%; height:auto; float:left; margin:10px 1%; padding:8px 1.5%; border:1px #E5E4E4 solid; border-radius:5px; font-weight:normal; color:#333333; font-family: "Poppins", sans-serif, sans-serif; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}

#Contact {width: 100%; height: auto; float: left; background: url('images/bg7.jpg') left top no-repeat; background-size: auto 100%;}
#contactus .left{width: 96%; height: auto; float: left; margin:0 1%; padding: 1%; background: #fff; -webkit-box-shadow:0 3px 56px -24px rgba(0,0,0,.5);-moz-box-shadow:0 3px 56px -24px rgba(0,0,0,.5);box-shadow:0 3px 56px -24px rgba(0,0,0,.5);}
#contactus .left h3 a{width: 8%; height: auto; float: left; margin: 1.5% 1%; background: #c6a03d; border-radius: 50%; padding: 1.5%}
#contactus .left h3 a img{width: 80%; height: auto; float: left; margin:10%;}

.tablink {
  background-color: #3f7a88;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 14px;
  width: 33.3%;
  height:100px;
  font-family: "Poppins", sans-serif, sans-serif;
}
.tablink1 {
  background-color: #2d5f6b;
}
.tablink2 {
  background-color: #5293a2;
}
.tabcontent {
  color: white;
  display: none;
  padding: 20px 0;
  height: 100%;
}
.tabcontent h3{width: 96%; height: auto; float: left; font-size: 24px; color: #210d7d; margin:1%; padding: 0 1%;}
.tabcontent h4{width: 96%; height: auto; float: left; font-size: 18px; margin:1%; padding: 0 1%;}
.tabcontent .cont{width: 96%; height: auto; float: left; margin:1%; border-radius: 10px; padding: 1%; background: #210d7d;}
.tabcontent .cont h2{color: #fff; font-family: 'Satisfy', cursive; font-size: 24px; text-align:center;}
.tabcontent .cont p{text-align:right;}
.tabcontent .conte{width: 95%; height: auto; float: left; background: #fff; padding:0 2.5%;}
.tabcontent .conte p{width: 100%; height: auto; float: left; color: #222222; text-align: justify; font-size: 15px;}
.tabcontent .conten{width: 96%; height: auto; float: left; color: #210d7d; margin:0 2%;}
.tabcontent .conten h1{margin:0;}
.tabcontent .conten p{color: #222222; text-align: justify; font-size: 15px;}
.tabcontent .imgg{width: 96%; height: auto; float: left; margin:0 2%; border-radius:10px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.tabcontent .content1{width: 98%; height: auto; float: left; margin-top: 20px; padding: 0 1% 20px 1%; background: url('images/bg6.jpg') top left no-repeat; background-size: auto 100%;}
.tabcontent .content1 .leftc{width: 100%; height: auto; float: left;}
.tabcontent .content1 .leftc h1{width: 100%; height: auto; float: left; margin:5px 0; font-size:30px;}
.tabcontent .content1 .div{width: 30%; height: auto; float: left;}
.tabcontent .imgg1{width: 96%; height: auto; float: left; margin:10px 2% 0 2%; border-radius:10px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.tabcontent .content1 .rightc{width: 100%; height: auto; float: left; margin: 0;}
.tabcontent .content1 .rightc h1{width: 100%; height: auto; float: left; margin:15px 0 5px 0; font-size:30px;}
.tabcontent .content1 .div1{width: 46%; height: 120px; float: left; margin: 1%; background: #fff; border-radius: 10px; padding:0.5% 1%;}
.tabcontent .content1 .div1 h2{width: 100%; height: auto; float: left; margin: 0; color: #210d7d; font-size: 28px;}
.tabcontent .content1 .div1 p{width: 100%; height: auto; float: left; margin: 0; color:#1d1d1d;}
.tabcontent .content2{width: 96%; height: auto; float: left; padding:2%;}
.tabcontent .content2 .leftt{width: 100%; height: auto; float: left; margin-top: 0;}
.tabcontent .content2 .leftt img{width: 60%; height: auto; float: left; margin: 0 20% 10px 20%;}
.tabcontent .content2 .leftt p{color: #1d1d1d; font-size: 15px; text-align:justify;}
.tabcontent .content2 .leftt h1{margin:15px 0 0 0; font-size:24px;}
.tabcontent .content2 .rightt{width: 96%; height: auto; float: left; margin: 2%;}

#faqs h2{color:#1F8EB9; font-family: 'Bitter', serif; margin:4% 0; background:url(images/border.png) center bottom no-repeat; padding-bottom:6%}
#faqs .container h3 {
  background:url(images/question.png) left center no-repeat;
  padding-left:10%;
  margin:5% 0 0 0
}
#faqs .container p{color:#333333; text-align:justify; padding:3% 2% 3% 9%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10); line-height:150%; background:url(images/ans.png) left top no-repeat;}
.galleryImg img {
  width: 100%; height:auto;
}

#association h1{width: 100%; height: auto; float: left; text-align: center; text-transform: uppercase; color: #313131; margin-bottom: 0; font-size: x-large;}
#association b{width:20%; height:auto; float:left; margin: 6px 40% 20px 40%; background: #0081b1; padding: 2px 0;}
#association img{width:90%; height:auto; float:left; margin:0.5% 4%; padding:0.5%; background: #fff; border-radius:5px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}

}