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

@import url('https://fonts.googleapis.com/css2?family=Aclonica&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Rubik:ital,wght@0,300..900;1,300..900&family=Sofia+Sans:ital,wght@0,1..1000;1,1..1000&display=swap');  /* font-family: "Rubik", sans-serif; */

@import url('https://fonts.googleapis.com/css2?family=Aclonica&family=Lora:ital,wght@0,400..700;1,400..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Rubik:ital,wght@0,300..900;1,300..900&family=Sofia+Sans:ital,wght@0,1..1000;1,1..1000&display=swap'); /* font-family: "Lora", serif; */

@import url('https://fonts.googleapis.com/css2?family=Aclonica&family=Chokokutai&family=Lora:ital,wght@0,400..700;1,400..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Rubik:ital,wght@0,300..900;1,300..900&family=Sofia+Sans:ital,wght@0,1..1000;1,1..1000&display=swap');   /* font-family: "Chokokutai", system-ui; */




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:30px;color:#222222; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-weight:700;font-family: "Rubik", sans-serif;}
h2 {font-size:25px;color:#222222; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-weight:700;font-family: "Open Sans", sans-serif;}
h3 {font-size:24px;color:#222222; margin:0px 0px 10px 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 20px 0px;padding:0px;line-height: 1.2;font-weight:700;font-family: "Open Sans", sans-serif;}
h5 {font-size:20px;color:#222222; margin:0px 0px 15px 0px;line-height: 1.4;font-weight:600;font-family: "Open Sans", sans-serif;}
h6 {font-size:18px;color:#222222;margin:0px 0px 15px 0px;line-height: 1.2;font-weight:700;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;margin: 0;}
p {color: #222222;font-size: 16px;line-height: 1.4;margin: 0px 0px 20px 0px;font-family: "Sofia 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: relative;z-index: 9; background: #008000;}
.fixedhead{position: fixed;top: 0px; animation: slide-down 0.7s; opacity: 1;width: 100%;background: #fff;z-index: 999;left: 0px;box-shadow: 0 1px 7px 0 rgb(227 227 227 / 72%);}

.fixedhead.header-sticky .navbar-toggler-icon {filter: unset;}

.fixedhead.header-sticky .menu-txt {background: #008000;}

.fixedhead.header-sticky .menu-txt .offcanvas-title {color: #ffffff;}

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

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

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

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

.mt-120 { margin-top: 120px;}

ul, ol {list-style: none; margin: 0; padding: 0;}

ul { margin-bottom: 0 !important;}

img { max-width: 100%;height: auto;outline: none;}

.heading{position: relative; margin-bottom: 35px;}

.heading h2{ font-size: 30px;color: #484848; font-family: "Lora", serif; margin: 0;}

.heading::before{position: absolute; content: " ";height: 4px;width: 40px;background-color: #0000ff; left: 0;bottom: -15px; border-radius: 5px;}

.heading span{color: #0000ff; font-weight: 700;font-size: 15px;font-family: "Sofia Sans", sans-serif;}

.lg-btn a{ padding: 10px 25px;background: #0000ff; border-radius: 5px;color: #fff;transition: all .3s ease;font-size: 14px;}

.lg-btn a:hover{background: #fe6813;}

.top-heading{display: flex;align-items: center;justify-content: space-between;}


/* Header */

.btn-one {background: #00990e;color: #ffffff;display: inline-flex;align-items: center;font-size: 16px;line-height: 26px;padding: 17px 43px;text-align: center;font-weight: 700;z-index: 3;position: relative;transition: 0.4s;text-transform: uppercase;overflow: hidden;border-radius: 6px;}

.btn-one:hover{background-color: #2558d3;color: #fff;}

.btn-one i {position: relative;top: 0px;margin-left: 15px;font-size: 13px;}

button.btn-two { border: none;  background: #00990e;text-align: center; display: block;width: 100%; padding: 15px 20px;  border-radius: 5px; color: #fff; font-size: 19px;  font-weight: 500;}

.header-sticky .offcanvas.offcanvas-start {width: 70%; background: linear-gradient(103deg, #fffbfc 0%, #e6e4ff 50%, #fff7f2 100%);}

.header-sticky .offcanvas::after { position: absolute;content: '';  width: 0%;top: 0;height: 100%; background-color: #ffffff; left: 100%;transform: translateX(100%); transition: all .4s;opacity: 0; transition-delay: 0s; box-shadow: inset 10px 0 20px rgba(0, 0, 0, 0.1);}
.header-sticky .offcanvas.show::after {width: 50%; opacity: 1; transform: translateX(0);  transition-delay: .2s;}

.header-sticky .offcanvas.show { transition-delay: .0s;}

.header-sticky  .offcanvas-header { padding: 5% 10% 0;}

.header-sticky .offcanvas-body { padding: 3% 10% 0;}

.header-sticky .navbar-nav li { max-width: 50%; width: 100%;font-size: 40px;}

.header-sticky .navbar-nav {flex-direction: unset;flex-wrap: wrap;}

.header-sticky .navbar-nav li a {text-decoration: none; color: #000000; font-weight: 700;  letter-spacing: .5px; width: fit-content; transition: all .3s;}

.header-sticky .navbar-nav a:hover {-webkit-text-stroke: 1px #0000ff; -webkit-text-fill-color: transparent;}

.offcanvas-body p{font-family: "Lora", serif;color: #363636;font-size: 17px; margin: 0;}

.header-sticky button.btn-close.btn-close-white {background-color: #ffffff00; height: 35px; width: 35px;border-radius: 50px; filter: unset; opacity: 1;border: 1px solid #6b6b6b;}

.header-sticky .menu-txt{ display: flex;align-items: center; padding: 15px; background: #fff; border-radius: 10px;}

.header-sticky .menu-txt .menu-img img{ width: 85px;}

.header-sticky .menu-txt .menu-img{margin-right: 15px   ;}

.header-sticky .menu-txt .offcanvas-title{ text-decoration: none;color: #008000; font-weight: 700; letter-spacing: .5px; width: fit-content; transition: all .3s; font-size: 30px;line-height: 38px;}

.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: #0000ff;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: #0000ff;}

.header-sticky .menu-txt.header-menu {padding: 5px;}

.header-sticky .menu-txt.header-menu .menu-img img { width: 60px;}

.header-sticky .menu-txt.header-menu .offcanvas-title { font-size: 23px; line-height: 28px;}

.header-sticky .navbar-toggler-icon { filter: brightness(100);opacity: 1;}

.header-sticky .navbar-toggler:focus{ box-shadow: unset;}

.header-sticky .navbar-toggler{ padding: 0; border: unset;}

/* home-about */

.home-about{padding: 60px 0;background: #efefff;}

.home-about .home-about-inner{width: 80%; margin: 0 auto;}

.home-about .home-about-img{border-radius: 10px;overflow: hidden;width: 100%;height: 350px;}

.home-about .home-about-img img{width: 100%;height: 100%;width: fit-content;}

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

/* home-award */

.home-award .home-award-item{position: relative;}

.home-award .home-award-item::before{position: absolute;content: " ";height: 100%;width: 100%;left: 0;top: 0;background-color: #000000a3;}

.home-award .home-award-txt{ position: absolute;top: 50%; left: 25%;transform: translate(-50%, 0%); z-index: 2;}

.home-award .home-award-txt h2{ margin: 0;font-size: 115px; color: #8f8f8f; font-family: "Chokokutai", system-ui;font-weight: 300;}

.award .owl-prev,  .award .owl-next{display: none;}

.award .owl-dots{display: none;}

.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .home-award-card{height: 440px;  position: absolute;  z-index: 9;  width: 30%;  right: 8%;  bottom: 30px;}

  .home-award-inner{position: relative;}

  .home-award .hwc-item{ display: flex;width: 100%; padding: 15px; background: #000000db; height: 100%;border-radius: 5px;}

  .home-award .hwc-item .hwc-img{width: 140px;flex: 0 0 140px;height: 100px;border-radius: 10px;overflow: hidden;}

  .home-award .hwc-item img{width: 100%;height: 100%;object-fit: cover;}

  .home-award .swiper-slide{background-color: unset;}

  .home-award .hwc-txt{ margin-left: 25px; text-align: start;}

  .home-award .hwc-txt h3{ font-family: "Lora", serif; font-size: 22px; color: #ebebeb; font-weight: 500;}

  .home-award .hwc-txt h5{ font-size: 16px;color: #a5a5a5;font-weight: 400;font-family: "Lora", serif;}

  .award-mySwiper .swiper-pagination-bullet{background-color: #fff; opacity: 1; transition: all .10s ease-in-out;}

  .award-mySwiper .swiper-pagination-bullet.swiper-pagination-bullet-active{height: 20px; border-radius: 5px; background: linear-gradient(180deg, #ff5722, #0000ff);}

  .award-mySwiper .swiper-pagination {width: 20px; display: flex; flex-direction: column; background: #4a4746; border-radius: 30px; justify-content: center;align-items: center;}


  /* Event */

  .event-card .ev-card{display: flex;align-items: center;padding: 5px; background: white;box-shadow: 0 0 12px 0px #e5e5e5;position: relative;}

  .event-card .ev-card .ev-share{position: absolute;right: 15px;bottom: 15px;}

  .event-card .ev-card .ev-img{width: 40%;overflow: hidden;}


  .event-card .ev-card .ev-img img{width: 100%; height: 170px;object-fit: cover; transition: all .5s ease-in-out;}

  .event-card .ev-card .ev-img:hover img{transform: scale(1.1);}

  .event-card .ev-card .ev-txt{width: 60%;padding-left: 20px;}

  .event-card .ev-card .ev-txt h6 {display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;color: #000000;font-weight: 500;}

  .event-card .ev-card .ev-txt h6 a{color: #000000;font-size: 16px;}

  .event-card .ev-card .ev-txt h6 a:hover{color: #096d41;}

  .event{padding: 50px 0; background: #efefff;}

  .watch-live{height: 375px;padding: 5px; background: #fff;position: relative;}

  .watch-live video{width: 100%;height: 100%;object-fit: cover;}

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

  .watch-live .live-now{position: absolute;top: 15px;left: 15px;padding-left: 15px;}

  .watch-live .live-now a{color: aliceblue;font-size: 14px;font-weight: 600;}

  .watch-live .live-now::before{position: absolute;content: " "; top: 6px; left: 0; height: 10px;width: 10px;border-radius: 50%;background-color: #fff;animation: blinker 1s linear infinite;}
  @keyframes blinker {
    50% {
        opacity: 70;
        background-color: #ff0000;
    }
  }

  .watch-live .live-soon{position: absolute;bottom: 15px;left: 50%; transform: translate(-50%, 0px);}

/* Journey */

.journey{position: relative ; padding: 60px 0;    background: #000000;}

.journey .heading::before {background-color: #fe6813;}

.journey .heading span {color: #fe6813;}

.journey .heading h2 {color: #e9e9e9;}

.back-video {
    position: absolute;
    width: 100%;
    opacity: 0.3;
    height: -webkit-fill-available;
    object-fit: cover;top: 0;left: 0;
}
.blog-slider {
    width: 95%;
    position: relative;
    max-width: 100%;
    margin: auto;
    background: #ffffffdb;
    box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);
    padding: 25px;
    border-radius: 10px;
    height: 425px;
    transition: all .3s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__img img {
    opacity: 1;
    transition-delay: .3s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > * {
    opacity: 1;
    transform: none;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(1) {
    transition-delay: 0.3s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(2) {
    transition-delay: 0.4s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(3) {
    transition-delay: 0.5s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(4) {
    transition-delay: 0.6s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(5) {
    transition-delay: 0.7s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(6) {
    transition-delay: 0.8s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(7) {
    transition-delay: 0.9s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(8) {
    transition-delay: 1s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(9) {
    transition-delay: 1.1s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(10) {
    transition-delay: 1.2s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(11) {
    transition-delay: 1.3s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(12) {
    transition-delay: 1.4s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(13) {
    transition-delay: 1.5s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(14) {
    transition-delay: 1.6s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(15) {
    transition-delay: 1.7s;
  }
  .blog-slider__img {
    width: 300px;
    flex: 0 0 300px;
    height: 300px;
    background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
    box-shadow: 4px 4px 11px 0px rgb(56 127 252 / 20%);
    border-radius: 20px;
    transform: translateX(-50px);
    overflow: hidden;
  }
  .blog-slider__img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    opacity: 0.8;
  }
  .blog-slider__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 0;
    border-radius: 20px;
    transition: all .3s;
  }
  .blog-slider__content {
    padding-right: 25px;width: 100%;
  }
  .blog-slider__content > * {
    opacity: 0;
    transform: translateY(25px);
    transition: all .4s;
  }
  .blog-slider__code {
    color: #7b7992;
    margin-bottom: 15px;
    display: block;
    font-weight: 500;font-size: 14px;
  }
  .blog-slider__title {
    color: #0d0925;
    margin-bottom: 20px;
    font-family: "Lora", serif;
    font-size: 22px;
    font-weight: 500;
  }
  .blog-slider__text {
    color: #4e4a67;
    margin-bottom: 30px;
    line-height: 1.5em;font-size: 16px;
  }
  .blog-slider__button {
    display: inline-flex;
    background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
    padding: 15px 35px;
    border-radius: 50px;
    color: #fff;
    box-shadow: 0px 14px 80px rgba(252, 56, 56, 0.4);
    text-decoration: none;
    font-weight: 500;
    justify-content: center;
    text-align: center;
    letter-spacing: 1px;
  }
  .blog-slider .swiper-container-horizontal > .swiper-pagination-bullets, .blog-slider .swiper-pagination-custom, .blog-slider .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
  }
  .blog-slider__pagination {
    position: absolute;
    z-index: 21;
    right: 20px;
    width: 11px !important;
    text-align: center;
    left: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%);
  }

  .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 8px 0;
  }

  .blog-slider__pagination .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    display: block;
    border-radius: 10px;
    background: #062744;
    opacity: 0.2;
    transition: all .3s;
  }
  .blog-slider__pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fd3838;
    height: 30px;
    box-shadow: 0px 0px 20px rgba(252, 56, 56, 0.3);
    background: linear-gradient(180deg, #ff5722, #0000ff);  
  }

  .blog-slider .swiper-slide {  background: unset;}

  .social .social-txt-inn {display: flex;align-items: center;    margin-bottom: 20px;}

.social .social-txt-inn img{width: 60px;height: 60px;border-radius: 50%;}

.social .social-txt-inn .social-txt img{width: 15px;height: 15px;}

.social .social-txt-inn .social-txt  h5{margin-bottom: 5px;}

.social .social-txt-inn .social-txt  p{margin-bottom: 0;}

.social .social-txt-inn .social-txt  {margin-left: 15px;}

.social .socila-like{display: flex;align-items: center;gap: 15px;}

.social .socila-like p{margin: 0;}

.social .socila-like p i{margin-right: 5px;}

.social .cont-social p{font-size: 14px;}

.social .cont-social  {position: relative;    padding: 15px;}

.social .cont-social .fix-item{position: absolute;top: 15px; right: 15px;}

.social .cont-social .fix-item  i{font-size: 20px;}

.social .cont-social .fix-item  i:hover{color: #ecb102;}

.social {border: 1px solid #e7e7e7; border-radius: 10px;overflow: hidden;}

.social .top-social{  padding: 15px;border-bottom: 1px solid #e7e7e7;background: #f3f3f3; }

.social .top-social h4{margin: 0;}

.social .btn-social{height: 285px;overflow-y: scroll; background: #ffffffdb;}

.social .btn-social::-webkit-scrollbar {width: 2px;}

.social .btn-social::-webkit-scrollbar { width: 6px; background-color: #D6DADD;border-radius: 10px;}

.social .btn-social::-webkit-scrollbar-thumb { background: #096d41; border-radius: 10px;}

.social-tab{position: relative;}

.social-tab .nav { border: 1px solid #271e38; border-radius: 10px; padding: 10px 30px; background: #100327;}

.social-tab .nav .nav-link{font-size: 16px; 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: #0000ff; border: 2px solid #0000ff;}

.social-tab .nav-pills .nav-link.active, .social-tab .nav-pills .show>.nav-link{    background: linear-gradient(134deg, #ff5722, #0000ff, #008000);border: 2px solid #0f0f60;}

/* Press */

.press {padding: 50px 0;    background: #efefff;}

.press .press-innre-card img{height: 150px;width: 100%;object-fit: cover;object-position: top;transition: all .3s ease;}

.press .press-innre-card .press-date{display: flex;justify-content: space-between;align-items: center;}

.press .press-innre-card .press-date p{margin: 0;font-size: 12px;font-weight: 600;transition: all .3s ease;}

.press .press-innre-card h6{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-top: 25px;    font-weight: 500; transition: all .3s ease;}

.press .press-innre-card h6 a{font-family: "Lora", serif; color: #535353;font-size: 15px;}

.press .press-innre-card {padding: 10px 10px 25px 10px;background: #e1e1ff; border-radius: 0 0 20px 20px;transition: all .3s ease;}

.press .press-innre-card:hover{background: #008000;}

.press .press-innre-card:hover h6{color: #FFF;}

.press .press-innre-card:hover p{color: #fff;}

.press .press-innre-card:hover img{ transform: scale(1.1);}

.press .press-innre-card:hover a{color: #ffffff;}

.press .press-card-img{overflow: hidden;}

.talks .talks-item{ display: flex; align-items: center;margin-bottom: 15px;position: relative;    padding: 15px;}

.talks .talks-item::before{position: absolute;content: " ";height: 100%; right: 0;top: 0;z-index: 0;box-shadow: 0 3px 12px 0 rgb(0 0 0 / 8%); margin-left: 25px; width: calc(100% - 40px); border-radius: 5px;  background: #fff;}

.talks .talks-item .talks-img{ width: 120px; flex: 0 0 120px; height: 120px; position: relative;z-index: 1;}

.talks .talks-item .talks-img img{ width: 100%; height: 100%; object-fit: cover;border-radius: 5px;}

.talks .talks-item .talk-text{margin-left: 15px;position: relative;z-index: 1;}

.talks .talks-item .talk-text .dt{display: flex;align-items: center; justify-content: space-between;}

.talks .talks-item .talk-text .dt span{font-size: 14px;}

.talks .talks-item .talk-text .dt span i{margin-right: 5px;color: green;}

.talks .talks-item .talk-text p{margin-bottom: 10px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden;font-size: 15px;}

.talks .talks-item .tak{ position: absolute; top: -29px; right: -15px; padding: 2px 20px; background: #0000ff; border-radius: 0 5px 0 5px ;}

.talks .talks-item .tak p{margin: 0; color: #fff;}

/* Testimonial */

.testimonial-item {display: flex;align-items: center;border-radius: 5px;overflow: hidden;position: relative;padding: 15px;}

.testimonial-item::before{position: absolute;content: " ";height: 100%;right: 0; top: 0;  z-index: -1;box-shadow: 0 3px 12px 0 rgb(0 0 0 / 8%);margin-left: 25px; width: calc(100% - 40px);border-radius: 5px; background: #fff;}

.testimonial-item .gal-img{height: 120px;width: 120px;flex: 0 0 120px;position: relative; z-index: 2;border-radius: 5px;overflow: hidden;}

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

.testimonial-item .gal-txt{text-align: right;margin-left: 10px;padding: 10px;padding-left: 0; position: relative;z-index: 2;}

.testimonial-item .gal-txt h4{font-size: 14px;font-weight: 600;margin-bottom: 10px;}

.testimonial-item .gal-txt p{font-family: "Gilda Display", serif; font-size: 14px; margin: 0; font-weight: 800;color: #096d41;}

.testimonial{padding: 50px 0;background: #efefff;}

.testimonial .owl-prev{ border: 2px solid #096d41;transition: all .3s ease;}

.testimonial .owl-next{ border: 2px solid #096d41;transition: all .3s ease;}

.testimonial .owl-next i, .testimonial .owl-prev i{color: #096d41;transition: all .3s ease;}

.testimonial .owl-next:hover{border-color: green; background-color: green;}

.testimonial .owl-prev:hover{border-color: green; background-color: green;}

.testimonial .owl-next:hover i{color: #fff;}

.testimonial .owl-prev:hover i{color: #fff;}

/* Gallery */


.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;}

.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;    overflow: hidden;}

.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);}

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

.gallery .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: #f9d5c1; border: 2px solid #a7430b;}

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

.gallery .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: #fe6813; border: 2px solid #9e3c05;}

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

.gallery .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: #0000ff;border: 2px solid #0000ff;}

.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: linear-gradient(134deg, #ff5722, #0000ff, #008000); border: 2px solid #0f0f60; color: #fff;} 



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

.gallery{ position: relative;overflow: hidden; padding: 60px 0;box-shadow: 0 0 10px 0 #e0e0e0;     background: #1a1a1aed;;}

.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 .heading::before {background-color: #fe6813;}

  .gallery .heading span {color: #fe6813;}
  
  .gallery .heading h2 {color: #e9e9e9;}
  

  /* Footer */

  footer{ padding: 60px 0 0px;background: #008000; position: relative; }

footer::before{position: absolute;content: " ";height: 135px;width: 500px;background-image: url(../images/breadcrumb-bg1.png);background-size: contain;left: 0;bottom: 0}

footer  h5{color: #fff; font-family: "Lora", serif;font-weight: 300;border-bottom: 1px solid #fff; width: fit-content;     font-size: 24px;}

footer p{color: #fff;font-size: 15px;}

footer p a{    color: #d09d04;}

footer  .dala img{width: 425px;}

.fot-lg img:last-child {margin-left: 5px;}

.quick-links li{margin-bottom: 8px;}

.quick-links li a{color: #fff;}

.quick-links li a:hover{color: #ecb102;}

/* Back to Top */

.back-to-top {width: 40px; height: 40px; line-height: 40px; text-align: center; background: #f47216 ; position: fixed; bottom: 0;right: 0;text-decoration: none;color: #fff; font-size: 14px;display: none;z-index: 999;animation: 1s infinite bounce_513;}
@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);
  }
}

.form-subscribe .form-control{border-radius: unset;}

.form-subscribe button{border-radius: unset;    background: #f47216;border-color: #f17116;}

.fot-image img{width: 85px;}

.footer-inner{width: 80%; margin: 0 auto;}

footer .menu-social ul li a{box-shadow: unset;}

/* Contact */

.appointment-section{padding: 60px 0 ;position: relative; background-color: #ffffff;}

.appointment-section::before{position: absolute;content: " ";height: 100%; width: 100%; background-image: url(../images/conttact-bgg.png);background-position: center; background-size: contain; top: 0; left: 0; opacity: .4;}

.appointment-section .bottom-shp{background-color: #f3f3f3;}

.appointment-section .bottom-shp { z-index: 2; transform: rotate(180deg);}

.appointment-section .appointment-inner{margin: 0 auto;}

.appointment-section .form-control{ position: relative; display: block;width: 100%; font-size: 14px; color: #848484; line-height: 28px; padding: 15px 25px;font-weight: 400; background: #f3f3f3; border-radius: 10px; border: 1px solid #f3f3f3;}

.appointment-section .form-group label{margin-bottom: 10px;} 

.appointment-section .form-group label span{color: red;}


.inner-contact .form-control{background-color: #fff}


.inner-contact{background-color: #fff;}

.inner-contact .appointment-inner {width: 90%;position: relative;}

.inner-contact .appointment-inner .default-form{padding: 35px;box-shadow: 0 0 10px 0 #e8e8e8;border-radius: 10px;position: relative;background: linear-gradient(45deg, #e3fff0, #fff6f0);}

.inner-contact .contact-info .info-box { padding: 40px 30px; background-color: #fff;display: grid; grid-template-rows: 1fr; grid-template-columns: 40px 1fr; grid-column-gap: 30px; border-radius: 10px; height: 100%; box-shadow: 0 0 12px 0 #e8e8e89c;position: relative;}

.inner-contact .contact-info .info-box .info-box-img{position: absolute;height: 100%;width: 100%;opacity: .2;}

.inner-contact .contact-info .info-box .info-box-img img{width: 100%; height: 100%; object-fit: cover;}

.inner-contact .contact-info .info-box .icon { font-size: 40px; color: #0000ff; position: relative;}

.inner-contact .contact-info .info-box .desc{position: relative;}

.inner-contact .contact-info .info-box .desc h4 { font-size: 24px; margin-bottom: 20px; font-family: "Lora", serif;}

.inner-contact .contact-info .info-box .desc p {margin: 0px;}

.map { height: 100%;}




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



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

}
@media only screen and (min-width: 1599px) and  (max-width: 1681px)  {

    
}
@media only screen and (min-width: 1481px) and  (max-width: 1600px)  {


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


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

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

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

}
@media only screen and (min-width: 768px) and  (max-width: 991px)  {   
    
    
}
@media only screen and (max-width: 767px) {
 
}
@media only screen and (max-width:420px){

    
}