@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Poppins');
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Oxygen');
@import url('https://fonts.googleapis.com/css?family=Oxygen');
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Hind+Siliguri');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Montserrat+Alternates');
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Roboto:700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:200');
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cabin:700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Play&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');

.blank-div{ width:100%; height:44px; background:#F00; overflow:hidden;}

.banner{ width:100%; margin:0 auto; background:#fff; overflow:hidden;}
.banner img{ width:100% !important;}

/*--start-about--*/
.about{ width:100%; margin:0 auto; padding:50px 0 60px 0; background:#fff; overflow:hidden;}
.about .ibox{ position:relative; padding:20px;}
.about .ibox::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: transparent;
  width: 100px;
  height: 100px;
  border-top: 3px solid #d42a5f;
  border-left: 3px solid #d42a5f;
  border-right: none;
  border-bottom: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.about .ibox::after {
  position: absolute;
  bottom: 0;
  right: 0;
  content: "";
  background: transparent;
  width: 100px;
  height: 100px;
  border-bottom: 3px solid #d42a5f;
  border-right: 3px solid #d42a5f;
  border-top: none;
  border-left: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.about .pulse-button {
  position: absolute;
  width: 50px;
  height: 50px;
  border: none;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
  box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
  border-radius: 50%;
  background-color: #b48a21;
  background-image: url("../images/man.png");
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
}
.about h6{ font-family: 'Roboto', sans-serif; font-size:16px; font-weight:700; text-transform:uppercase; color:#e27000; margin:10px 0;}
.about h2{ font-family: 'Roboto', sans-serif; font-size:42px; font-weight:700; color:#0679b8; margin-bottom:20px;}
.about h5{ font-family: 'Inter', sans-serif; font-size:15px; font-weight:400; color:#d42a5f; line-height:18px; margin-bottom:20px;}
.about p{ font-family: 'Inter', sans-serif; font-size:16px; font-weight:normal; color:#807884; line-height:28px; margin:0 0 20px 0; }
/*.about h6{ font-family: 'Inter', sans-serif; font-size:16px; font-weight:400; text-transform:uppercase; color:#128bcb; line-height:26px; margin-bottom:15px; position: relative; padding-left: 47px;}
.about h6::before {
    display: block;
    content: "";
    position: absolute;
    width: 36px;
    height: 1px;
    left: 0;
    background-color: #128bcb;
    top: 50%;
}
*, ::after, ::before{ box-sizing: border-box;}*/
.about .caption{ width:100%; margin:0 auto; padding:-30px; background:-#411d53; overflow:hidden;}

.about .about-btn{ width:auto; height:35px;}
.about .about-btn a{ font-family: 'Roboto', sans-serif; font-weight:600; font-size:16px; text-transform:uppercase; border-bottom:2px solid #ff0c0c; color:#ff0c0c; padding-bottom:5px; }
.about .about-btn:hover a{ text-decoration:none; border-bottom:2px solid #155497; color:#155497;}
/*--end-about--*/

/*--start-our-services--*/
.our-services{ width:100%; margin:0 auto; padding:60px 0; background:url(../images/pattern.jpg) 0 repeat; background-position:top left; overflow:hidden;}
.our-services h2{ font-family: 'Inter', sans-serif; font-size:36px; font-weight:600; text-align:center; color:#0a0a0a; line-height:42px; margin-bottom:50px;}
.our-services h2 span{ /*color:#136175;*/ color:#0a0a0a;}
.our-services .box{ width:100%; margin:10px auto; padding:20px 0; transition: all .3s ease-in-out;}
.our-services .box h3{ font-family: 'Inter', sans-serif; font-size:19px; font-weight:600; text-align:center; color:#0f0f0f; line-height:28px; margin-bottom:20px;}
.our-services .box img{ max-width:70px; margin:0 auto; display:block; margin-bottom:30px;}
.our-services .box i{ width:50px; height:50px; font-size:20px; text-align:center; color:#fff; background:#136175; border-radius:5px; line-height:50px; margin:0 auto; display:block;}

.our-services .box:hover{ background:#ffffff94; box-shadow: 0 15px 50px rgba(0, 0, 0, .04); transform: translateY(-5px); }
.our-services .box a{ text-decoration:none; display:block;}
.our-services .box a:hover{ text-decoration:none;}
/*--end-our-services--*/

/*--start-events--*/
.events{ width:100%; margin:0 auto; padding:60px 0; background:#085691; overflow:hidden;}
.events h2{ font-family: 'Roboto', sans-serif; font-size:38px; font-weight:bold; text-align:center; color:#fff; margin-bottom:50px;}
.events h6{ font-size:18px; font-weight:500; text-align:center; text-transform:uppercase; color:#a6d24f; margin-bottom:10px;}
.events .box{ width:100%; margin:0 auto; margin-bottom:20px; padding:0 0 20px 0; /*background:#fff;*/ border:solid 0px #f3f3f3; overflow:hidden; border-radius:5px;}
.events .box .info{ width:80%; margin:0 auto; margin-top:-20px; padding:15px 25px; background:#fff; border-radius:5px; border:solid 1px #f3f3f3; position:relative;}
.events .box .info h3{ font-family: 'Roboto', sans-serif; font-size:20px; text-align:center; color:#000; margin:0 0 0 0;}
.events .box .info:hover{ background:#196fb1;}
.events .box .info:hover h3{ color:#fff;}
.events .box img{ width:100%;}
/*--start-pujo--*/


/*--start-footer--*/
.footer{ width:100%; margin:0 auto; padding:50px 0 20px 0; background:#fbfbfb; overflow:hidden;}
.footer p{ font-family: 'Inter', sans-serif; font-size:16px; font-weight:normal; text-align:center; color:#807884; line-height:28px; margin:0 0 20px 0; }
.footer h5{ font-family: 'Inter', sans-serif; font-size:14px; font-weight:normal; text-align:center; color:#75736f; line-height:18px; margin:0 0 10px 0; }
.footer img{ margin:0 auto; display:block;} 
.social-link{ width:100%; margin:20px 0 20px 0; padding:0 0px; text-align:center; }
.social-link li{ display:inline-block;}
.social-link li a{ width:50px; height:50px;/* background:rgba(255,255,255,.15);  background:#bb8850;*/ display:block; border-radius:50%; margin-left:10px; margin-right:10px;}
.social-link li a i{ font-size:18px; text-align:center; color:#4d4b4b; line-height:50px; margin:0 auto; display:block;}
.social-link li:not(:last-child){ margin-right:5px;}
.social-link li a:hover i{ color:#fff; }
.social-link li a:hover{/*background:#cda274;*/ text-decoration:none;}

.f-menu{ width:100%; margin:0 auto; padding:20px 0; background:#085691; text-align:center; display:block; overflow:hidden;}
.f-menu a{ font-family: 'Inter', sans-serif; font-size:16px; font-weight:normal; text-align:center; color:#fff; line-height:20px; margin-left:10px; margin-right:10px;}
.f-menu a:hover{ color:#a4d8ff; text-decoration:none;}
/*--end-footer--*/

/*--start-scroll-to-top--*/
#scroll-to-top {
  display: inline-block;
  background-color: #fc3481;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
  position: fixed;
  bottom: 30px;
  right: 15px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
/*#scroll-to-top::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 40px;
  color: #fff;
}*/
#scroll-to-top i{ position:absolute; font-size:28px; color:#fff; text-align:center; line-height:50px; width:50px; display:block; z-index:1001;}
#scroll-to-top:hover {
  cursor: pointer;
  background-color: #FF9800;
}
#scroll-to-top:active {
  background-color: #555;
}
#scroll-to-top.show {
  opacity: 1;
  visibility: visible;
}
/*--end-scroll-to-top--*/
















/*--start-sec-3--*/
.sec-3{ background: url(../images/sec-3-bg.jpg) 0 no-repeat fixed; background-position:bottom center; background-size:cover;
/*background-attachment: fixed;*/ width:100%; /*height:100%;*/ margin: 0 auto; padding:100px 0; position:relative; overflow:hidden;}
.sec-3 .r-overlay{ position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(4, 32, 8, 0.18);}

.sec-3 h2{ font-family: 'Roboto', sans-serif; font-size:36px; font-weight:bold; text-align:center; color:#e8e8e8; line-height:32px; margin:20px 0 20px 0; }
.sec-3 .box{ width:100%; margin:0 auto; background:none;}
.sec-3 .box h1{ font-family: "Arial Black", Gadget, sans-serif; font-size:60px; font-weight:bold; text-align:center; color:#e8e8e8; line-height:50px; margin:0 0 40px 0;}
.sec-3 .box h2{ font-size:20px; font-weight:bold; text-align:center; text-transform:capitalize; color:#e8e8e8; margin:0 0 25px 0;}
.sec-3 .box p{ font-family: 'Lato'; font-size:15px; font-weight:normal; text-align:center; color:#e8e8e8; line-height:24px; margin:0 0 50px 0;}

.sec-3-btn { font-size:17px; text-align:center; line-height:22px; background-color:none; padding:10px 20px; border-radius:25px; border:solid 1px #fff; width:140px; margin-top:10px !important; margin-bottom:10px !important; margin:0 auto}
.sec-3-btn a{ color:#ffffff; }
.sec-3-btn:hover{ background-color:#fff;}
.sec-3-btn:hover a{ color:#282828; text-decoration:none; }
/*--end-sec-3--*/

/*--start-overview--*/
.overview{ /*background:url(../images/overview-bg.jpg) 50% 0 repeat-y fixed; -webkit-background-size:cover; background-size:cover; background-position:center;*/  width:100%; overflow:hidden;  padding:60px 0; background:#000; /*-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/ margin:0 auto; }
.overview_box{width:100%; margin:10px 0; padding:25px; color:#fff; background:none;}
.overview_box h3{ font-family: "Open Sans", Arial, sans-serif; font-weight:normal; text-align:center; color:#fff; font-size:36px; margin:0;}
.overview_box h4{ font-family: "Open Sans", Arial, sans-serif; font-weight:normal; font-size:18px; text-transform:uppercase; margin-top:13px; text-align:center; color:#fff;}
/*--end-overview--*/

.inner-banner{ background: url(../images/banner/about-banner.jpg) 0 no-repeat fixed; background-position:bottom center; background-size:cover;  width:100%; margin: 0 auto; padding:100px 0 60px; position:relative; overflow:hidden;}

.inner-banner h2{font-family: 'Inter', sans-serif; font-size:28px; font-weight:bold; text-align:center; text-transform:uppercase; color:#373737; margin-bottom:12px !important; margin:0;}
.inner-banner h6{ text-align:center; color:#8f8f8f;}
.inner-banner h6 a {
    font-family: 'Inter', sans-serif; 
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    color:#8f8f8f;
    line-height: 28px;
    margin: 0 10px;
}
.inner-banner .inner-banner-overlay{ position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(255, 255, 255);}


.overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000000;}
.overlay .overlayDoor:before, .overlay .overlayDoor:after {content: ""; position: absolute; width: 50%; height: 100%; background: #15051d; transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1); transition-delay: 0.8s; }
.overlay .overlayDoor:before {left: 0; }
.overlay .overlayDoor:after {right: 0;}
.overlay.loaded .overlayDoor:before {left: -50%;}
.overlay.loaded .overlayDoor:after {right: -50%;}
.overlay.loaded .overlayContent {opacity: 0; margin-top: -15px;}
.overlay .overlayContent {position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;	transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);}
.overlayContent img{width:200px;}
.overlayContent p{color:#fff; text-align: center; font-size: 15px; margin-top: 20px;}

.menu-btn{
  max-width:180px; min-width:100px; margin-top:20px !important; padding:8px 25px !important; display:inline-block;	
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d42a5f), to(#d42a5f));
  font-family: 'Oswald', sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase; color:#fff !important; word-spacing:2px;
  
  -webkit-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.25);

  -webkit-clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);
  clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);
}
.menu-btn a{ color:inherit;}
.menu-btn a:hover{ color:#fff; text-decoration:none;}




.body-content{ width:100%; margin:0 auto; padding:50px 0; overflow:hidden; background:url(../images/body-content.jpg) 50% 0 repeat-y fixed;}
.body-content h1{ font-family: 'Roboto', sans-serif; font-size:28px; font-weight:bold; text-transform:uppercase; /*color:#1B1919;*/ line-height:32px;  margin:0 0 5px 0; 
background: -webkit-linear-gradient(#916B0A, #BF921E);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.body-content h3{ font-family: 'Roboto', sans-serif; font-size:22px; font-weight:500; text-transform:uppercase; color:#087DBA; line-height:32px;  margin:15px 0 5px 0; border-left:solid 5px #087DBA; padding-left:10px; }
.body-content h5{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:bold; text-transform:capitalize; color:#d42a5f; line-height:32px; margin:5px 0 10px 0;}
.body-content p{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:normal; color:#70777b; /*color:#666561;*/ line-height:28px;}
.body-content h6{ font-family: 'Roboto', sans-serif; /*font-family: 'Roboto', sans-serif;*/ font-size:18px; font-weight:normal; text-align:left; color:#6665FF; line-height:32px; margin:0 0 20px 0;}
.body-content ul{ padding-left:20px; margin-bottom:15px;}
.body-content ul li{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:normal; color:#12232f; line-height:32px; padding:0; margin:0; list-style:none;}
.body-content ul li::before { content:'\f1b2'; font-family:'FontAwesome'; float:left; margin-left:-1.4em; color:#ca940b;}

.body-content .spo-box{ width:100%; margin:10px auto; padding:5px 8px; border-radius:3px; border:solid 1px #d9d9d9; background:#fff;}




/*.body-content{ width:100%; margin:0 auto; padding:60px 0 60px 0; background: #fffaf0; overflow:hidden;}
.body-content h2{ font-family: 'Inter', sans-serif; font-size:32px; font-weight:600; color:#232323; line-height:48px; margin:10px 0 25px 0;}
.body-content h3{ font-family: 'Inter', sans-serif; font-size:24px; font-weight:600; color:#232323; line-height:32px; margin:0px 0 10px 0;}
.body-content p{ font-family: 'Inter', sans-serif; font-size:16px; font-weight:normal; color:#777; line-height:28px; margin:0 0 20px 0; }

.body-content .nav-tabs .nav-item a{ color:#bb8c5a;}
.body-content .nav-tabs .nav-link:hover{ border-color:#bb8c5a #bb8c5a #bb8c5a; background:#bb8c5a; color:#fff;}
.body-content .nav-tabs .nav-link.active{ color:#dfb07d !important; background-color:#222428; border-color:#222428 #222428 #222428;}
.body-content .nav-tabs{ border-bottom: 1px solid #ffe7ce;}
*/
.ulstyle1 ul{ padding-left:20px; margin-bottom:15px;}
.ulstyle1 ul li{ font-family: 'Inter', sans-serif; font-size:14px; font-weight:normal; color:#12232f; line-height:32px; padding:0; margin:0; list-style:none;}
.ulstyle1 ul li::before { content:'\f1b2'; font-family:'FontAwesome'; float:left; margin-left:-1.5em; color:#ee7100;}


 
 
/*.body-content .zoom-box-outer {
  margin: 0px auto;
  margin-bottom:40px;
  max-width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.body-content .zoom-box {
  width: 100%;
  position: relative;
  z-index: 1;
}
.zoom-box img {
  width:100%;
  max-height:200px;
  display: block;
  -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0);
-webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;
}
.body-content .zoom-box:hover img{
 -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); }
.body-content .zoom-box:hover .zoom-box-inner h4{ color:#f7cb9d;}
.body-content .zoom-box:hover .zoom-box-inner h5{ color:#f5f1f1;}
.body-content .zoom-box:hover .zoom-box-inner{  background:#5e5b59;}*/
 
.body-content .zoom-box .zoom-box-inner{ position:relative; background:#fbf2e1; /*background:#232323;*/ max-height:230px; padding:15px; overflow: hidden;	}
.body-content .zoom-box .zoom-box-inner h4{ font-family: 'Roboto', sans-serif; font-size:24px; text-align:center; color:#000; line-height:30px; margin:0; margin-bottom:20px;}
.body-content .zoom-box .zoom-box-inner h5{ font-family: 'Roboto', sans-serif; font-size:16px; text-align:center; color:#777; line-height:20px; margin:0; }
.body-content .zoom-box .zoom-box-inner i{ font-size:30px; line-height:30px; color:#8FADEE; float:right; }
.body-content .zoom-box .zoom-box-inner .p-bar{ width:100%; height:5px; background:#00000099; border-radius:3px; position:relative; overflow:hidden; margin-bottom:20px;}
.body-content .zoom-box .zoom-box-inner .p-bar .wl{ width:50%; height:5px; background:#fff; position:absolute; top:0; left:0; z-index:2;}




 
 
 
 
 
.body-content .form-box{ width:100%; margin:0 auto; padding:30px; border:solid 1px #f4f4f4;  box-shadow:0 10px 30px 0 rgba(50,50,50,.16);}

.body-content .form-box h3{ font-family: 'Lato', sans-serif; font-size:36px; font-weight:bold; text-align:center; color:#000; margin:0 0 10px 0;}
.body-content .form-box h5{ font-family: 'Lato', sans-serif; font-size:15px; font-weight:normal; text-align:center; color:#5c5959; line-height:28px; margin:10px 0;}
.body-content .form-box h6{ font-family: 'Lato', sans-serif; font-size:14px; font-weight:normal; text-align:center; color:#777; line-height:28px; margin:10px 0;}
.body-content .form-box img{ width:60px; margin:0 auto; display:block;}
.body-content .cpl{ margin-left:40px;}
.body-content .cpr{ margin-right:40px;}
.body-content img{ border-radius:5px;}



@media (max-width: 990px){

}

@media (max-width: 767px){
.about{ padding:30px 0;} 	
.about h2{ font-size:26px;}
.about p{ font-size:15px;}  

.about .ibox { margin-top:15px;} 
 
.our-services{ padding:30px 0;}  
.our-services .box{ margin: 5px auto;}
.our-services .box h3{ font-size:16px; line-height:20px}

.events{ padding:30px 0;}
.events h2{ font-size:26px;}

.footer p br{ display:none;}
.social-link li a{ width:40px;  height:40px; margin-left:0px;}

.inner-banner{padding: 75px 0 20px;}
.inner-banner h2{ font-size:20px; margin-bottom:0 !important;}
.inner-banner h6 a{ font-size:14px;}
}


@media (max-width: 575px){

}