body{font-family: 'Jost', sans-serif; font-size: 15px}
ul, ol, figure{margin: 0; list-style-type: none; padding: 0}
a{text-decoration: none}
h1, h2, h3{font-family: 'Poppins', sans-serif;}

/*OWL_CAROUSEL*/
.owl-carousel, .owl-carousel .owl-item {
	-webkit-tap-highlight-color: transparent;
	position: relative
}
.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: none
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
  display: block
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
  background: 0 0;
  color: #fff;
  border: none;
  padding: 0 !important;
  font: inherit;
  font-size: 17px;	transition: all 0.8s ease; width: 40px; height: 40px; border-radius: 5px; border: 1px solid #fff; background: var(--bs-maroon); transition: all 0.8s ease
}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover{color: #fff;background:var(--bs-yellow)}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block
}
.owl-carousel.owl-hidden {
  opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab
}
.owl-carousel.owl-rtl {
  direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
  float: right
}
.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
  z-index: 0
}
.owl-carousel .owl-animated-out {
  z-index: 1
}
.owl-carousel .fadeOut {
  animation-name: fadeOut
}
@keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
.owl-carousel .fadeIn {
  animation-name: fadeIn
}
.owl-height {
  transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity .4s ease
}
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%
}
.owl-theme .owl-dots, .owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent
}
.owl-theme .owl-nav {
  margin-top: 10px;
  position: absolute;
  right: 20px; bottom: 20px
}
.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  color: #FFF;
}
.owl-theme .owl-nav .disabled {
  opacity: .5;
  cursor: default
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 5px;
  background: #2E1A48;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 45px; transition: all 0.8s ease; opacity: 0.3
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  opacity: 1
}
.owl-dots button{padding: 0; background: transparent; border: none}

/*OWL_CAROUSEL*/

header{background: #2E1A48; position: fixed; width: 100%; top: 0; left: 0; z-index: 11}
header:before{position: absolute; right: 0; top: 0; content: ""; width: 50%; height: 43px; background: #A30234}
.wsmain{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center}
.smllogo{width: 22%}
.pge-tp{width: 65%; display: flex; flex-wrap: wrap; justify-content: flex-end; flex-direction: column-reverse;}
.camtct ul, .ssl ul{display: flex; flex-wrap: wrap}
.camtct ul li a{padding: 0 15px; color: #fff; font-size: 13px; text-transform: uppercase; position: relative}
.camtct ul li a:before{position: absolute; right: 0; top: 3px; content: ""; width: 1px; height: 12px; background: #fff}
.camtct ul li:last-child a:before{display: none}
.ssl{margin-left: 90px}
.ssl ul li a{padding: 0 3px; color: #fff}
.ssl ul li:first-child{margin-right: 10px}
.ssl ul li:last-child{margin-left: 10px; padding-left: 10px; position: relative}
.ssl ul li:last-child:before{position: absolute; left: 0; top: 3px; width: 1px;height: 12px;background: #fff; content: ""}
.pge-rgt{display: flex; flex-wrap: wrap;justify-content: flex-end; padding: 10px 0; background: #A30234; position: relative}
.pge-rgt:before{position: absolute; left: -30px; top: 0; content: "";  width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 43px solid #a30234;}
.hm-sec1{position: relative}
.hm-sec1 figure{height: 100%}
.hmsec1-img.aos-animate{transition-delay: .1s;}
.hmsec1-img img{width: 100%; height: 100vh; object-fit: cover}
.hm-sec1 figcaption{position: absolute; left: 5%; top: 60%; transform: translateY(-50%); width: 30%; text-align: center}
.hm-sec1 figcaption h2{color: #fff; font-weight: 800; font-size: 40px; text-transform: uppercase}
.hm-sec1 figcaption p{color: #fff; font-weight: 300}
.hm-sec1 figcaption h5{color: #fff; text-transform: uppercase; font-size: 17px; font-weight: 400; padding: 10px 20px 10px; background: #2E1A48; border: 1px solid #fff; display: inline-block; transform: skew(-15deg); position: relative}
.hm-sec1 figcaption h5 span{transform: skew(15deg); display: inline-block;}
.hm-sec1 figcaption h5:before{position: absolute; left: -110px; top: 8px; content: ""; width: 100px; height: 30px; background: url("../images/hmsec1_h5.png") no-repeat; background-size: contain;}
.hm-sec1 figcaption h5:after{position: absolute; right: -110px; top: 8px; content: ""; width: 100px; height: 30px; background: url("../images/hmsec1_h5.png") no-repeat; background-size: contain; transform: scaleX(-1)}
.slide-icon{width: 150px; margin: 0 auto 20px; position: relative}
.slide-icon img{max-width: 100%}
.top-img{position: absolute; left: 40px; top: 40px; width: 69px; animation: rotating 5s linear infinite;}
@keyframes rotating {
  0% {
    transform: rotate(0deg);
  }
  30% {
    transform: rotate(180deg);
  }	
  50% {
    transform: rotate(180deg);
  }
  80% {
    transform: rotate(360deg);
  }		
  100% {
    transform: rotate(360deg);
  }
}
.hmsec1-rgt{position: absolute; right: 0; bottom: 0; width: 20%}
.hmsec1-rgt img{max-width: 100%}
.hm-sec2{padding: 80px 0; background: #F5F5F5}
.hm-sec2 .container{display: flex; flex-wrap: wrap; justify-content: space-between}
.hmsec2-lft, .hmsec2-rgt{width: 48%}
.hmsec2-rgt{padding: 50px 0}
.hmsec2-rgt h3, .nws-sec1 h3, .nws-sec2 h3, .gal-head h3{text-transform: uppercase; color: #2E1A48; font-weight: 800}
.hmsec2-rgt h4{color: #A30234; font-size: 18px; margin-bottom: 20px}
.hmsec2-rgt ul{margin-bottom: 20px}
.hmsec2-rgt ul li{margin-bottom: 10px; position: relative; padding-left: 15px; color: #666666}
.hmsec2-rgt ul li:before{position: absolute; left: 0; top: 8px; content: ""; width: 6px; height: 6px; border-radius: 100%; background: #666666}
.km a, .nws-sec2 ul li a .km{text-transform: uppercase; color: #111; font-weight: 600; padding: 10px 15px; position: relative; display: inline-block; transition: all 0.8s ease}
.km a:before, .nws-sec2 ul li a .km:before{position: absolute; left: 0; top: 0; content: ""; width: 50px; height: 100%; background: #DDDDDD; transition: all 0.4s ease}
.km a:after, .nws-sec2 ul li a .km:after{position: absolute; left: 85%; top: 10px; content: "\f061"; transition: all 0.4s ease; font-family: "Font Awesome 6 Free"; opacity: 0}
.km a span, .nws-sec2 ul li a .km span{position: relative}
.km a:hover, .nws-sec2 ul li a:hover .km{color: #fff; padding-right: 40px}
.km a:hover:before, .nws-sec2 ul li a:hover .km:before{background: linear-gradient(to right, rgba(46,26,72,1) 0%,rgba(163,2,52,1) 100%); width: 100%}
.km a:hover:after, .nws-sec2 ul li a:hover .km:after{opacity: 1;}
.hmsec2-lft{position: relative}
.hmsec2-lft ul{display: flex; flex-wrap: wrap; justify-content: space-between}
.hmsec2-lft ul li{width: 47%}
.hmsec2-lft ul li:first-child{margin-top: 120px}
.hmsec2-lft ul li img{width: 100%; height: 300px; object-fit: cover}
.flwr{position: absolute; top: 0; max-width: 40%}
.flwr img, .dts img{width: 100%}
.dts{position: absolute; bottom: 30px; right: 10%;}
.hm-sec3{padding: 80px 0; position: relative}
.hm-sec3:before{position: absolute; left: 0; bottom: 50px; content: ""; width: 13vw; height: 5vw; background: url("../images/hmsec3_shp.svg") no-repeat; background-size: contain}
.hm-sec3:after{position: absolute; right: 0; bottom: 50px; content: ""; width: 13vw; height: 5vw; background: url("../images/hmsec3_shp.svg") no-repeat; background-size: contain; transform: scaleX(-1);}
.hm-sec3 .b-slider{height: 6vw; overflow: hidden; width: 100%}
.hm-sec3 .b-slider__slide{width: 50%; position: relative; padding-left: 4vw}
.hm-sec3 .b-slider__slide:before{position: absolute; left: 0; top: 0.5vw; content: ""; width: 3vw; height: 3vw; background: url("../images/star.svg") no-repeat; background-size: contain }
.hm-sec3 h3{font-size: 3.5vw; text-transform: uppercase; font-weight: 700; color: #2E1A48; -webkit-text-fill-color: transparent; -webkit-text-stroke-color: currentColor; -webkit-text-stroke-width: 1px;}
.hm-sec3 .b-slider__slide:nth-child(2n) h3{color: #A30234}
.hm-sec3 .b-slider__slide:nth-child(2n):before{background: url("../images/star_1.svg") no-repeat; background-size: contain}
.hm-sec3 ul{display: flex; flex-wrap: wrap}
.hm-sec3 ul li{width: 25%}
.hm-sec3 ul li figure{position: relative; overflow: hidden}
.hm-sec3 ul li figure:before{position: absolute; left: 0; top: 0; content: ""; width: 0; height: 100%; background: linear-gradient(to right, #2e1a48 0%,#a30234 100%); transition: all 0.3s ease}
.hm-sec3 ul li figure img{width: 100%; height: 24vw; object-fit: cover}
.hm-sec3 ul li figcaption{position: absolute; left: 0; bottom: 0; right: 0; padding: 20px;height: 120px; transition: all 0.8s ease}
.hm-sec3 ul li h6{display: inline-block; padding: 5px 10px 7px; background: #A30234; color: #fff; font-size: 12px; border-radius: 5px; opacity: 0; transition: all 0.8s ease;transform: translateY(40px)}
.hm-sec3 ul li figcaption:before{position: absolute; left: 0; bottom: 0; content: ""; width: 100%; height: 200px;background: linear-gradient(to bottom, rgba(46,26,72,0) 0%,rgba(46,26,72,1) 100%);}
.hm-sec3 ul li h4{font-weight: 600; color: #fff; font-size: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; position: relative; }
.hm-sec3 ul li p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; color: #fff; opacity: 0; transition: all 0.8s ease;transform: translateY(40px)}
.hm-sec3 ul li .km{opacity: 0; transition: all 0.8s ease;transform: translateY(40px)}
.hm-sec3 ul li .km a{color: #fff}
.hm-sec3 ul li figure:hover:before{width: 100%}
.hm-sec3 ul li figure:hover figcaption{height: 100%}
.hm-sec3 ul li figure:hover h6, .hm-sec3 ul li figure:hover p, .hm-sec3 ul li figure:hover .km{opacity: 1; transform: translateY(0)}
.km-sec3{text-align: center; margin: 30px 0 0}
footer{background: #2E1A48; padding: 40px 0; position: relative; overflow: hidden}
footer .container{display: flex; flex-wrap: wrap; justify-content: space-between}
.ftr-sec1{width: 25%; display: flex; flex-wrap: wrap; justify-content: space-between}
.ftr-sec1 ul li{margin-bottom: 3px}
.ftr-sec1 ul li a, .ftr-sec3 ul li a{color: #fff; font-size: 14px}
footer h4{color: #fff; text-transform: uppercase; width: 100%; font-size: 18px}
.ftr-sec2{width: 25%}
.ftr-sec2 p{color: #fff; font-size: 14px}
.ftr-sec2 form{position: relative}
.ftr-sec2 input{width: 100%; height: 50px; background: #fff; border: none; padding: 0 20px}
.ftr-sec2 button{position: absolute; right: 5px; top: 5px; background: #A30234; border: 1px solid #A30234; height: 40px; width: 40px; text-align: center; color: #fff}
.ftr-sec3{width: 10%}
.ftr-sec3 ul li{margin-bottom: 3px}
.ftr-sec4{width: 25%}
.ftr-sec4 img{max-width: 100%}
.ftr-btm{padding: 10px 0; background: #A30234; text-align: center}
.ftr-btm ul{display: flex; flex-wrap: wrap; justify-content: center;}
.ftr-btm ul li{padding: 0 10px; position: relative; color: #fff; font-size: 13px}
.ftr-btm ul li:before{position: absolute; right: 0; top: 5px; content: ""; width: 1px; height: 10px; background: #fff}
.ftr-btm ul li:last-child:before{display: none}
.ftr-btm ul li a{color: #fff}
.hm-sec4{position: relative; padding: 50px 0; overflow: hidden}
/*.hm-sec4:before{position: absolute; left: 0; bottom: 0; content: ""; width: 100%; height: 26vw; background: url("../images/hmsec4_shape.png") no-repeat center; background-size: cover}*/
.hm-sec4:before{position: absolute; left: 0; bottom: 0; content: ""; width: 0; height: 0; border-bottom: 20vw solid #f7f0ff; border-right: 50vw solid transparent;}
.hm-sec4:after{position: absolute; right: 0; bottom: 0; content: ""; width: 0; height: 0; border-bottom: 20vw solid #f7f0ff; border-left: 50vw solid transparent;}
.hmsec4-img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; animation: trans 25s linear infinite;}
@keyframes trans {
  0% {
    transform: scale(1.3);
  }
  20% {
	transform-origin: left  
  }	
  40% {
	transform-origin: right
  }
  60% {
    transform: scale(1);
	transform-origin: center
  }	
  80% {
    transform: scale(1);
	transform-origin: center
  }	
  100% {
    transform: scale(1.3);
  }
}
.hmsec4-img img{width: 100%; height: 100%; object-fit: cover; object-position: bottom center;}
.fwr{background: rgba(0, 0, 0, 0.3); padding: 30px; max-width: 550px; margin: auto; border: 5px solid rgba(255, 255, 255, 0.3); backdrop-filter: blur(13px); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center}
.fwr-lft{width: 38%}
.fwr-lft img{max-width: 100%}
.fwr-rgt{width: 58%}
.fwr-rgt ul li{padding: 10px 0; border-bottom: 1px solid #444444;display: flex; flex-wrap: wrap; color: #fff; font-weight: 600; align-items: center; text-transform: uppercase; font-size: 18px; justify-content: space-between}
.num{width: 20%}
.flg{width: 25%}
.cunty{width: 35%; text-align: center}
.arw{width: 15%; text-align: right}
.flg img{width: 45px; height: 30px; object-fit: contain}
.arw  i{font-size: 22px; position: relative; top: 6px;}
.arw .fa-sort-up{color: #00E773}
.hmsec4-sec2{margin: 100px 50px 0; position: relative;z-index: 1}
.hmsec4-sec2:before{position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 300%; border-radius: 100%; background: #f7f0ff}
.hmsec4-sec2 ul{display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;    top: -50px;}
.hmsec4-sec2 ul li{width: 16%}
.hmsec4-sec2 ul li:first-child, .hmsec4-sec2 ul li:last-child{margin-top: 140px}
.hmsec4-sec2 ul li:nth-child(2), .hmsec4-sec2 ul li:nth-child(4){margin-top: 60px}
.hmsec4-sec2 ul li a{display: block}
.hmsec4-sec2 ul li img{width: 100%}
.hm-sec5{position: relative; overflow: hidden; padding: 60px 0 100px; background: #000}
.parallax{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../images/mg_bg.jpg); background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: bottom center;opacity: 0.5}
.hm-sec5 h3{position: relative; color: #fff; font-weight: 800; text-transform: uppercase; text-align: center; margin-bottom: 20px}
.hm-sec5 ul li{overflow: hidden; background: #A30234}
.hm-sec5 ul li img{width: 100%; height: 100%; object-fit: cover; transition: all 1.8s ease}
.hm-sec5 ul li a:hover img{transform: scale(1.2); opacity: 0.7}
.hm-sec5 ul{display: grid; position: relative; grid-template-columns: repeat(auto-fill, 14%); grid-auto-flow: dense; gap: 5px;
grid-template-areas:
    'mg1 mg1 mg4 mg4 mg4 mg5 mg6'
    'mg2 mg3 mg4 mg4 mg4 mg7 mg7'
}
.hm-sec5 ul li{width: 100%; border: 3px solid #fff}
.hm-sec5 ul li:first-child{grid-area: mg1; height: 10vw}
.hm-sec5 ul li:nth-child(2){grid-area: mg2; height: 10vw}
.hm-sec5 ul li:nth-child(3){grid-area: mg3; height: 10vw}
.hm-sec5 ul li:nth-child(4){grid-area: mg4; height: 20.5vw}
.hm-sec5 ul li:nth-child(5){grid-area: mg5; height: 10vw}
.hm-sec5 ul li:nth-child(6){grid-area: mg6; height: 10vw}
.hm-sec5 ul li:nth-child(7){grid-area: mg7; height: 10vw}
.hm-sec6{padding: 90px 0 60px; text-align: center; position: relative}
.hm-sec6:before{position: absolute; left: 0; bottom: 0; content: ""; width: 100%; height: 40%; background: #2E1A48}
.hm-sec6 h3{font-weight: 800; text-transform: uppercase;margin-bottom: 20px; color: #2E1A48}
.hm-sec6 .item{background: #24133A; width: 100%; height: 100px; padding: 20px; line-height: 60px; margin-top: 20px}
.hm-sec6 .owl-item:nth-child(2n) .item{margin-top: 0}
.hm-sec6 .item img{max-width: 100%; max-height: 100%; display: inline-block; width: auto}
.rund-ani{width: 170px;height: 170px; border-radius: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.8); animation: backcolor 4s linear infinite; animation-direction: alternate; background: linear-gradient(45deg,#A30234, #2E1A48, #A30234 , #A30234,#2E1A48, #A30234);  background-size: 600% 100%; }
.rund-ani img{position: absolute; left: 0; right: 0; top: 3px; width: 165px; height: 165px; object-fit: contain; margin: auto;}
.rund-ani img:first-child{width: 90px; height: 90px; top: 40px;}
.rund-ani img:last-child{animation: rotating 5s linear infinite;}
@keyframes backcolor {
   0% {background-position: 0%}
    100% {background-position: 100%}
}
.hm-sec6 .rund-ani{top: -85px; transform: scale(0.7); left: 0; right: 0; margin: auto}
.ballrtte{position: absolute; right: -30px; bottom: -50px; width: 300px; height: 300px;}
.ballrtte img{width: 100%; height: 100%; object-fit: contain; position: absolute}
.ballrtte img:last-child{animation: rotating 5s linear infinite; width: 65%; height: 65%; top: 130px; left: 110px;}
.hm-sec4 .ballrtte{bottom: 15vw;}
.ballrttetp{position: absolute; left: -50px; top: -30px; width: 200px; height: 200px;}
.ballrttetp img{width: 100%; height: 100%; object-fit: contain; position: absolute; animation: rotating 5s linear infinite;}
.ballrttetp img:nth-child(2){top: 199px;left: -50px; animation-direction: reverse;}
.inr-main{margin-top: 104px}
.inr-tp{text-align: center; background: #000; position: relative; overflow: hidden}
.inr-tp img{width: 100%; height: 100%; object-fit: cover; opacity: 0.5; position: absolute; left: 0; top: 0}
.inr-tp h2{padding: 80px 0; font-weight: 800; text-transform: uppercase; color: #fff; position: relative; font-family: 'Jost', sans-serif; letter-spacing: 1px; font-size: 40px}
.pagin-sec .breadcrumb{padding: 15px 0; border-bottom: 1px solid #afafaf; margin: 0}
.pagin-sec .breadcrumb{color: #666}
.pagin-sec .breadcrumb a{color: #A30234}
.nws-sec1{padding: 50px 0}
.nws-sec1 .item a{display: flex; flex-wrap: wrap}
.nwssec1-lft{width: 40%}
.nwssec1-lft img{width: 100%; height: 100%; object-fit: cover}
.nwssec1-rgt{width: 60%; padding: 25px; background: #F7F0FF}
.nwssec1-rgt h4, .nws-sec2 ul li a h4{text-transform: uppercase; color: #2E1A48; font-weight: 700; font-size: 18px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nwssec1-rgt p, .nws-sec2 ul li a p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; color: #666; margin: 0}
.nwsdte-sec{display: flex; align-items: center; margin-bottom: 15px}
.nwsdte-sec1{background: #2E1A48; padding: 5px 15px; color: #fff; text-transform: uppercase}
.nwsdte-sec2{color: #A30234; font-size: 15px; display: flex; font-weight: 500; margin-left: 15px}
.nwsdte-sec2 img{height: 20px !important; margin-right: 5px}
.nws-sec1 h3{text-align: center; margin-bottom: 15px}
.nws-sec2{padding: 0px 0 50px}
.nws-sec2 ul{display: flex; flex-wrap: wrap; grid-gap: 2%}
.nws-sec2 ul li{width: 31.333333%; margin-bottom: 2%}
.nws-sec2 ul li a{display: block; height: 100%; border: 1px solid #DDDDDD; transition: all 0.8s ease}
.nws-sec2 ul li a:hover{background: #A30234}
.nws-sec2 ul li a h4, .nws-sec2 ul li a p, .nwsdte-sec2, .nwsdte-sec2 img{transition: all 0.8s ease}
.nws-sec2 ul li a:hover h4, .nws-sec2 ul li a:hover p, .nws-sec2 ul li a:hover .nwsdte-sec2{color: #fff}
.nws-sec2 ul li a:hover .nwsdte-sec2 img{filter: brightness(140.5);}
.nws-sec2 ul li a img{width: 100%; height: 250px; object-fit: cover}
.nws-sec2 ul li a figcaption{padding: 15px}
.nws-sec2 ul li a p{-webkit-line-clamp: 3; margin-bottom: 15px}
.nws-sec2 ul li a .km{transform: scale(0.9); transform-origin: left;}
ul.pagination{grid-gap: 0; justify-content: center}
ul.pagination li{width: auto}
ul.pagination li a{color: #2E1A48; border-color: #2E1A48; transition: all 0.8s ease}
ul.pagination li a:hover{color: #fff; background: #A30234}
.ftr-bg{background: #FFF6F9}
.nws-sec2 h3{margin-bottom: 15px}
.newdet-sec1{padding: 50px 0 80px}
.newdet-sec1 .container{display: flex; flex-wrap: wrap; justify-content: space-between}
.newdetsec1-lft{width: 70%}
.newdetsec1-lft h3{text-transform: uppercase; color: #2E1A48; font-weight: 800;     font-size: 24px; line-height: 28px; margin-bottom: 20px;}
.newdetsec1-lft img{width: 100%; margin-bottom: 20px}
.newdetsec1-lft .nwsdte-sec2 img{margin-bottom: 0}
.newdetsec1-lft p{color: #666; line-height: 23px; }
.newdetsec1-rgt{width: 28%}
.newdetsec1-rgt h4{background: #2E1A48; color: #fff; padding: 12px 15px 10px; text-transform: uppercase; font-size: 20px; font-weight: 700; margin: 0}
.sta-sec ul{padding: 10px 15px; border: 1px solid #ddd; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px}
.sta-sec ul li{width: 48%; margin: 7px 0}
.sta-sec ul li a{padding: 10px 10px; border: 1px solid #ddd; color: #666; font-size: 16px; display: flex;align-items: center}
.sta-sec ul li a img{margin-right: 8px; height: 20px}
.rn-sec ul{border: 1px solid #ddd; padding: 5px 15px}
.rn-sec ul li{padding: 10px 0px; border-bottom: 1px solid #ddd}
.rn-sec ul li:last-child{border: none}
.rn-imgtxt{display: flex; flex-wrap: wrap; justify-content: space-between}
.rn-img{width: 40%}
.rn-img img{width: 100%;height: 80px; object-fit: cover}
.rn-txt{width: 58%}
.rn-txt h5{text-transform: uppercase; color: #2E1A48; font-size: 16px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.rn-txt p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.rn-sec ul li .km{transform: scale(0.9); transform-origin: left}
.gal-sec1{padding: 50px 0 80px}
.gal-head{display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center; margin-bottom: 20px}
.gal-filt{display: flex; flex-wrap: wrap; align-items: center; width: 100%; max-width: 560px}
.gal-filt .form-select{max-width: 200px; margin: 0 0px 0 20px; font-weight: 500}
.gal-filt p{text-transform: uppercase; font-weight: 800; font-size: 16px; margin: 0}
ul.gal-thumb{display: flex; flex-wrap: wrap; grid-gap: 2%}
ul.gal-thumb li{width: 31.333333%; margin-bottom: 2%}
ul.gal-thumb li a{display: block; border: 1px solid #ddd; padding: 15px}
ul.gal-thumb li a img{width: 100%; height: 250px; object-fit: cover}
ul.gal-thumb li a figcaption{color: #2E1A48; font-weight: 800; font-size: 18px; text-transform: uppercase; padding: 15px 0 0}
.galdet-sec{background: #fff; padding: 50px 0 80px}
.galdet-sec h3{color: #2E1A48; text-align: left}
.galdet-sec ul{display: grid; position: relative; grid-template-columns: repeat(auto-fill, 14%); grid-auto-flow: dense; gap: 2px;
grid-template-areas:
    'mg1 mg1 mg4 mg4 mg4 mg5 mg6'
    'mg2 mg3 mg4 mg4 mg4 mg7 mg7'
	'mg8 mg9 mg10 mg10 mg11 mg11 mg11'
	'mg12 mg12 mg13 mg14 mg11 mg11 mg11'
	'mg15 mg15 mg15 mg16 mg17 mg18 mg18'
	'mg15 mg15 mg15 mg19 mg19 mg20 mg21'
}
.galdet-sec ul li{width: 100%; border: 3px solid #fff}
.galdet-sec ul li:first-child{grid-area: mg1; height: 12vw}
.galdet-sec ul li:nth-child(2){grid-area: mg2; height: 12vw}
.galdet-sec ul li:nth-child(3){grid-area: mg3; height: 12vw}
.galdet-sec ul li:nth-child(4){grid-area: mg4; height: 24.4vw}
.galdet-sec ul li:nth-child(5){grid-area: mg5; height: 12vw}
.galdet-sec ul li:nth-child(6){grid-area: mg6; height: 12vw}
.galdet-sec ul li:nth-child(7){grid-area: mg7; height: 12vw}
.galdet-sec ul li:nth-child(8){grid-area: mg8; height: 12vw}
.galdet-sec ul li:nth-child(9){grid-area: mg9; height: 12vw}
.galdet-sec ul li:nth-child(10){grid-area: mg10; height: 12vw}
.galdet-sec ul li:nth-child(11){grid-area: mg11; height: 24.4vw}
.galdet-sec ul li:nth-child(12){grid-area: mg12; height: 12vw}
.galdet-sec ul li:nth-child(13){grid-area: mg13; height: 12vw}
.galdet-sec ul li:nth-child(14){grid-area: mg14; height: 12vw}
.galdet-sec ul li:nth-child(15){grid-area: mg15; height: 24.2vw}
.galdet-sec ul li:nth-child(16){grid-area: mg16; height: 12vw}
.galdet-sec ul li:nth-child(17){grid-area: mg17; height: 12vw}
.galdet-sec ul li:nth-child(18){grid-area: mg18; height: 12vw}
.galdet-sec ul li:nth-child(19){grid-area: mg19; height: 12vw}
.galdet-sec ul li:nth-child(20){grid-area: mg20; height: 12vw}
.galdet-sec ul li:nth-child(21){grid-area: mg21; height: 12vw}



@media (max-width:990px) {
	.hmsec1-rgt, .camtct, .pge-rgt:before, .wsoffcanvasopener .pge-rgt{display: none}
	.hmsec2-lft, .hmsec2-rgt, .hm-sec3 ul li, .ftr-sec1, .ftr-sec2, .pge-tp, .nwssec1-lft, .nwssec1-rgt, .nws-sec2 ul li, .newdetsec1-lft, .newdetsec1-rgt, ul.gal-thumb li{width: 100%}
	.hmsec2-lft ul li img{height: 210px;}
	.hm-sec2{padding: 30px 0 0;}
	.hm-sec3{padding: 30px 0}
	.hm-sec3:before, .hm-sec3:after{width: 20vw; height: 11vw; bottom: 0}
	.hm-sec3 ul li figure img{height: 330px;}
	.hm-sec3 h3{font-size: 25px}
	.hm-sec3 .b-slider__slide{width: 90%}
	.hm-sec3 .b-slider{height: 10vw}
	.hm-sec3 .b-slider__slide:before{top: 2vw}
	.hmsec4-sec2 ul li{width: 48%; margin-bottom: 10px}
	.hmsec4-sec2 ul li:nth-child(2), .hmsec4-sec2 ul li:nth-child(4), .hmsec4-sec2 ul li:first-child, .hmsec4-sec2 ul li:last-child{margin-top: 0}
	.hmsec4-sec2:before{height: 60%; bottom: -40%; top: inherit}
	.hm-sec5 ul{display: flex; flex-wrap: wrap}
	.hm-sec5 ul li:first-child, .hm-sec5 ul li:nth-child(2), .hm-sec5 ul li:nth-child(3), .hm-sec5 ul li:nth-child(4), .hm-sec5 ul li:nth-child(5), .hm-sec5 ul li:nth-child(6), .hm-sec5 ul li:nth-child(7), .galdet-sec ul li:nth-child(8), .galdet-sec ul li:nth-child(9), .galdet-sec ul li:nth-child(10), .galdet-sec ul li:nth-child(11), .galdet-sec ul li:nth-child(12), .galdet-sec ul li:nth-child(13), .galdet-sec ul li:nth-child(14), .galdet-sec ul li:nth-child(15), .galdet-sec ul li:nth-child(16), .galdet-sec ul li:nth-child(17), .galdet-sec ul li:nth-child(18), .galdet-sec ul li:nth-child(19), .galdet-sec ul li:nth-child(20), .galdet-sec ul li:nth-child(21){height: 200px}
	.ftr-sec3, .ftr-sec4{width: 48%}
	.ftr-sec1, .ftr-sec2, .ftr-sec3, .ftr-sec4{margin-bottom: 20px}
	.hm-sec1 figcaption{left: 0; top: 0; transform: none; width: 100%; position: relative;padding: 20px 10px;}
	.hmsec1-img{position: absolute; left: 0; top: 0; width: 100%; height: 100%}
	.hmsec1-img img{height: 100%}
	.pge-rgt{position: fixed; top: 83px;width: 100%; left: 0;}
	.ssl{margin-left: 0; width: 100%;padding: 0 20px;}
	.ssl ul{justify-content: space-between;}
	.hm-sec1 figcaption h5:before{width: 80px; left: -90px;}
	.hm-sec1 figcaption h5:after{width: 80px; right: -90px;}
	.hm-sec1{margin-top: 126px;}
	.wsmenu-list>li{padding: 0}
	ul.pagination li{width: auto}
	.inr-main {margin-top: 125px;}
	.gal-filt .form-select{max-width: 117px; margin: 0 0px 0 5px;}
	.gal-filt p{    font-size: 14px;}
}




