/* --open sans-- */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/* font-family: "Kalam", cursive; */

@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Quicksand:wght@300..700&display=swap');

select::-ms-expand { display: none; }
a{  -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
h1 {font-size:45px;color:#222222; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-weight:700;font-family: "Anek Odia", sans-serif;}
h2 {font-size:30px;color:#222222; margin:0px 0px 15px 0px;padding:0px;line-height: 1.2;font-weight:700;font-family: "Open Sans", sans-serif;}
h3 {font-size:25px;color:#222222; margin:0px 0px 15px 0px;padding:0px;line-height: 1.2;font-weight:700;font-family: "Open Sans", sans-serif;}
h4 {font-size:22px;color:#222222; margin:0px 0px 15px 0px;padding:0px;line-height: 1.2;font-weight:600;font-family: "Open Sans", sans-serif;}
h5 {font-size:20px;color:#222222; margin:0px 0px 10px 0px;line-height: 1.4;font-weight:600;font-family: "Open Sans", sans-serif;}
h6 {font-size:18px;color:#222222;margin:0px 0px 10px 0px;line-height: 1.2;font-weight:500;font-family: "Open Sans", sans-serif;}
.spacer1pxborder {clear:both;line-height:0;font-size:0;overflow:hidden;height:1px; background: rgba(26,28,38,0.1); margin:20px 0px 20px 0px;width:100%; border:none;}
body {overflow-x:hidden;color:#505050;font-size:15px;line-height:1.4; margin:0px; padding:0px; outline:none;text-decoration:none;list-style:none;box-sizing: border-box;font-family: "Open Sans", sans-serif;background-color:#fff;font-weight: 400;}
body,html{padding: 0; padding-left: 0;margin: 0;}
p {color: #222222;font-size: 16px;line-height: 1.4;margin: 0px 0px 20px 0px;font-family: "Open Sans", sans-serif;font-weight: 400;}
ul, ol {list-style: none;margin: 0;padding: 0;}
a:hover{ text-decoration:none;}
.form-control::-webkit-input-placeholder {color:#222222 !important; opacity:1 !important;}
.form-control::-moz-placeholder {color:#222222 !important; opacity:1 !important;}
.form-control::-ms-input-placeholder {color:#222222 !important; opacity:1 !important;}
.form-control::-moz-placeholder {color:#222222 !important; opacity:1 !important;}
:focus, button:focus {outline-style:none;box-shadow:none;}
*:focus {outline: none;}
input:focus{outline:1px;}
img{max-width:100%;height:auto; outline:none;}
a{outline:none; border:none;text-decoration: none;}
.header-sticky{position: fixed;left: 0; top: 0;  right: 0; width: 100%; background-color: #fafafa;padding: 13px 100px;z-index: 12;}
.fixedhead{overflow: hidden; transition: all 0.5s ease-in-out; transform: perspective(300px) rotateX(-90deg); transform-origin: top;}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}

.mb-50 { margin-bottom: 50px;}

.header h2{position: relative; padding-left: 25px;    margin-bottom: 35px;}

.header h2::before{ position: absolute; content: "";width: 5px;height: 70%; background: #ff6983; top: 48%;left: 0; transform: translateY(-50%); border-radius: 8px;}

.header-sticky .menu-top {display: none;}

body{background-image: url(../images/white-bg.jpg); background-size: contain;background-repeat: repeat;}

/* -- side Header -- */

.left-menu{width: 300px; background: #fafafa;padding: 20px; height: 100%;position: fixed;top: 0;left: 0;  z-index: 99; transition: all 0.5s ease-in-out;   overflow-x: hidden;}

.left-menu::-webkit-scrollbar { width: 0px;}

.left-menu::-webkit-scrollbar {
    height: 6px;
    background-color: #d6dadd00;
    border-radius: 10px;
}
.left-menu::-webkit-scrollbar-thumb {
    background: #6194cb00;
    border-radius: 10px;
}

.left-menu .accordion-item .accordion-button {padding: 15px 0; background: unset; color: #494949; font-size: 16px;}

.left-menu .accordion-item .accordion-button span, .left-menu .sile-menu li a span{color: #ff6983; width: 20px; height: 20px; display: flex;align-items: center; justify-content: center; margin-right: 10px;}

.left-menu .accordion-item {background-color: unset;position: relative; z-index: 1;}

.left-menu .sile-menu li{ padding: 15px 0;}

.left-menu .sile-menu li a{color: #494949; display: flex; font-size: 16px;}

.left-menu .accordion-item .accordion-button::after{ filter: invert(28%) sepia(100%) hue-rotate(281deg) saturate(3); transform: rotate(-90deg);}

.left-menu .accordion-item .accordion-button:not(.collapsed)::after{ transform: rotate(0deg);}

.left-menu .accordion-item .accordion-button:focus{ border-color: unset; box-shadow: unset;}

.left-menu .accordion-item .accordion-button:not(.collapsed){box-shadow: unset;}

.left-menu .sile-menu-inner li{padding: 10px 20px; margin-left: 10px;border-bottom: 1px solid #dee2e6;}

.left-menu .sile-menu-inner li a{ font-size: 14px; color: #757575;position: relative;}

.left-menu .sile-menu-inner li a::before{position: absolute;content: ""; left: -18px;top: 10px; height: 1px;  width: 12px;background-color: #ff6983;}

.left-menu .sile-menu-inner li:last-child {border-bottom: unset;}

.left-menu  .accordion-body{ padding: 0;}

.menu-top{text-align: center ;position: sticky;top: 0px;  background: #fafafa;z-index: 9;}

.menu-top::before{ position: absolute;  top: -20px;  left: -20px;content: " "; height: 80px;width: 300px; background-color: #fafafa;}

.menu-top h2{font-family: "Kalam", cursive; color: #ff6983; margin: 0;position: relative;}

.menu-contact li{ display: flex; gap: 15px;margin-top: 15px;}

.menu-contact li span{ flex: 0 0 30px;display: flex; align-items: center;  justify-content: center; border: 1px solid #ff6983;  width: 30px;   height: 30px; border-radius: 3px; background: #ff6983; color: #fff;  font-size: 15px;}

.menu-contact li span i{    animation: gtwss-vibrateq 1.5s linear infinite;}

.menu-contact li a{ color: #757575;font-size: 14px;}

.menu-social  ul {display: flex;align-items: center;  gap: 10px;} 

.menu-social  ul li a{height: 40px; width: 40px;background: #d7d7d7; display: flex;align-items: center; justify-content: space-evenly; color: #ff6983;font-size: 18px; box-shadow: 5px 5px 15px #D1D9E6, -5px -5px 15px #ffffff; background: linear-gradient(145deg, #e2e8ec, #ffffff); border-radius: 6px;}

.menu-social  ul li a:hover{ animation: bouNceEffect 1s 0.5s infinite; color: #fff;background: #ff6983;}


/* -- Sticky Header--  */

.content{padding-left: 300px;}

.header-sticky{ background: #fafafa; padding: 40px 0;}


/* --banner --*/

.banner{padding: 30px;margin-top: 75px;}

.banner .banner-item img{ border-radius: 20px;}

.banner .owl-prev { left: 80px; right: unset; top: 50%;color: #fff; border: unset;}

.banner .owl-next { top: 50%; right: 80px; color: #ffffff;border: unset;}

.banner .owl-next:hover, .banner .owl-prev:hover { background: #ff6983; border-color: #ff6983; color: #fff;}

.banner .owl-next i, .banner .owl-prev i{font-weight: 300;}

.banner .banner-item{position: relative;}

.banner .banner-item .banner-txt{ width: 50%;position: absolute;top: 50%; left: 50%; margin: 0 auto;text-align: center;}

.banner .banner-txt {opacity: 0;transform-origin: top;transform: translateX(50px);transition: all 2.5s ease;}

.banner .active .banner-txt { opacity: 1; transform: translate(-50%, -50%);}

.banner .banner-txt h1{color: #fff;    font-size: 90px;     margin-bottom: 5px;}

.banner .banner-txt p{color: #fff;}

.btn-group {display: flex; align-items: center;  justify-content: center; gap: 25px; }

.btn-group a{padding: 10px 25px; border-radius: 5px; background: #ff6983; font-size: 18px;}

.btn-group a.noho{color: #fff; background: #ff6983;border: 1px solid #ff6983; }

.btn-group a.noho:hover{color: #ff6983; background: #fff;border: 1px solid #ff6983  ;}

.btn-group a.wiho{color: #ff6983; background: #fff;border: 1px solid #fff; }

.btn-group a.wiho:hover{color: #fff; background: #ff6983;border: 1px solid #ff6983; }

/* -- About -- */


.ha-detail ul{display: flex; align-items: center; gap: 35px; padding: 0 15px;}

.ha-detail li span{ display: block; margin-bottom: 18px;}

.home-about .ha-txt p{font-size: 18px;    color: #6d6d6d;}

.home-about .ha-img{height: 100%;}

.home-about .ha-img img{height: 100%; object-fit: cover;border-radius: 5px;}

.home-about .ha-txt{height: 100%;}

.home-about .btn-group {justify-content: flex-start;}

.ha-dtl-head{ padding: 15px; background: aliceblue; background-image: linear-gradient(45deg, #ff6983, #1c4bff);border-radius: 10px; margin-bottom: 25px;}

.ha-dtl-head h3{ margin: 0;color: #fff; font-family: "Kalam", cursive;}

.home-about-inner{ padding: 15px;box-shadow: 0 0 10px 0 #e0e0e0;  border-radius: 10px;background: #fff;}

.ha-detail .btn-group{  padding: 0 15px 15px;}

.ha-detail{ box-shadow: 0 0 10px 0 #ebebeb; border-radius: 5px;}


/* -- Blog -- */

.home-blog .blog-img {width: 80%; height: 400px;}

.home-blog .blog-img img{width: 100%;height: 100%; object-fit: cover; border-radius: 10px;}

.home-blog .dt{ display: flex; gap: 15px;}

.home-blog .dt li{ font-size: 13px; font-weight: 700;  color: #bebebe;}

.home-blog .dt li i{color: #ff6983;font-size: 16px; margin-right: 5px;}

.home-blog .blog-txt p{font-size: 14px;}

.home-blog .blog-txt h4{color: #ff6983;}

.home-blog  .btn-group { justify-content: flex-start;}

.news-event-grid {  padding: 10px; border: 1px solid #cecece;  border-radius: 5px;     background: #fafafa;}

.event-item {border-bottom: 1px solid #cecece;display: flex;margin-top: 15px; padding-bottom: 15px;}

.event-img {width: 100px;  height: 100px; margin-right: 10px;  flex: 0 0 100px;}

.event-img img { width: 100%;  height: 100%;object-fit: cover;   border-radius: 3px;}

.event-txt {padding: 0px 15px 5px; position: relative;}

.event-datee {  color: #ff6983; font-weight: 600; font-size: 14px;}

.news-event-grid p { font-weight: 500;  font-size: 15px; margin: 10px 0 0;  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}

.news-event-grid p a{    color: #777777;}

.news-event-grid p a:hover{color: #ff6983;}

.recet-evetop {padding: 20px 30px;border-radius: 5px;font-size: 21px;font-weight: 700; color: #343c55;display: flex;  background-image: linear-gradient(45deg, #ff6983, #1c4bff); text-transform: capitalize; display: flex; align-items: center; margin-bottom: 30px;}

.recet-evetop h3{ margin: 0; color: #fff; font-family: "Kalam", cursive;}

.event-item:last-child{border-bottom: unset;}

.home-blog-inner{ padding: 15px; border-radius: 10px;    background: linear-gradient(145deg, #e2e8ec, #ffffff); box-shadow: 5px 5px 15px #D1D9E6, -5px -5px 15px #ffffff;}

/* -- Gallery -- */

:root{
    --duration: 20s;
    --delay: 20s;
}

.gallery-inner{ position: relative;overflow: hidden; padding: 15px;box-shadow: 0 0 10px 0 #e0e0e0; border-radius: 10px; background: #2d274ded;}

.gallery-bg{position: absolute; overflow: hidden;height: 100%; width: 100%;}

.gallery-bg img { --duration: 40s;--name: float-up-1; position: absolute; top: 0;    left: 0; width: 20%; transform: translateY(200vh);  animation: var(--name) var(--duration) linear infinite; box-shadow: 1px 3px 15px rgba(0, 0, 0, 0.5); z-index: 1;}

.gallery-bg img:nth-child(1) {animation-delay: 0s; }

.gallery-bg img:nth-child(2) { animation-delay: -3s;  }

.gallery-bg img:nth-child(3) {animation-delay: -6s; }

.gallery-bg img:nth-child(4) { animation-delay: -9s; }

.gallery-bg img:nth-child(5) {animation-delay: -12s; }

.gallery-bg img:nth-child(6) { animation-delay: -15s;}

.gallery-bg img:nth-child(7) {animation-delay: -18s; }

.gallery-bg img:nth-child(8) {animation-delay: -21s; }

.gallery-bg img:nth-child(9) {  animation-delay: -24s; }

.gallery-bg img:nth-child(10) {animation-delay: -27s; }

.gallery-bg img:nth-child(1) { --name: float-up-1;--duration: calc(20s * 1); left: 0vw; z-index: -1; }

.gallery-bg img:nth-child(2) {  --name: float-up-3;--duration: calc(20s * 3);left: 10vw; z-index: -3; }

.gallery-bg img:nth-child(3) {--name: float-up-2; --duration: calc(20s * 2); left: 30vw; z-index: -2; }

.gallery-bg img:nth-child(4) { --name: float-up-1; --duration: calc(20s * 1);left: 36vw;z-index: -1; }

.gallery-bg img:nth-child(5) {--name: float-up-3;  --duration: calc(20s * 3); left: 45vw; z-index: -3; }

.gallery-bg img:nth-child(6) {  --name: float-up-2;  --duration: calc(20s * 2); left: 30vw; z-index: -2;}

.gallery-bg img:nth-child(7) {--name: float-up-2; --duration: calc(20s * 2);left: 15vw; z-index: -2; }

.gallery-bg img:nth-child(8) { --name: float-up-3;  --duration: calc(20s * 3); left: 5vw; z-index: -3;}

.gallery-bg img:nth-child(9) { --name: float-up-1; --duration: calc(20s * 1); left: 18vw; z-index: -1;}

.gallery-bg img:nth-child(10) {--name: float-up-2;--duration: calc(20s * 2); left: 0vw;z-index: -2;}
  
  @keyframes float-up-3 {
    from {
      transform: translateY(200vh) translateZ(-50vh);
    }
    to {
      transform: translateY(-200vh) translateZ(-50vh);
    }
  }
  @keyframes float-up-2 {
    from {
      transform: translateY(150vh) translateZ(-25vh);
    }
    to {
      transform: translateY(-150vh) translateZ(-25vh);
    }
  }
  @keyframes float-up-1 {
    from {
      transform: translateY(100vh);
    }
    to {
      transform: translateY(-100vh);
    }
  }
  @keyframes spin {
    10%, 100% {
      transform: rotateY(360deg);
    }
  }
  @keyframes shrink {
    0% {
      transform: scale(1) translateX(0);
    }
    2.5% {
      transform: scale(0.75) translateX(5%);
    }
    7.5% {
      transform: scale(0.75) translateX(-5%);
    }
    10%, 100% {
      transform: scale(1);
    }
  }

  .gallery-page{ margin-top: 75px;height: 100%; position: relative;min-height: 100vh;}

  .gallery-page .about-img {width: 100%; height: 100%; position: absolute;  top: 0;  left: 0;}

  .gallery-page .about-img img {height: 100%; width: 100%; object-fit: cover;filter: grayscale(1);}

  .gallery-page-inner{position: relative; z-index: 2;padding-top: 35px;}

  .gallery-page-inner .nav-pills { border: 1px solid #271e38; justify-content: center; border-radius: 10px; padding: 10px 0;background: #100327;}

  .gallery-page-inner .nav-link { font-family: "Kalam", cursive;font-size: 18px; color: #ffff;margin-right: 10px;color: #fff;box-shadow: 1px 4px 2px -3px rgba(0, 0, 0, 0.7) inset, -1px -3px 3px -2px rgba(255, 255, 255, 0.2) inset; background: #3c365a; border: 2px solid #3c365a;}

  .gallery-page-inner .nav-pills .nav-link.active, .gallery-page-inner .nav-pills .show>.nav-link {    box-shadow: 1px 4px 2px -3px rgba(0, 0, 0, 0.7) inset, -1px -3px 3px -2px rgba(255, 255, 255, 0.2) inset;background: #150857;border: 2px solid #150857; color: #fff; }

  .gallery-page-inner .gallery-img{height: 230px; width: 100%; border-radius: 5px; overflow: hidden;}

  .photo-inner{cursor: pointer;}

  /* What I Do */

  .what-do-inner{position: relative;overflow: hidden;  padding: 15px 25px 25px 25px ; box-shadow: 0 0 10px 0 #e0e0e0;border-radius: 10px;
         /* background: #212428; */
         background: #3b3559;
  }

  .what-do-inner .what-do-item{ padding: 30px; border-radius: 10px; 
    /* border: 2px solid #222932;  background: linear-gradient(145deg, #1e2024, #23272b); box-shadow: 10px 10px 19px #1c1e22, -10px -10px 19px #262a2e;  */
    box-shadow: 1px 4px 2px -3px rgba(0, 0, 0, 0.7) inset, -1px -3px 3px -2px rgba(255, 255, 255, 0.2) inset;
    background: #2d2653;
    border: 2px solid #2d2653;
    height: 100%;
  }

  .what-do-inner .what-do-item h3{ font-size: 22px; color: #c4cfde; font-family: "Kalam", cursive; font-weight: 500;}

  .what-do-inner .what-do-item p{ color: #c4cfde; margin: 0; font-size: 15px;}

  .what-do-inner .what-do-item img{width: 50px; margin-bottom: 20px;}

  .what-do-inner .header h2{color: #fff;}

  /* -- */

.glrx-h img {width: 100%; border-radius: 9px; cursor: zoom-in; }

.glr1 { height: 119px; object-fit: cover;}

.glr2 {  height: 300px; object-fit: cover; object-position: left;}

.glr3 { height: 406px;  object-fit: cover;}

.glr14 { height: 144px; object-fit: cover;}

.glr5 { height: 333px;  object-fit: cover;}

.glr6 { height: 129px;  object-fit: cover;}

.glr8 { height: 252px; object-fit: cover;}

.head-botn21 a {color: #003d71; text-decoration: none;background: #fff; transition: color 0.45s ease 0.25s, background 0.45s ease 0.25s;}

.plxs {top: 50%; left: 50%;transform: translate(-50%, -50%); height: 50px; width: 50px;border-radius: 50%; background-color: red;}

.plxs img { position: absolute; top: 50%; left: 55%; transform: translate(-50%, -50%); width: 25px;  height: 25px;}

.w-70 { width: 88% !important;}

.home-gallery{padding: 50px 0;background: #0d0d0d;position: relative;}

.w-80 { width: 80% !important;}

.gallery-inner .header h2 {color: #fff;}

.home-gall-inner{ position: relative;z-index: 2;}

/* -- Testimonial -- */

.rate-show span { color: #ff6983  ; font-size: 15px;}

.testimonial .testi-profile{text-align: center;}

.testimonial .testi-profile .pf-img{width: 60px;height: 60px;margin: 0 auto;}

.testimonial .testi-profile .pf-img img{border-radius: 50%;}

.testimonial-inner {padding: 15px; box-shadow: 0 0 10px 0 #e0e0e0; border-radius: 10px;background: #fff;}

.testimonial-item { padding: 35px; border: 1px solid #e0e0e0; border-radius: 10px;position: relative;}

.testimonial-item .quote{position: absolute;right: 25px;top: 10px;opacity: .1;}

.testimonial .pf-txt  h5{margin-top: 10px;}

.testimonial .pf-txt p{margin-top: 10px;margin-bottom: 0px;}

.testimonial .owl-dots{display: none !important;}

/* -- Contact -- */

.home-contact-inner{padding: 15px;box-shadow: 0 0 10px 0 #e0e0e0;  border-radius: 10px;background: #f4f4f4;}

.home-contact-inner .cont-details{padding: 25px; border: 1px solid #ebebeb;border-radius: 10px;background: #ffff;height: 100%;    background: linear-gradient(145deg, #e2e8ec, #ffffff);box-shadow: 5px 5px 15px #D1D9E6, -5px -5px 15px #ffffff;}

.home-contact .con-bot p{ padding-top: 60px; margin: 0; font-size: 15px;}

.home-contact .con-img span{ display: flex;align-items: center; justify-content: center;border: 1px solid #ff6983; width: 60px;height: 60px;border-radius: 3px; background: #ff6983;color: #fff;font-size: 24px; margin-bottom: 15px;}

.home-contact .con-img span i{    animation: gtwss-vibrateq 1.5s linear infinite;}

.cont-details h3{font-family: "Kalam", cursive;color: #ff6983;}

.home-contact .con-top p{margin: 0;}

.home-contact .con-top p a{color: #737373;}

.home-contact .header h2 {  margin-bottom: 10px;}

.back-to-top {width: 40px; height: 40px;background: #ff6983; color: #ffffff;display: inline-block; text-align: center;line-height: 40px;  border-radius: 4px; box-shadow: 0px 0px 3px #ff6983;  position: fixed; right: 15px; bottom: 15px;animation: 1s infinite bounce_513;z-index: 9;}

@keyframes bounce_513 {
    0%,
      100% {
      transform: translateY(-25%);
      animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    }
  
    50% {
      transform: translateY(0);
      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }
  }

  @keyframes  gtwss-vibrateq {
    0% {
    transform: rotate(0deg) scale(1) skew(1deg);
    }
    
    10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
    }
    
    20% {
    transform: rotate(25deg) scale(1) skew(1deg);
    }
    
    30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
    }
    
    40% {
    transform: rotate(25deg) scale(1) skew(1deg);
    }
    
    50% {
    transform: rotate(0deg) scale(1) skew(1deg);
    }
    
    100% {
    transform: rotate(0deg) scale(1) skew(1deg);
    }
    }
    @keyframes  bouNceEffect {
        0%,100%{
            transform: translate(0,0);
        }
        50%{
            transform: translate(0,-7px);
        }
    }

  footer{ padding: 20px;background: #fafafa;}

  footer p{ margin: 0; color: #ff6983; text-align: end;}

/* -- over view -- */

.about{ margin-top: 75px; height: 100%; position: relative;min-height: 100vh;}

.about .about-img{width: 100%;height: 100%; position: absolute;top: 0; left: 0  ;}

.about .about-img img{height: 100%;width: 100%;object-fit: cover;filter: grayscale(1);}

.about-inner {  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 75%; margin: 0 auto;}

.about .about-left{ background: #fff;border-radius: 100px 100px 0 0; position: relative;margin-right: 25px;}

.about .about-left::before{  position: absolute; content: "";height: 100%;width: 100%;top: -15px; left: -15px; background-color: #65656559;z-index: 0;  border-radius: 100px 100px 0 0;}

.about .about-left::after{  position: absolute; content: "";height: 100%;width: 100%; bottom: 8px; right: 8px;background-color: #464646c9;z-index: 0;  border-radius: 100px 100px 0 0;}

.about .about-left img{border-radius: 100px 100px 0 0 ; position: relative;background: #fff; padding: 5px; z-index: 2;} 

.about .about-right h3{color: #fff;font-family: "Kalam", cursive;font-size: 40px;border-bottom: 1px solid white;padding-bottom: 10px; width: fit-content;}

.about .about-right p{color: #fff ; font-size: 18px;}


.gallery-tab{position: relative;z-index: 2;}

.gal-img {height: 200px; width: 100%; padding: 5px; background: #574a98;border-radius: 5px;    box-shadow: 1px 4px 2px -3px rgba(0, 0, 0, 0.7) inset, -1px -3px 3px -2px rgba(255, 255, 255, 0.2) inset; background: #2d2653; border: 2px solid #2d2653;}

.gal-img img{ height: 100%; width: 100%; object-fit: cover;}

.gal-txt{ text-align: center;padding: 10px 0; margin-top: 10px; border-radius: 5px;box-shadow: 1px 4px 2px -3px rgba(0, 0, 0, 0.7) inset, -1px -3px 3px -2px rgba(255, 255, 255, 0.2) inset;background: #2d2653;border: 2px solid #2d2653;}

.gal-txt h4{ margin: 0; font-size: 16px; color: #fff;    font-weight: 400;}

.gallery-tab .nav-link {margin-right: 15px; color: #fff;box-shadow: 1px 4px 2px -3px rgba(0, 0, 0, 0.7) inset, -1px -3px 3px -2px rgba(255, 255, 255, 0.2) inset; background: #3c365a; border: 2px solid #3c365a;}

.gallery-tab .nav-pills .nav-link.active, .gallery-tab .nav-pills .show>.nav-link{ box-shadow: 1px 4px 2px -3px rgba(0, 0, 0, 0.7) inset, -1px -3px 3px -2px rgba(255, 255, 255, 0.2) inset; background: #150857; border: 2px solid #150857; color: #fff;} 

/* =================Video Gallery================ */
.video-gal{padding: 60px 0;position: relative;}

.video-gal::before {position: absolute;content: "";top: 0; left: 0;height: 100%;width: 100%; background-image: url(../images/bg-13.png); background-repeat: repeat; background-size: inherit;}

.video-gal::after {position: absolute;top: 0; left: 0;content: ""; height: 100%; width: 100%; z-index: 0;background: #fafdffd2;}

.video-gallery {display: grid;grid-gap: 15px; max-width: 100%; margin: 0 auto; box-sizing: border-box;position: relative; z-index: 2;}

.video-gallery .gallery-item {position: relative;  width: 100%;  height: 230px; background: #000;  cursor: pointer; overflow: hidden;}

.video-gallery .gallery-item img {position: relative; display: block;width: 115%; height: 230px; object-fit: cover; opacity: .5;transition: all 350ms ease-in-out;transform: translate3d(-23px, 0, 0);}

.north-cascades-img {object-position: 50% 30%; }

.video-gallery .gallery-item .gallery-item-caption { padding: 32px; font-size: 1em; color: #fff; text-transform: uppercase; }

.video-gallery .gallery-item .gallery-item-caption,
.video-gallery .gallery-item .gallery-item-caption > a { position: absolute; top: 0;  left: 0; width: 100%;height: 100%;}

.video-gallery .gallery-item h2 {font-weight: 300; overflow: hidden; padding: 12px 0;}

.video-gallery .gallery-item h2,
.video-gallery .gallery-item p { position: relative;margin: 0; z-index: 1; pointer-events: none;color: #fff; font-size: 16px;}

.video-gallery .gallery-item p {letter-spacing: 1px; font-size: 12px; padding: 12px 0;  opacity: 0; transition: opacity 0.35s, transform 0.35s; transform: translate3d(10%, 0, 0);}

.video-gallery .gallery-item:hover img {opacity: 0.3; transform: translate3d(0, 0, 0);}

.video-gallery .gallery-item .gallery-item-caption {text-align: left;}

.video-gallery .gallery-item h2::after {content: ""; position: absolute; bottom: 0;left: 0; width: 15%;  height: 1px; background: #fff;transition: transform 0.3s;  transform: translate3d(-100%, 0, 0);}

.video-gallery .gallery-item:hover h2::after { transform: translate3d(0, 0, 0);}

.video-gallery .gallery-item:hover p {opacity: 1; transform: translate3d(0, 0, 0);}

/* -- designation -- */

.designation-inner{ z-index: 2;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 85%; margin: 0 auto;}

.designation-inner .row{  align-items: center; width: 65%;margin: 0 auto;}

.designation-img{ border-radius: 50%;position: relative;}

.designation-img::before{ position: absolute; content: " "; height: 100%; width: 100%; top: 0; left: 0; border: 2px solid #ff6983; border-radius: 50%; transform: scale(1.04);  background: #fff;}

.designation-img img{ border-radius: 50%;position: relative; object-fit: cover;}

.designation-inner .designation-txt{  background: #ff6983; padding: 40px 40px 40px 60px; position: relative; left: -0; z-index: -1; border-radius: 0 5px 5px 0;}

.designation-inner .designation-txt::before{ position: absolute;content: " "; height: 100%; width: 100%; background-color: #ff6983;  left: -85px;top: 0; z-index: -1;}

.designation-inner .designation-txt h3{font-family: "Kalam", cursive; color: #fff;}

.designation-inner .designation-txt p{  color: #fff;}

.designation-inner .row:nth-child(2) .designation-txt { padding: 40px 60px 40px 40px; right: 0;left: unset;}

.designation-inner .row:nth-child(2) .designation-txt::before { left: 85px;}




/* ====================responssive==================== */   



@media only screen and (min-width: 1480px) and  (max-width: 1920px)  {
    .container{
        width: 100%;
        max-width: 85%;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 1680px) and  (max-width: 1766px)  {

  .designation-inner .row {width: 75%; }
}
@media only screen and (min-width: 1580px) and  (max-width: 1679px)  {

  .designation-inner .row { width: 80%;}
    
}
@media only screen and (min-width: 1440px) and  (max-width: 1579px)  {


}   
@media only screen and (min-width: 1367px) and  (max-width: 1480px)  {

  .home-blog .blog-img { height: 325px;}

  .news-event-grid p { -webkit-line-clamp: 2;    font-size: 14px; }

  .event-img { width: 80px; height: 80px;flex: 0 0 80px;font-size: 14px;}

  .home-about .ha-txt p { font-size: 16px;}

  .ha-detail ul li:first-child{    width: 100%;}

  .ha-detail li span {margin-bottom: 15px; font-size: 14px;}

  .banner .banner-txt h1 { font-size: 65px;}

  .btn-group a { font-size: 15px;}

  .ha-detail ul { gap: 15px;}

  footer p {text-align: center;}

  .gallery-bg img:nth-child(8) {left: unset;right: 0;}

  .gallery-bg img:nth-child(9) { left: unset; right: 100px;}

  .gallery-bg img:nth-child(10) { left: 20vw;}

  .designation-inner .row { width: 100%;}



}
@media only screen and (min-width: 1300px) and  (max-width: 1366px)  {

  p{font-size: 15px;}

  .home-blog .blog-img { height: 325px;}

  .news-event-grid p { -webkit-line-clamp: 2;    font-size: 14px;}

  .event-img { width: 80px; height: 80px;flex: 0 0 80px;font-size: 14px;}

  .home-about .ha-txt p { font-size: 15px;}

  .ha-detail ul li:first-child{    width: 100%;}

  .ha-detail li span {margin-bottom: 15px; font-size: 14px;}

  .banner .banner-txt h1 { font-size: 65px;}

  .btn-group a { font-size: 15px;}

  .ha-detail ul { gap: 15px;}

  footer p {text-align: center;}

  .gallery-bg img:nth-child(8) {left: unset;right: 0;}

  .gallery-bg img:nth-child(9) { left: unset; right: 100px;}

  .ha-dtl-head h3 { font-size: 22px;}

  .left-menu .sile-menu li a { font-size: 14px;}

  .left-menu .accordion-item .accordion-button { font-size: 14px;}

  .recet-evetop { padding: 20px 30px;}

  .recet-evetop h3{font-size: 22px;}

  .about-inner .col-md-7.pt-5{padding-top: 0 !important;}

  .about .about-right h3 { font-size: 35px;}

  .about .about-right p { font-size: 16px;}

  .designation-inner .row { width: 100%;}

    
}
@media only screen and (min-width: 1180px) and  (max-width: 1299px)  {

  p{font-size: 15px;}

  .home-blog .blog-img { height: 325px;}

  .news-event-grid p { -webkit-line-clamp: 2;    font-size: 14px;}

  .event-img { width: 80px; height: 80px;flex: 0 0 80px;font-size: 14px;}

  .home-about .ha-txt p { font-size: 15px;}

  .ha-detail ul li:first-child{    width: 100%;}

  .ha-detail li span {margin-bottom: 15px; font-size: 14px;}

  .banner .banner-txt h1 { font-size: 65px;}

  .btn-group a { font-size: 15px;}

  .ha-detail ul { gap: 15px;}

  footer p {text-align: center;}

  .gallery-bg img:nth-child(8) {left: unset;right: 0;}

  .gallery-bg img:nth-child(9) { left: unset; right: 100px;}

  .ha-dtl-head h3 { font-size: 22px;}

  .left-menu .sile-menu li a { font-size: 14px;}

  .left-menu .accordion-item .accordion-button { font-size: 14px;}

  .recet-evetop { padding: 20px 30px;}

  .recet-evetop h3{font-size: 22px;}  

  .about-inner .col-md-7.pt-5{padding-top: 0 !important;}

  .about .about-right h3 { font-size: 35px;}

  .about .about-right p { font-size: 15px;}

  .designation-inner .row { width: 100%;}

  .designation-inner .row:nth-child(2) .designation-txt::before { left: 100px;}

  .designation-inner .row:nth-child(2) .designation-txt { padding: 25px 30px 25px 25px;}

  .designation-inner .designation-txt {padding: 25px 25px 25px 30px;}

}
@media only screen and (min-width: 992px) and  (max-width: 1179px)  {

  p{font-size: 15px;}

  .home-blog .blog-img { height: 300px;width: 100%;}

  .news-event-grid p { -webkit-line-clamp: 2;font-size: 14px;}

  .event-img { width: 80px; height: 80px;flex: 0 0 80px;font-size: 14px;}

  .home-about .ha-txt p { font-size: 15px;}

  .ha-detail ul li:first-child{ width: 100%;}

  .ha-detail li span {margin-bottom: 15px; font-size: 14px;}

  .banner .banner-txt h1 { font-size: 40px;}

  .btn-group a { font-size: 15px;}

  .ha-detail ul { gap: 15px;}

  footer p {text-align: center;}

  .gallery-bg img:nth-child(8) {left: unset;right: 0;}

  .gallery-bg img:nth-child(9) { left: unset; right: 100px;}

  .ha-dtl-head h3 { font-size: 22px;}

  .left-menu .sile-menu li a { font-size: 14px;}

  .left-menu .accordion-item .accordion-button { font-size: 14px;}

  .recet-evetop { padding: 15px 15px;  }

  .recet-evetop h3{font-size: 20px;}

  .left-menu { width: 200px; padding: 15px;}

  .content { padding-left: 200px;}

  .menu-top h2 { font-size: 22px;}

  .left-menu .sile-menu-inner li {  padding: 10px 10px; margin-left: 10px;}

  .left-menu .sile-menu-inner li a {font-size: 13px;}

  .menu-social ul { flex-wrap: wrap;}

  .menu-contact li {flex-wrap: wrap;flex-direction: column;gap: 10px;margin-top: 15px; border-bottom: 1px solid gainsboro;padding-bottom: 10px;}

  .menu-contact li a { overflow-wrap: anywhere;font-size: 14px;}

  .menu-top::before { height: 60px;}

  .about-inner .col-md-7.pt-5{padding-top: 0 !important;}

  .about .about-right h3 { font-size: 35px;}

  .about .about-right p { font-size: 15px;}

  .designation-inner .row { width: 100%;}

  .designation-inner .row:nth-child(2) .designation-txt::before { left: 100px;}

  .designation-inner .row:nth-child(2) .designation-txt { padding: 20px 25px 20px 20px;}

  .designation-inner .designation-txt {padding: 20px 20px 20px 25px;}

  .designation-inner .designation-txt p { font-size: 14px;}

  .designation-inner { width: 90%;}


}
@media only screen and (min-width: 768px) and  (max-width: 991px)  {   
    
  p{font-size: 15px;}

  .home-blog .blog-img { height: 300px;width: 100%;}

  .news-event-grid p { -webkit-line-clamp: 2;font-size: 14px;}

  .event-img { width: 80px; height: 80px;flex: 0 0 80px;font-size: 14px;}

  .home-about .ha-txt p { font-size: 15px;}

  .ha-detail ul li:first-child{ width: 100%;}

  .ha-detail li span {margin-bottom: 15px; font-size: 14px;}

  .banner .banner-txt h1 { font-size: 30px;}

  .btn-group a { font-size: 14px;padding: 8px 20px;}

  .ha-detail ul { gap: 15px;}

  footer p {text-align: center;}

  .gallery-bg img:nth-child(8) {left: unset;right: 0;}

  .gallery-bg img:nth-child(9) { left: unset; right: 100px;}

  .ha-dtl-head h3 { font-size: 22px;}

  .left-menu .sile-menu li a { font-size: 14px;}

  .left-menu .accordion-item .accordion-button { font-size: 14px;}

  .recet-evetop { padding: 15px 15px;  }

  .recet-evetop h3{font-size: 20px;}

  .left-menu { width: 200px; padding: 15px;}

  .content { padding-left: 200px;}

  .menu-top h2 { font-size: 22px;}

  .left-menu .sile-menu-inner li {  padding: 10px 10px; margin-left: 10px;}

  .left-menu .sile-menu-inner li a {font-size: 13px;}

  .menu-social ul { flex-wrap: wrap;}

  .menu-contact li {flex-wrap: wrap;flex-direction: column;gap: 10px;margin-top: 15px; border-bottom: 1px solid gainsboro;padding-bottom: 10px;}

  .menu-contact li a { overflow-wrap: anywhere;font-size: 14px;}

  .menu-top::before { height: 60px;}

  .ha-detail{margin-top: 20px;}

  .event-right{margin-top: 20px;}

  .banner {padding: 15px;}

  .home-blog .blog-txt h4 {font-size: 18px;}

  .banner .owl-prev { left: 25px;}

  .banner .owl-next { right: 25px;}

  .banner .banner-item .banner-txt { width: 85%;}

  .home-contact .con-top p a {word-break: break-all;}

  .home-contact .con-bot p {padding-top: 15px; font-size: 14px;}

  .glr1 {
    height: 119px;
    object-fit: cover;
    width: 100% !important;
  }
  .glr3 {
      height: 212px;
      object-fit: cover;
  }
  .glr2 {
      height: 213px;
      object-fit: cover;
  }
  .glr5 {
      height: 233px;
      object-fit: cover;
  }
  .w-70 {
      width: 100% !important;
  }

  .cont-details h3 {font-size: 20px;}

  .home-contact .con-img span { width: 50px;height: 50px; font-size: 20px;}

  .testimonial-inner .owl-prev{    right: 60px;}

  .testimonial-inner .owl-prev, .testimonial-inner .owl-next {height: 35px; width: 35px;}

  .testimonial-inner .owl-next i, .testimonial-inner .owl-prev i { font-size: 15px;}

  .about-inner .col-md-7.pt-5{padding-top: 0 !important;}

  .about-inner { position: relative; top: 0; left: .0;transform: unset;width: 100%; margin: 0 auto; padding-bottom: 35px;}

  .about {height: auto; position: relative; margin-top: 65px;  }

  .about .about-right p { font-size: 14px;}

  .about .about-right h3 { font-size: 24px;}

  .about .about-left { margin: 35px 20px 0;}

  .about-inner .row{flex-direction: column-reverse;}

  .designation-inner .row { width: 100%;}

  .designation-inner .row:nth-child(2) .designation-txt::before { left: 100px;}

  .designation-inner .row:nth-child(2) .designation-txt { padding: 20px 25px 20px 20px;}

  .designation-inner .designation-txt {padding: 20px 20px 20px 25px;}

  .designation-inner .designation-txt p { font-size: 14px;}

  .designation-inner { width: 90%;}
    
}
@media only screen and (max-width: 767px) {

  /* .container{padding: 0 15px;width: 100%;max-width: 100%;} */

  p{font-size: 14px;}

  .home-blog .blog-img { height: 250px;width: 100%;}

  .news-event-grid p { -webkit-line-clamp: 2;font-size: 14px;}

  .event-img { width: 80px; height: 80px;flex: 0 0 80px;font-size: 14px;}

  .home-about .ha-txt p { font-size: 15px;}

  .ha-detail ul li:first-child{ width: 100%; flex: 0 0 85px;}

  .ha-detail li span {margin-bottom: 15px; font-size: 14px;}

  .banner .banner-txt h1 { font-size: 30px;}

  .btn-group a { font-size: 14px;padding: 8px 20px;}

  .ha-detail ul { gap: 15px;}

  footer p {text-align: center;}

  .gallery-bg img:nth-child(8) {left: unset;right: 0;}

  .gallery-bg img:nth-child(9) { left: unset; right: 100px;}

  .ha-dtl-head h3 { font-size: 22px;}

  .left-menu .sile-menu li a { font-size: 14px;}

  .left-menu .accordion-item .accordion-button { font-size: 14px;}

  .recet-evetop { padding: 15px 15px;  }

  .recet-evetop h3{font-size: 20px;}

  .left-menu { width: 0;padding: 0;}

  .content { padding-left: 0  ;}

  .menu-top h2 { font-size: 30px;}

  .left-menu .sile-menu-inner li {  padding: 10px 10px; margin-left: 10px;}

  .left-menu .sile-menu-inner li a {font-size: 13px;}

  .menu-social ul { flex-wrap: wrap;}

  .menu-contact li {flex-wrap: wrap;flex-direction: column;gap: 10px;margin-top: 15px; border-bottom: 1px solid gainsboro;padding-bottom: 10px;}

  .menu-contact li a { overflow-wrap: anywhere;font-size: 14px;}

  .menu-top::before { height: 60px;}

  .ha-detail{margin-top: 20px;}

  .event-right{margin-top: 20px;}

  .banner {padding: 15px 0;}

  .home-blog .blog-txt h4 {font-size: 18px;}

  .banner .owl-prev { left: 25px;}

  .banner .owl-next { right: 25px;}

  .banner .banner-item .banner-txt { width: 85%;}

  .home-contact .con-top p a {word-break: break-all;}

  .home-contact .con-bot p {padding-top: 15px; font-size: 14px;}

  .glr1 {
    height: 119px;
    object-fit: cover;
    width: 100% !important;
  }
  .glr3 {
      height: 212px;
      object-fit: cover;
  }
  .glr2 {
      height: 213px;
      object-fit: cover;
  }
  .glr5 {
      height: 233px;
      object-fit: cover;
  }
  .w-70 {
      width: 100% !important;
  }

  .w-80 {
    width: 100% !important;
  }

  .cont-details h3 {font-size: 20px;}

  .home-contact .con-img span { width: 50px;height: 50px; font-size: 20px;}

  .testimonial-inner .owl-prev{    right: 60px;}

  .testimonial-inner .owl-prev, .testimonial-inner .owl-next {height: 35px; width: 35px;}

  .testimonial-inner .owl-next i, .testimonial-inner .owl-prev i { font-size: 15px;}

  .header-sticky { padding: 15px 0;}

  .header-sticky.fixedhead{  animation: slide-down 0.7s;transform: perspective(0) rotateX(0);overflow: visible;}

  .menu-top { text-align: left;position: relative;}

  .home-about .ha-txt { margin-top: 25px;}

  .home-about {margin-top: 15px;}

  .banner-item{height: 30vh;}

  .fc-banner {height: 30vh;}

  .banner .banner-txt p {display: none;}

  .back-to-top {width: 40px; height: 40px; line-height: 40px;}

  .testimonial-item { padding: 35px 15px;}

  .header h2 { padding-left: 15px; font-size: 22px}

  .fc-banner  .owl-dots {  bottom: 0px;}

  .header-sticky .menu-top {display: block;}

  .about-inner { position: relative; top: 0; left: .0;transform: unset;width: 100%; margin: 0 auto; padding-bottom: 35px;}

  .about {height: auto; position: relative; margin-top: 65px;  max-height: 100%; padding-bottom: 40px;}

  .about .about-right p { font-size: 14px;}

  .about .about-right h3 { font-size: 24px;}

  .about .about-left { margin: 35px 20px 0;}

  .about-inner .row{flex-direction: column-reverse;}

  .what-do-inner { padding: 15px ;}

  /* .videogallery .owl-carousel .owl-stage-outer { padding: 0px;} */

  .gallery-page-inner .nav-link { margin-top: 6px; margin-bottom: 6px;}

  .video-gallery .gallery-item img { width: 100%; transform: translate3d(0px, 0, 0);}

  .designation-inner .row { width: 100%;}

  .designation-inner { position: relative; top: 0;left: 0;transform: unset;width: 100%;  padding-top: 40px;  }

  .designation-img{ width: 30%; margin: 0 auto;}

  .designation-inner .designation-txt {padding: 15px 30px 30px 30px;}

  .designation-inner .designation-txt::before {left: 0;  top: -40px;}

  .designation-inner .row:nth-child(2){flex-direction: column-reverse;}

  .designation-inner .row:nth-child(2) .designation-txt::before {left: 0;top: -40px;}

  .designation-inner .row:nth-child(2) .designation-txt {padding: 15px 30px 30px 30px;}

  .designation-inner .designation-txt h3 {font-size: 20px;}



}
@media only screen and (max-width:430px){

  .ha-detail li span { font-size: 13px;}

  .ha-detail ul { gap: 10px;}

  .home-about .ha-txt p {font-size: 14px;}

  .testimonial-item .quote {  width: 64px;}

  .testimonial .pf-txt h5 { margin-top: 5px;margin-bottom: 5px;}

  .btn-group a {  padding: 8px 15px;}

  .btn-group {gap: 15px;}

  .menu-top h2 {font-size: 25px;}
    
  .banner .owl-prev, .banner .owl-next  { top: 95%;}
  .designation-inner .designation-txt {padding: 15px 15px 15px 15px; text-align: center;}
  .designation-inner .row:nth-child(2) .designation-txt {padding: 15px 15px 15px 15px;}
  .designation-img {  width: 45%;}

}