@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&family=Vollkorn:wght@400;500;600;700&display=swap');
/*-- Common Style --*/
*, *:after, *:before{-webkit-box-sizing:border-box;box-sizing:border-box;}
html, body{height:100%;}
body{font-family: 'Poppins', sans-serif; font-size: 1.2rem; font-weight: 300;}
label,p,ul {margin: 0; padding: 0;}
ul { list-style: none;}
h1,h2,h3,h4,h5,h6{font-family: 'Vollkorn', serif;}
body a{ text-decoration: none;  transition: 0.3s;}
body a:hover { text-decoration: none; color:#38b6ff;  transition: 0.3s;}
body a:focus { outline: 0; text-decoration: none}
.form-control:focus,.form-select:focus{ box-shadow: none;}
button{transition: 0.3s;}
button:focus{ box-shadow: none; outline: none;}

img {  max-width: 100%}

video{ display: block; line-height: 0;}
.container{ max-width:85%;}
img{max-width:100%;}
header{ position: absolute; width: 100%;z-index: 999; background-color:rgba(255, 255, 255, .8);animation-fill-mode: backwards; top:0px;}
.stic {position: fixed!important;top: 0;z-index: 2999;background-color:rgba(255, 255, 255, .8); box-shadow: 1px 5px 15px rgb(0 0 0 / 10%);animation-fill-mode: backwards; }
nav ul li{ font-size: 1rem; line-height: 3rem; }
nav ul li a{padding:0 .5em; text-transform: uppercase; font-weight: 600!important; }
ul.navbar-nav li>ul {border-radius: 0;padding: 0; border: 0;margin: 0;left: 50%; transform: translateX(-50%); background: #fff;     min-width: 300px; border-top:3px solid #38b6ff;}
ul.navbar-nav li>ul li {line-height: 1rem;}
ul.navbar-nav li .dropdown-toggle.active{  color: var(--bs-nav-link-color);}
.navbar-brand{ padding: 0px; margin: 0px;}
.main-slider{ width: 100%; }
.globle-link a{display:flex; align-items: center; color: #000; text-decoration: none;}
.globle-link a .icon{ color:#a50034; font-size: 30px;}
.navbar-brand{ width: 200px;  padding: 10px 0;}
.mobile-topbar{ display: none;}
.mobile-topbar .mob-login{ position: relative; margin-top: 5px;}
.btn-btn-login-mobile{font-size: 1.5rem; }
.reg-login .modal-dialog{max-width: 600px;}
.reg-login .modal-content{ padding:15px  30px 30px;}
.reg-login .modal-header{ border-bottom: 0px;}
.reg-login .modal-title{ font-size: 2rem;}
.reg-login .formrow{ position: relative; padding-bottom: 10px;}
.reg-login .formrow .form-control {height: 60px;padding: 10px 25px; margin: 0;background: #F0F5F7; height: 50px; color: #77838F; border-radius: 8px;}
.reg-login .formrow  .form-control:focus { border-color:#38b6ff; background-color: #fff;}
.toggle-password { position: absolute;top: 50%; transform: translateY(-50%);right: 22px;line-height: 1; cursor: pointer;}
.reg-login .formrow input[type="checkbox"] {padding: 0;height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer;}
.reg-login .formrow label { position: relative;cursor: pointer;}
.reg-login .formrow label:before {content:''; -webkit-appearance: none; background-color: transparent; border: 2px solid #38b6ff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);padding: 8px; display: inline-block; position: relative; vertical-align: middle;cursor: pointer;margin-right: 5px;}
.reg-login .formrow input:checked + label:after { content: ''; display: block; position: absolute;top: 8px; left: 7px;width: 6px;height: 14px;border: solid #38b6ff;border-width: 0 2px 2px 0; transform: rotate(45deg);}
.reg-login .login-submit{ color: #fff; background: #38b6ff; display: block; padding: 15px 50px; border-radius: 10px; margin: 20px;}
.reg-login .formrow a{ color:#38b6ff; text-decoration:none;}
.reg-login .loginp{ font-size: 1.6rem;}
.reg-login .loginp a{color:#38b6ff;}
#register_box{display: none;}
.desktop-dp{ width: 100%; }
header .navbar{padding: 0px;}
header .bt-menu{ display:inline-block; position: relative;  z-index:3; transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s; width: 40px; margin-left: 10px;  border: 0px;}
header .bt-menu:focus{box-shadow:none;}
header .bt-menu span{ width:38px; height:2px; background:#38b6ff; position:absolute; right:17%; top:50%; transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s; }
header .bt-menu span:first-child{ margin-top:-9px; }
header .bt-menu span.last { margin-top:9px;}
header .bt-menu.open span{ transform:rotate(45deg); -webkit-transform:rotate(45deg); background-color:002755; }
header .bt-menu.open span:first-child { transform:rotate(135deg); -webkit-transform:rotate(135deg); margin-top:0 ; }
header .bt-menu.open span.last { display:none;}
.mOverlay { background: rgba(0, 39, 85, .7);  position: fixed; z-index: 998;top: 0;left: 0; right: 0;bottom: 0;
 width: 100%; height: 100%; transition: all .5s ease-in-out;  opacity: 0; display: none;}
.mOverlay { display: none;}
.my-menu{flex-grow: inherit;} 
.globle-link{ display: flex; justify-content: flex-end; align-items: center;}
.top-nav-m{ display: none;}

.globle-link a.postjob-btn{color: #fff; background:#38b6ff; border:1px solid #38b6ff; font-size: 1.1rem; font-weight: 600; display: inline-block;}
.globle-link a.postjob-btn:hover{ background: #fff; color:#38b6ff; border-color: #38b6ff;}

.btn-login {  color: #ffffff; background:#38b6ff; border-color: #38b6ff; margin: 0 10px; font-size: 1.1rem; font-weight: 600; display: inline-block;}
.btn-login:hover{ background: #fff; color:#38b6ff; border-color: #38b6ff; }
.btn-check:focus+.btn, .btn:focus{background:none; border-color: #38b6ff; box-shadow:none;color: #38b6ff; }
.slider-sec{height:500px; position: relative; width: 100%;}
.slider-sec .item{height:500px;position: relative; width: 100%;}
.slider-sec .item .contant-bx{ width: 400px; padding: 30px; position: absolute; left: 20%; top:56%; transform: translate(-50%,-50%); background-color:rgba(255, 255, 255, 0.5); border-radius:0px;}
.slider-sec .item .contant-bx h2{ font-size: 2.5m; color: #38b6ff; font-weight: 200;}
.slider-sec .item .contant-bx p{font-size: 1.5em; margin-bottom: 1rem;}
.slider-sec .item .contant-bx a{ display: inline-block; text-decoration: none; padding:5px 25px; color: #fff;  background: #0186d3; font-size: 1em; text-transform: uppercase; border-radius:0px;}
.slider-sec .item img{ object-fit: cover; width: 100%;}
.slider-sec .owl-nav{ position: absolute; width: 100%; top:50%; left: 0px; transform: translateY(-50%);}
.slider-sec .owl-nav span{display:none}
.slider-sec .owl-nav .owl-prev{left: 20px;position: absolute; background:#fff!important; width: 40px; height:40px; text-align:center; line-height: 40px; color:#37afe2; display: inline-block; border-radius: 50%!important;}
.slider-sec .owl-nav .owl-next{ right:20px; position: absolute;background:#fff!important; width: 40px; height:40px; text-align:center; line-height: 40px; color:#37afe2;display: inline-block;border-radius: 50%!important;}
.slider-sec .owl-nav .owl-prev:before{content: "\e91a";  font-family: 'icomoon';}
.slider-sec .owl-nav .owl-next:before{content: "\e91b";  font-family: 'icomoon';}
.welcome-sec{ width: 100%; padding:60px 0;}
.title-top{ width:100%; text-align: center;}
.title-top h2{ color: #38b6ff; font-size: 2rem;}
.welcome-sec p{ margin-bottom: 50px;}
.book-list{ display: flex; flex-wrap: wrap; width: 100%; justify-content: center; margin-bottom: 50px;}
.book-list li{width: 30.333%; padding: 10px;}
.book-list li .card{    -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;text-align: left;}
.book-list li .card .card-detail{ padding: 25px; background-color:  #38b6ff;}
.book-list li .card .card-detail h3{ font-size: 1em; color: #fff;}
.book-list li .card .card-detail a{ background-color: #0186d3; color: #fff; border:1px solid  #0186d3; padding: 7px 25px; border-radius: 0px; display: inline-block; font-weight: 500; font-size: 1.1rem;}
.book-list li .card .card-detail a:hover{background-color:#38b6ff; border:1px solid #0186d3;}
.service-sec{ width:100%; background-color:rgb(239, 244, 248); padding: 60px 0;}
.service-sec .sr-slider{ width: 100%; margin-top: 50px;}
.service-sec .sr-slider .card{ background:none; border:0px; transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s; margin: 15px;}
.service-sec .sr-slider .card:hover{  background:#fff;box-shadow: 0 0 15px #ccc; transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s;}
.service-sec .sr-slider .card:hover .icon-b{ background-color:rgb(239, 244, 248); transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s;}
.service-sec .sr-slider .card .icon-b{width: 120px; height: 120px; border-radius: 100%; padding:35px; text-align: center; margin: 20px auto 20px; background: #fff;     box-shadow: 0 0 15px #ccc; transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s;}
.service-sec .sr-slider .card .icon-b .icon{ color:#38b6ff; font-size: 2.5em;}
.contant-bx{ padding: 0 10px 15px; text-align: center;}
.contant-bx h2{ font-size: .9em; text-align: center;}
.contant-bx p{min-height: 70px; font-size: .8em; text-align: center; margin-bottom: 20px;}
.contant-bx a{ display: inline-block; border: 1px solid #38b6ff; padding: 7px 25px; border-radius: 0px; color:#38b6ff; margin: 0 auto; font-weight: 600; font-size: .8em; text-transform: uppercase;}

.review-sec{width: 100%;padding:5rem 0 3rem; background-image:url(../images/testi-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }
.review-sec .title-top{ margin-bottom: 10px;}
.review-sec .title-top h2{ color:#ffffff;}
.review-sec .subtitle { width: 100%; margin-bottom: 30px;}
.review-sec .subtitle p{ font-size: .8em; text-align: center; color: #fff;}
.review-sec .sr-slider{ width: 100%; margin-top: 50px;}
.review-sec .sr-slider .card{ min-height: 415px;  background:#fff; border:0px; transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s; margin: 15px;}
.review-sec .sr-slider .card:hover{ box-shadow: 0 0 15px #ccc; transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s;}
.review-sec .sr-slider .card:hover .icon-b{ background-color:rgb(239, 244, 248); transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s;}
.review-sec .sr-slider .card .icon-b{width: 150px; height: 150px; border-radius: 100%; text-align: center; margin: 20px auto 20px; background: #fff;     box-shadow: 0 0 15px #ccc; transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s; position: relative;}
.review-sec .sr-slider .card .icon-b img{ object-fit: cover; width: 100%; height: 100%; border-radius: 100%; }
.review-sec .sr-slider .card .icon-b:before{content: "\e925"; font-family: 'icomoon'; position: absolute; top:-26px; right:-26px;  font-size: 2.5em; z-index: 999;}
.review-sec .sr-slider .card .contant-bx p{ max-height: 163px; overflow-y: auto;}
.review-sec .sr-slider .card .contant-bx p::-webkit-scrollbar-track{background:#ccc;border-radius:5px; }
.review-sec .sr-slider .card .contant-bx p::-webkit-scrollbar{width:6px; }
.review-sec .sr-slider .card .contant-bx p::-webkit-scrollbar-thumb{background:#38b6ff; border-radius:5px;}
.recent-sec{width: 100%; padding:60px 0;}
.listing-box{ display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-gap: 15px;}
  .recent-sec .list-blog.first-block{
    grid-row: 1 / 3;
    grid-column: 1 /3;
  }

.recent-sec .card{padding: 10px;background-color: #fff;border-radius: 8px;-webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px;
  -o-border-radius: 8px; border: 1px solid #ECEDF2;-webkit-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
  .date-comment{ display: flex;}
  .date-comment li{ font-size: 1rem; position: relative;  padding-left: 15px;}
  .date-comment li:first-child{ padding: 0px;}
  .date-comment li:before{ content: '';  position: absolute;
    left: 2px;
    top: 10px;
    width: 5px;
    height: 6px;
    background: #434343;}
  .date-comment li:first-child:before{ display: none;}
  .recent-sec .list-blog .image-bx{ overflow: hidden;}
  .recent-sec .list-blog .image-bx  img{width: 100%;height: 100%;object-fit: cover; transition: transform 400ms ease-out;}
  .recent-sec .list-blog:hover img{transform: scale(1.15);}
  .recent-sec .list-blog.first-block h3 a{ font-size:2rem;}
  .recent-sec .list-blog h3{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 0px;}
  .recent-sec .list-blog.first-block h3{ white-space: inherit; text-overflow:inherit; overflow:inherit; margin-bottom: 0px;}
  .recent-sec .list-blog h3 a{font-size:1rem; overflow: hidden; height:20px;}

.enquery-sec{ width: 100%; padding:60px 0; background-image: url(../images/enq-bg.jpg); background-position: center; background-size: cover; background-attachment: fixed;}
.enquery-sec .form-head{ background: #fff; padding: 30px 30px 1px; display: block;}
.enquery-sec .form-head p{ font-size: 1.2rem;}
.enquery-sec .form-head ul{ list-style-type: circle; padding-left: 25px; margin: 20px  0 20px;}
.enquery-sec .form-head ul li{font-size: 1.2rem;}
.enquery-sec .form-box{background: #fff; padding:30px;}
.enquery-sec .form-box .f-head{ display: flex; justify-content: space-between; padding: 10px 15px;  border: 1px solid #ccc; border-bottom: 0px; align-items: center;}
.enquery-sec .form-box .f-head h2{ font-size: 1.5rem; line-height: 2.5rem;  margin: 0px;}
.enquery-sec .form-box .f-head p{ font-size: .8rem; margin: 0px;}
.enquery-sec .form-box .f-head p span{ color:#0186d3;}
.enquery-sec .form-box  form{ padding: 15px; border: 1px solid #ccc;}
.enquery-sec .form-box  form .form-control{ border-radius: 0px;}
.enquery-sec .form-box  form label{ font-weight: 600; color:#000; font-size:.8rem;}
.enquery-sec .form-box  form .btnform{ background-color:#38b6ff ; color: #fff; padding: 10px 15px;  font-size: 1rem; border-radius: 0px; border: 0px;}



a.btn-all{background-color: #0186d3; color: #fff;  border: 1px solid #0186d3; padding: 7px 25px; border-radius: 0px; display: inline-block; font-weight: 500; font-size: 1.1rem; color:#fff;}
a.btn-all:hover{ background-color: #fff; color:  #0186d3;}
@keyframes elementor-animation-pop{50%{transform:scale(1.2)}}
.elementor-animation-pop:active,.elementor-animation-pop:focus,.elementor-animation-pop:hover{animation-name:elementor-animation-pop;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:1}
/***** Global network END*****/	






footer{ padding:30px 0 0; background-color: #5daedd;}
footer .foot-cn .foot-logo{margin-bottom: 15px;}
footer .foot-cn .foot-logo img{ height:50px;}
footer .foot-cn p{ font-size: 1rem; margin-bottom: 20px; color: #fff;}
footer .social-medialink{ display: flex;}
footer .social-medialink a{ margin: 0 3px; font-size: 1.5rem;}
footer .social-medialink a .icon{ width: 30px; height: 30px;  border-radius: 50%; padding:7px;}
footer .social-medialink a .icon-facebook{ color:#fff; background-color:#4267B2;}
footer .social-medialink a .icon-insta{padding:7px; color:#fff; background: #EF324B;
  background: linear-gradient(to right bottom  , #e95950 30%,#bc2a8d , #fccc63 100%)}
footer .social-medialink a .icon-twitter{ background-color:#1DA1F2; color:#fff;}
footer .social-medialink a .icon-linkedin{ background-color: #0A66C2;color:#fff;}
footer .foot-cn .foot-title{ font-size: 1.3rem; line-height: 2.5rem; position: relative; margin-bottom: 15px; font-weight: 600; color: #fff;}
footer .foot-cn .foot-title::before{ content: '';  width: 100px; height:3px; background: #fff;  position: absolute; bottom: -3px; left: 0;}
footer .foot-cn ul li a{ font-size: 1rem; color: rgb(255, 255, 255);}
footer .copyrite{ width: 100%; padding: 10px 0; display: flex;  justify-content: space-between; border-top:1px solid #FFFFFF1A}
footer .copy{ color:#fff; font-size: 1rem;}
/*---------postjob--------------*/
.post-form{ width: 100%; margin: 30px 0; padding: 30px; background: rgb(234 234 234 / 45%); border: 1px solid #ccc;}
.post-form .form-control{ border-radius: 0px; height: auto; line-height: 2rem;}
.post-form  .btnform {background-color: #38b6ff;transition:all 0.3s;  color: #fff;padding: 10px 25px;font-size: 1rem; border-radius: 0px;border: 0px;}
.post-form  .btnform:hover{background-color: #38b6ff;}
@media (max-width:767px) {
  /* .desktop-dp{ width: 50%;} */
  .top-nav-m{ display: block;}
  .mobile-topbar{ display: block;}
  .top-l-d{ display:none;}
	.mOverlay.active { display: block; opacity: 1;}
	.my-menu {display: none;position: fixed;z-index: 999;top: 0;left: 0;height: 100%;background: #fff;width: 250px;border-right: 1px solid #d8d8d8; overflow-x:auto; padding: 10px;}
	.navbar-brand{ width: 160px; padding: 7px 0;}
  nav ul li{  border-bottom: 1px solid #e6e6e6;}
  nav ul li  a{ padding:15px 0!important;}

  ul.navbar-nav li>ul{left: 0;  min-width: auto; transform: translateX(0%); margin-left: 15px; background: #f3f3f3; padding: 10px; margin-bottom: 10px;}
  ul.navbar-nav li>ul li{border-bottom: 1px solid #ccc!important;}
  ul.navbar-nav li>ul li:last-child{border-bottom: 0px!important;}
  .bt-menu.open span{ background-color: #ffffff!important;}
  .top-nav-m{  text-align: center;}
  .globle-link a.postjob-btn{ margin: 20px auto 0 ; padding: 8px 15px; border-radius: 5px;}
}
@media (max-width:500px) {
  .listing-box{ display: grid;
    grid-template-columns:48% 48%;
    grid-gap: 15px;}
  .slider-sec .item .contant-bx{ left: 50%; width: 80%;}
  .recent-sec .list-blog.first-block{
    grid-row: 1 / 2;
    grid-column: 1 /3;
  }
.container {max-width: 100%;}
.owl-carousel .owl-item img{ width: auto; height: 100%;}
.book-list li{ width: 100%;}
footer .copyrite{ flex-wrap: wrap-reverse;}
footer .copy{ width: 100%; text-align: center;}
footer .social-medialink{ width: 100%; justify-content: center;}

}