@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800;900&display=swap');
@charset "utf-8";
/* CSS Document */
html { font-size: 100% }
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary, title { display: block }
body { font-family: 'Nunito', sans-serif; font-weight: normal; font-style: normal; font-size: 16px; line-height: 15px; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0 }
ol, ul { list-style: none }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: -0.25em }
* { outline: none !important; }
a:active, a:focus, a:hover, input[type="image"], select:focus, input, input[type="button"]:focus, :focus { outline: 0; text-decoration: none; }
.clearfix { *zoom:1
}
.clearfix:before, .clearfix:after { display: block; content: ""; line-height: 0 }
.clearfix:after { clear: both }
.clear { clear: both }
.btn { outline: 0px; }
.lists { list-style: none; margin: 0px; padding: 0px; }
.mainpage { position: relative; }
.container { position: relative; }
a, button { transition: all 0.5s ease-in-out; }
.btn-hover { font-size: 16px; color: #fff; cursor: pointer; border: none; background: #A84F46; border-radius: 30px; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; position:relative;}
.btn-hover:hover { background: #1f1d57;color: #fff; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; box-shadow:rgb(126 6 112 / 20%) 0 0 0 6px;}

.btn-hover .nex-aro1 { width: 15px; position: absolute; right: -20px; top: 10px; pointer-events: none; opacity: 0; transition: 0.5s;}
.btn-hover span { transition: 0.5s; position: relative; left: 0; right: 0;}
.btn-hover:hover span{ left:-10px;} 
.btn-hover:hover .nex-aro1 { width: 16px; top: 15px; right: 13px; opacity: 1;}



.d-hide { display: none; }
/* Header */
header { width: 100%; position: absolute; z-index: 999; left: 0px; top: 0px; right: 0px; padding: 20px 0 0; }
.nav-logo { float: left; width: 150px; }
header .topNav { float: right; width: 155px; margin: 24px 0 0;  text-align: right;}
header .topNav span { font-size: 16px; font-weight:600; color: #fff; margin-right: 10px; background: #fff; color: #A84F46; border-radius: 30px; padding: 8px 20px; transition:all 0.5s ease;}
header .topNav a:hover span{ background:#A84F46; color:#fff;}

header .Subtraction { position: absolute; left: 290px; width: 33px; top: 17px;}
header .Subtraction img:hover{ animation-name: rotate;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    border-radius: 50%;}

@keyframes rotate{
    from{ transform: rotate(-360deg); }
    to{ transform: rotate(360deg); }
}

header .topNav img { transition: 0.5s; width:30px; height:auto; margin:0 2px;}
header .topNav img:hover{ transform: scale(1.2);}


#exampleImage { cursor:zoom-in; }
#exampleImage:-webkit-full-screen { cursor:zoom-out; }
#exampleImage:-moz-full-screen { cursor:zoom-out; }
#exampleImage:-ms-fullscreen { cursor:zoom-out; }
#exampleImage:fullscreen { cursor:zoom-out; }

.scroll-logo, .FixedSocal{ display:none;}
.topSocial { display:inline-block;}
/* Sticky Header Style */
/* ---------------------------------------- */
header.sticky-header { background-color: #fff; position:fixed; left:0; right:0; top:20px; max-width:788px; margin:0 auto; -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; border-radius:50px; z-index:999; padding:15px; box-shadow:0 1px 7px 0 rgb(0 0 0 / 10%), 0 7px 9px 0 rgb(0 0 0 / 5%);}
header.sticky-header .m-hide{ display:none;}
header.sticky-header .scroll-logo{ display:block;}
header.sticky-header .button { left: 200px; top: 13px;}
header.sticky-header .btn-open:after { background: url(../images/m-menu.svg) center top no-repeat; top: -3px; }
header.sticky-header .btn-close:after { background: url(../images/m-close.svg) center top no-repeat; background-size: 100%; top: -2px; width: 31px; height: 31px;}
header.sticky-header .topNav { float: right; width: 430px; margin: 10px 0 0;} 
header.sticky-header .topSocial{ display:none;}
header.sticky-header .FixedSocal{ display: inline-block; transition: transform .2s;}
header.sticky-header .FixedSocal img:hover{ transform: scale(1.2);}
header.sticky-header .fixed-view{ display:block;}
header.sticky-header .Subtraction { left: 235px; width: 30px; top: 8px}

.modal.StoryModal .StoryLine{ width:100%; padding:0 20px 10px; position:relative; background:#000;}
.modal.StoryModal .StoryLine li{ display:inline-block; width:32%; background:#fff; opacity:0.7; height:3px; border-radius:}
.modal.StoryModal .StoryLine li.active{ opacity:1;}
.modal.StoryModal .modal-dialog{ margin:0 auto;}
.modal.StoryModal .modal-body{ padding:0px 0 0px; background:#000; text-align:center; border-radius:0px; z-index:999999; position:relative;}
.modal.StoryModal video{ height:auto; width:100%; max-width:100%; margin:0 auto;}
.modal-backdrop.show { opacity:0.7;}
.modal.StoryModal .modal-header{ background:#000; border:0; padding:15px 20px 15px; border-radius:0px;}
.modal.StoryModal .modal-header .modal-title { color:#fff; font-size:16px;}
.modal.StoryModal .modal-header .modal-title span{ color:rgb(255 255 255 / 60%); margin-left:10px; display:inline-block}
.modal.StoryModal .modal-header .modal-title img{ width:auto; height:30px; margin-right:10px;}
.modal.StoryModal .close { float: right;  opacity: 0.8; z-index: 999; right: 15px; top: 10px; z-index:9999999999;}
.modal.StoryModal .close img{ width: 23px; height: 23px;margin: 0px 0px 0px 0px;}
.modal.StoryModal .modal-content{ border:0px; border-radius:0px;}
.modal.StoryModal #btnFullscreen{ position:absolute; top:42px; right:72px; z-index:9999999999; background:none; border:0; cursor:pointer; opacity:0.9;}



.modal.StoryModal .slick-dots { top: -87px; padding:0 5px;}
.modal.StoryModal .slick-dots li { display:inherit; float:left; width:calc(33% - 4px); height:4px; margin:0 2px;}
.modal.StoryModal .slick-dots li button { width: 100%; height: 5px;  padding: 0;}
.modal.StoryModal .slick-dots li button:before { line-height: 4px; width: 100%; height: 4px; opacity: 1; background: rgb(255 255 255 / 53%); border-radius: 3px;  margin: 0;}
.modal.StoryModal .slick-dots li.slick-active { background:#fff;}

.heroarea .slick-list::before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 100%;
  background: rgb(85,16,16)!important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(2, 2, 2, 0.55) 100%) !important;
  z-index: 1;
}

.word{height:70px}


/*styling open close button*/
.button { display: inline; position: absolute; left: 250px; top: 20px; z-index: 999; }
.button span { text-decoration: none; cursor: pointer; }
.button .btn-open:after { content: ''; background: url(../images/menu.svg) center top no-repeat; width: 37px; height: 30px; background-size: 100%; position: absolute; top: 0; right: 0; transition-property: all .2s linear 0s; -moz-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; }
.button .btn-close:after { content: ''; background: url(../images/close.svg) center top no-repeat; width:31px; height: 31px; background-size: 100%; position: absolute; top: 0; right: 0; transition-property: all .2s linear 0s; -moz-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; }
/*overlay*/
.overlay { display: none; position: fixed; top: 0; height: 100%; width: 100%; background: rgb(141,59,51);
background: linear-gradient(0deg, rgba(141,59,51,0.9559174011401436) 0%, rgba(211,98,87,0.9671218829328606) 100%); overflow: auto; z-index: 100; }
.wrap { width: 100%; max-width: 1200px; margin: 0 auto; padding: 140px 0 0; }
.wrap ul.wrap-nav { text-transform: capitalize; padding: 0; width:calc(100% - 20px); float:left;margin-bottom: 60px;}
.wrap ul.wrap-nav li { text-align: left; float:left; position: relative; width:25%}
.wrap ul.wrap-nav li a { color: #fff; font-weight:800; padding: 10px 0 10px; display:block; font-size: 18px; text-decoration: none; transition-property: all .2s linear 0s; -moz-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; }
.wrap ul.wrap-nav li a:hover { color: #f0f0f0; }
.wrap ul.wrap-nav ul { padding: 20px 0; }
.wrap ul.wrap-nav ul li { display: block; font-size: 13px; width: 100%; color: #e9e9e9; }
.wrap ul.wrap-nav ul li a { color: #f0f0f0; }
.wrap ul.wrap-nav ul li a:hover { color: #34B484;}

.wrap ul.wrap-nav li .submenu { margin-bottom:20px;}
.wrap ul.wrap-nav li .submenu a{ font-size:14px !important; color:#fff; font-weight:400; padding:5px 0 5px 15px; line-height:18px; position:relative;}
.wrap ul.wrap-nav li .submenu a:before{ position:absolute; left:0; top:4px; content:'-'; color:#fff; font-size:15px;}

.contactMenu { width: 100%; padding: 25px 0 0; text-align:center; float:left;}
.contactMenu li { display: inline-block; padding:0 50px; }
.contactMenu li a{ color:#fff; font-size:18px; font-weight:700;}
.contactMenu li a span{ border-radius:50%; background:#434260; width:50px; height:50px; line-height:50px; text-align:center; display:inline-block; font-size:22px; margin-bottom:25px; position:relative; box-shadow:rgb(255 255 255 / 10%) 0 0 0 6px;}
.contactMenu li a span{}


.buttonPop { display: inline; position: absolute; z-index: 999; }
.buttonPop span { text-decoration: none; cursor: pointer; display:none !important; }
.buttonPop .btn-open:after {display:none !important;}
.buttonPop .btn-close:after {display:none !important;}

.SlidePopu{ width:100%; max-width:580px; margin:0 auto;}
.SlidePopu video{ width:100%; height:100vh;}

.element .slick-dots { top: 0; padding: 0 5px; bottom: auto; width: 100%; margin: 0 auto; left: 0; right: 0;}
.element .slick-dots li { display:inherit; float:left; width:calc(33% - 4px); height:4px; margin:0 2px;}
.element .slick-dots li button { width: 100%; height: 5px;  padding: 0;}
.element .slick-dots li button:before { line-height: 4px; width: 100%; height: 4px; opacity: 1; background: rgb(255 255 255 / 53%); border-radius: 3px;  margin: 0;}
.element .slick-dots li.slick-active { background:#fff;}


.element {
  width: 100%;
  background-color: skyblue;
  text-align: center;
  color: white;
  font-size: 3em;
  display:none;
}
.element:-ms-fullscreen p {
  visibility: visible;
}
.element:fullscreen {
  background: rgb(0 0 0 / 67%);
  width: 100vw;
  height: 100vh;
  display:block;
}
.MenuOpenView{ width:280px; float:right; border-radius:15px; text-align:center; padding:190px 20px 30px;}
.openTitle{ width:100%; font-size:24px; color:#fff; font-weight:900; line-height:22px;}
.openYear{ width:100%; font-size:22px; color:#fff; font-weight:700; line-height:28px; padding:10px 0;}
.openClass{ width:100%; font-size:20px; color:#fff; font-weight:800; line-height:22px; margin-bottom:10px;}
.MenuOpenView a { background: #EFEBE4; color: #A84F46; font-size: 20px; border-radius: 50px; padding: 15px 15px; display: block; font-weight:700; transition:all 0.5s ease-in-out;}
.MenuOpenView a:hover{ background:#434260; color:#fff;  transition:all 0.5s ease-in-out;}
.MenuOpenView a .fa{ padding-left:2px; transition:all 0.5s ease-in-out;}
.MenuOpenView a:hover .fa{ padding-left:15px; transition:all 0.5s ease-in-out;}
.m-whats{ display:none;}


/* Hero Area */
.heroarea { position: relative; width: 100%; height:110vh; }
.heroarea .slick-list:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ''; width: 100%; height: 100%; background: rgb(85,16,16); background: linear-gradient(180deg, rgba(85,16,16,0.6029762246695554) 0%, rgba(0,0,0,0.55) 100%); z-index: 1; }
.heroarea .container { position: absolute; z-index: 9; left: 0; right: 0; margin: 0 auto; top: 35%; text-align: center; max-width: 1000px; }
.heroarea .container h1 { font-size: 85px; font-weight: 900; color: #fff; margin-bottom: 30px; }
.heroarea .container p { color: rgb(255 255 255 / 85%); font-size: 24px; line-height: 32px; margin-bottom: 40px; }
.heroarea .container .btn-hover { position:relative; padding: 8px 25px 6px; text-transform: uppercase; font-weight: 600; position: relative;
  overflow: hidden; cursor: pointer; transition: all .45s ease-Out;}
  
.heroarea video{ width:100%; height:100%; margin:0;}  
 
.heroarea .slick-slider{ height:110vh; position:fixed; width:100%; left:0; top:0; right:0;}

.heroarea .slide  { background: url(../images/slide.jpg) center top no-repeat; background-size: cover; min-height: 110vh; }
.heroarea .slide1 { background: url(../images/slide1.jpg) center top no-repeat; background-size: cover; min-height: 110vh; }
.heroarea .slide2 { background: url(../images/slide2.jpg) center top no-repeat; background-size: cover; min-height: 110vh; }
.heroarea .slide3 { background: url(../images/slide3.jpg) center top no-repeat; background-size: cover; min-height: 110vh; }
.heroarea .slide4 { background: url(../images/slide4.jpg) center top no-repeat; background-size: cover; min-height: 110vh; }
.heroarea .slide5 { background: url(../images/slide5.jpg) center top no-repeat; background-size: cover; min-height: 110vh; }
.heroarea .slide6 { background: url(../images/slide6.jpg) center top no-repeat; background-size: cover; min-height: 110vh; }
.heroarea .slide7 { background: url(../images/slide7.jpg) center top no-repeat; background-size: cover; min-height: 110vh; }


.heroarea .slick-next.slick-arrow { width: 44px; height: 44px; background: url(../images/next-arrow.svg) left top no-repeat; position: absolute; top: 45%; right: 10%; color: transparent; cursor: pointer; z-index: 99; opacity:0.5;}
.heroarea .slick-prev.slick-arrow { width: 44px; height: 44px; background: url(../images/prev-arrow.svg) left top no-repeat; position: absolute; top: 45%; left: 10%; color: transparent; cursor: pointer; z-index: 99; opacity:0.5;}
.heroarea .slick-next.slick-arrow:hover, .heroarea .slick-prev.slick-arrow:hover{ opacity:1;}
/* About Us */
.AboutWrap { width: 100%; position: relative; background: #EFEBE4; padding: 300px 0 100px; }
.facilitieWrap { width: 100%; position: absolute; left: 0; right: 0; margin: 0 auto; top: -420px; z-index:9; }
.facilitieWrap .facilitieBx { background: #fff; border-radius: 30px; padding: 10px 30px 30px; text-align: center; transition: 0.3s ease-in-out; }
.facilitieWrap h2 { font-size: 22px; color: #434260; font-weight: 900; margin: 0 0 18px; text-transform: uppercase; line-height:26px;}
.facilitieWrap p { font-size: 14px; text-align: center; color:#434260; line-height: 22px; font-weight:700; }
.facilitieBx:hover { border-radius: 30px; box-shadow: 0px 3px 6px #00000029; }
.facilitieWrap img { transition: all .2s ease-in-out; height:90px; width:auto;}
.facilitieBx:hover img { transform: scale(1.1); }
.AboutWrap .AboutIndent { width: 100%; position: relative; }
.AboutIndent h2 { font-size: 16px; color: #A84F46; margin: 70px 0 5px; font-weight: 700; }
.AboutIndent h3 { font-size: 42px; color: #2B2859; line-height: 45px; font-weight: 900; margin-bottom: 40px; }
.AboutIndent h4 { font-size: 22px; color: #2B2859; line-height: 35px; font-weight: 700; margin-bottom: 15px; }
.AboutIndent h5 { font-size: 20px; color: #2B2859; line-height: 30px; font-weight: 700; margin-bottom: 10px; }
.AboutIndent h5 span{ display: block; font-weight: 500; }
.AboutIndent h6 { font-size: 35px; color: #A84F46; line-height: 35px; font-weight: 900; margin-bottom: 10px; }
.AboutIndent li { font-size: 18px; color: #646464; padding: 5px 0 5px 25px; background: url(../images/check.svg) left 11px no-repeat; line-height: 26px; }
.AboutIndent p { font-size: 18px; color: #434260; line-height: 32px; padding-bottom: 20px; }
.AboutIndent p a { display: inline-block; color: #fff; background: #A84F46; border-radius: 50px; padding: 7px 25px 6px; text-transform: uppercase; font-weight: 600; position: relative; font-size: 15px; }
.AboutIndent p a:hover { background: #434260;  box-shadow:rgb(168 79 70 / 20%) 0 0 0 6px; }
.AboutIndent p a .nex-aro1 { width: 15px; position: absolute; right: -20px; top: 14px; pointer-events: none; opacity: 0; transition: 0.5s;}
.AboutIndent p a span { transition: 0.5s; position: relative; left: 0; right: 0;}
.AboutIndent p a:hover span{ left:-10px;} 
.AboutIndent p a:hover .nex-aro1 { width: 16px; top: 13px; right: 12px; opacity: 1;}
.AboutPost { position: relative; }
.AboutPost video{ width:100%; height:auto;}
.AboutPost .play-icon { z-index: 99; position: absolute; bottom:190px; right:260px; width:85px; height:85px; border-radius:50%; text-align:center; line-height:83px;}
.AboutPost .play-icon a{ position: absolute;
    top: 16px;
    left: 34px;}

.AboutPost .video {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 100%;
  background: transparent;
  color: #fff;
  display: inline-block;
  background: #A84F46;
  z-index: 999;
}

@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

 

.AboutPost .waves {
  position: absolute;
  width: 150px;
  height: 150px;
  background: rgba(168, 79, 70, 50);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-radius: 100%;
  right: -50px;
  bottom: -50px;
  z-index: -1;
   -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 3s ease-in-out infinite;
}
        
.AboutPost .wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.AboutPost .wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.AboutPost .wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

#lottie{
	background-color:#ffffff;
	width:100%;
	height:100%;
	display:block;
	overflow: hidden;
	transform: translate3d(0,0,0);
	text-align: center;
	opacity: 1;
}
#lottieSchool{
	background-color:#ffffff;
	width:150px;
	height:100px;
	display:block;
	overflow: hidden;
	transform: translate3d(0,0,0);
	text-align: center;
	opacity: 1;
}

/*===== Sec Title =====*/
.FacilitiesBx { overflow: hidden; position: relative; background: #fff; }
.FacilitiesBx h2 { font-size: 18px; color: #A84F46; font-weight: 700; margin: 50px 0 10px; }
.FacilitiesBx h3 { font-size: 35px; color: #434260; font-weight: 900; line-height: 45px; margin-bottom: 20px; }
.FacilitiesBx p { font-size: 18px; color: #434260; line-height: 28px; padding-bottom: 40px; font-weight:700; }
.reason-desc-inner { max-width: 32rem; }
.reason-desc-inner ul.nav-tabs { width: calc(100% + 8.125rem); margin-left: -8.125rem; display: block; border: 0; }
.reason-desc-inner ul.nav-tabs li { margin-bottom: 5px; color: #2b2959; font-size: 1.75rem; line-height: initial; }
.reason-desc-inner ul.nav-tabs li a.nav-link { padding: 0.8rem 1.5rem 1.3125rem 7.125rem; border: 0; -webkit-border-radius: 0; border-radius: 0; background-color: #F5F2ED; position: relative; color: rgb(67 66 96 / 66%); font-weight: 800; }
.reason-desc-inner ul.nav-tabs li a.nav-link i { color: #fff; position: absolute; top: 0; bottom: 0; left: 0; width: 7.5rem; text-align: center; font-size: 3.75rem; background-color: #D36257; line-height: 5.5rem; -webkit-transform: scale(.6); -ms-transform: scale(.6); -o-transform: scale(.6); transform: scale(.6); opacity: 0; }
.reason-desc-inner ul.nav-tabs li a.nav-link i img{ width:55px; height:auto;}
.reason-desc-inner ul.nav-tabs li a.nav-link span { font-size: 15px; color: #434260; font-weight: 400; margin-top: 5px; background:none !important;}
.reason-desc { padding-left: 8.125rem; }
.reason-desc-inner ul.nav-tabs li:not(:first-child) { margin-top: 2px; }
.reason-desc-inner ul.nav-tabs li a.nav-link.active i { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; }
.reason-desc-inner ul.nav-tabs li a.nav-link.active { width: calc(100% + 1.875rem); margin-left: -1.875rem; padding-left: 9rem; color: #fff; }
.reason-desc-inner ul.nav-tabs li a.nav-link.active, .reason-desc-inner ul.nav-tabs li a.nav-link.active:hover, .reason-desc-inner ul.nav-tabs li a.nav-link.active:hover span, .reason-desc-inner ul.nav-tabs li a.nav-link.active span { color: #fff; background: #A84F46; }
.reason-desc-inner > ul + a { margin-top: 2.8125rem; }
.reason-desc-inner > a, .speackers-desc > a { font-family: Barlow; text-transform: uppercase; display: inline-block; font-weight: 700; font-size: 1.125rem; border-bottom: 1px solid; }
.reason-desc-inner > a i, .speackers-desc > a i { margin-left: 0.625rem; }
.reason-desc-inner > a:hover, .reason-desc-inner > a:focus, .speackers-desc > a:hover, .speackers-desc > a:focus { color: var(--color2); }
.mrg div[class^="col"] { padding: 0px; }
.viewall { margin: 35px 0 0; width: 100%; }
.viewall a { display: inline-block; color: #fff; background: #A84F46; border-radius: 50px; padding:16px 25px 14px; text-transform: uppercase; font-weight: 600; position: relative; font-size: 15px; }
.viewall a:hover { background: #434260; box-shadow:rgb(168 79 70 / 20%) 0 0 0 6px; }

.viewall a .nex-aro1 { width: 15px; position: absolute; right: -20px; top: 14px; pointer-events: none; opacity: 0; transition: 0.5s;}
.viewall a span { transition: 0.5s; position: relative; left: 0; right: 0;}
.viewall a:hover span{ left:-10px;} 
.viewall a:hover .nex-aro1 { width: 16px; top: 13px; right: 12px; opacity: 1;}

/* Notice Board */
.NoticeBoard { width: 100%; position: relative; padding: 120px 0; background: #EFEBE4; }
.NoticeBoard .find-course .sec-title h2 { font-size: 16px; color: #A84F46; font-weight: 900; margin-bottom: 15px; }
.NoticeBoard .find-course .sec-title h2 img { margin-right: 8px; }
.NoticeBoard .find-course .sec-title p { margin-bottom: 15px; line-height: 28px; font-size: 18px; color: #434260; font-weight:600; }
.NoticeBoard h3 { font-size: 13px; color: #A84F46; font-weight: 800; padding: 0 30px 0 0; line-height: 26px;}
.NoticeBoard h3 a{ color: #A84F46;}
.NoticeBoard span { font-size: 13px; font-weight: 600; }
.NoticeBoard img { margin: 0 3px }
.NoticeBoard h3>strong { font-weight: 700 }
.NoticeBoard .courses-list .course-card .course-meta+span { font-size: 11px; }
.NoticeBoard .courses-list .course-card .posted-by>a { font-size: 12px; }
.NoticeBoard .find-course .course-img { margin: 30px 0 0; position: relative; }
.NoticeBoard .find-course .course-img img { position: relative; z-index: 1; }
.NoticeBoard .find-course .course-img:before { position: absolute; left: -40px; bottom: 60px; background: url(../images/dots.svg) left top no-repeat; width: 128px; height: 118px; content: ''; z-index: 0; }
.NoticeBoard .courses-list { margin-top: 70px }
.NoticeBoard .courses-list .course-card { background-color: #fff; box-shadow: 0 0 10px rgba(21,87,153,.08); padding: 15px 15px 20px 25px; border-radius: 15px; position: relative; margin-bottom: 20px; overflow: hidden }
.NoticeBoard .courses-list .course-card:nth-child(2) { left: -75px }
.NoticeBoard .courses-list .course-card:before { content: ""; position: absolute; top: 0; left: 0; width: 8px; height: 100%; background: #A84F46; overflow: hidden; }
.NoticeBoard .courses-list .course-card .course-meta li { display: inline-block; color: #434260; font-size: 11px; font-weight: 300; margin-right: 10px }
.NoticeBoard .courses-list .course-card .course-meta li img { margin-right: 7px; vertical-align: middle; }
.NoticeBoard .courses-list .course-card .course-meta li:last-child { margin-right: 0 }
.NoticeBoard .courses-list .course-card .course-meta+span { display: inline-block; color: #A84F46; font-size: 14px; margin-left: auto; text-transform: uppercase; font-weight: 700; }
.NoticeBoard .courses-list .course-card>h3 a { color: #434260; font-size: 20px; text-transform: capitalize; font-weight: 800; margin-top: 15px; margin-bottom: 15px; display: block; }
.NoticeBoard .courses-list .course-card .posted-by>img { margin-right: 7px; border-radius: 100px }
.NoticeBoard .courses-list .course-card .posted-by>a { display: inline-block; color: #434260; font-size: 14.23px; text-transform: capitalize; font-weight: 500 }
.NoticeBoard .courses-list .course-card .locat { margin-left: auto; display: inline-block; color: #575757; font-size: 14.23px }
.NoticeBoard .courses-list .course-card .locat img { margin-right: 12px }
.NoticeBoard .all-btn { position: relative; float: right; display: inline-block; color: #155799; font-size: 18px; font-weight: 600; margin-top: 20px; text-transform: uppercase; color: #A84F46; text-transform: uppercase; font-weight: 600; }
.NoticeBoard a.all-btn { display: inline-block; color: #fff; background: #A84F46; border-radius: 50px; padding: 15px 25px 14px; text-transform: uppercase; font-weight: 600; position: relative; font-size: 15px; }
a.all-btn:hover { background: #434260; box-shadow:rgb(168 79 70 / 20%) 0 0 0 6px; }

a.all-btn .nex-aro1 { width: 15px; position: absolute; right: -20px; top: 14px; pointer-events: none; opacity: 0; transition: 0.5s;}
a.all-btn span { transition: 0.5s; position: relative; left: 0; right: 0; font-size:15px;}
a.all-btn:hover span{ left:-10px;} 
a.all-btn:hover .nex-aro1 { width: 16px; top: 13px; right: 8px; opacity: 1;}


/* Gallery Start */
.GalleryWrap { width: 100%; padding: 80px 0; position: relative; background: #fff; }
.GalleryWrap h2 { color: #A84F46; font-size: 16px; font-weight: 800; margin-bottom: 30px; }
.GalleryWrap h2 img { margin-right: 8px; }
.GalleryWrap h3 { font-size: 44px; color: #434260; font-weight: 800; margin-bottom: 20px; }
.GalleryWrap h4 { color: #A84F46; font-size: 16px; font-weight: 800; margin-bottom: 30px; }
.GalleryWrap h4 img { margin-right: 8px; }
.GalleryWrap p { font-size: 18px; color: #434260; padding-bottom: 20px; font-weight: 800; }
.GalleryWrap p span { display: block; font-size: 14px; color: #434260; font-weight:400; line-height: 24px; margin: 4px 0 0; }
.galleryView { width: 100%; margin-bottom: 20px; }
.galleryView li { overflow:hidden; width: 33%; padding:8px; float: left;  }
.galleryView li img { border-radius: 30px; transition: 0.5s all ease-in-out; width:100%; height:auto;}
.galleryView li:hover img{ border-radius:50%; transition: 0.5s all ease-in-out;}
.achievementPost { margin-bottom: 45px; height: 485px; overflow: hidden;}

#lottienew{
	background-color:#ffffff;
	width:100%;
	height:100%;
	display:block;
	overflow: hidden;
	transform: translate3d(0,0,0);
	text-align: center;
	opacity: 1;
}



.achievementPost img{ width:auto; height:485px; border-radius:30px;}
.GalleryWrap .viewall { margin-top: 30px; }
.GalleryWrap .viewall a { display: inline-block; color: #fff; background: #A84F46; border-radius: 50px; padding:9px 25px; text-transform: uppercase;  position: relative; font-size: 15px; color:#fff; }
.GalleryWrap .viewall a:hover { background: #434260; color:#fff;  box-shadow:rgb(168 79 70 / 20%) 0 0 0 6px; }

.GalleryWrap .viewall a .nex-aro1 { width: 15px; position: absolute; right: -20px; top: 14px; pointer-events: none; opacity: 0; transition: 0.5s;}
.GalleryWrap .viewall a span { color:#fff !important; transition: 0.5s; position: relative; left: 0; right: 0; font-weight:600; font-size:15px;}
.GalleryWrap .viewall a:hover span{ left:-10px;} 
.GalleryWrap .viewall a:hover .nex-aro1 { width: 16px; top: 15px; right: 10px; opacity: 1;}

/* Thought */
.thoughtWrap { width: 100%; padding: 180px 0 250px; background: url(../images/slide2.png) center top no-repeat fixed; position: relative; background-size:cover; position:relative;}
.thoughtWrap:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ''; width: 100%; height: 100%; background: rgb(141 59 51 / 75%); z-index: 0; }
.thoughtWrap h2 { font-size: 16px; color: #EFEBE4; font-weight: 900; text-align: center; margin-bottom: 40px; letter-spacing:2px; }
.thoughtWrap h2 img { margin-right: 10px; vertical-align: -7px; }
.thoughtWrap .slick-slider { margin: 50px 0 0; }
.thoughtWrap h4 { font-size: 36px; color: #FFFFFF; font-weight: 700; line-height: 44px; text-align: center; margin-bottom: 20px; }
.thoughtWrap p { font-size: 16px; color: #FFFFFF; text-align: center; }
/* Message */
.MessagesBx { background: #EFEBE4; position: relative; padding: 80px 0 120px; }
.MessagesBx h2 { font-size: 16px; color: #A84F46; font-weight: 800; text-align: center; margin-bottom: 30px; }
.MessagesBx h2 img { margin-right: 5px; }
.MessagesBx .slick-initialized .slick-slide { padding: 30px 15px 35px; z-index: 11; position: relative; transition: all .45s ease-Out;}
.MessageIndent { background: #fff; text-align: center; box-shadow: 0px 0px 10px 0px rgb(1 44 118 / 20%); padding: 30px; border-radius: 30px; opacity: 0.7;min-height:410px }
.MessageIndent h3 { font-size: 20px; color: #A84F46; margin: 0 0 5px; font-weight: 800; }
.MessageIndent h4 { font-size: 14px; color: #2B2859; margin: 0 0 20px; font-weight: 600; }
.MessageIndent p { font-size: 14px; color: #434260; text-align: center; line-height: 26px; margin: 0 0 30px; padding-bottom: 30px; position: relative; }
.MessageIndent .social a { color: #434260; font-size: 22px; margin: 0 10px; }
.UserPost { width: 93px; height: 93px; margin: 0 auto 30px; position: relative; }
.UserPost span { position: absolute; bottom: 0; right: -8px; width: 43px; height: 43px; }
.MessagesBx .slick-slide.slick-current.slick-active.slick-center .MessageIndent { padding: 30px 20px; opacity: 1; }
.MessagesBx .slick-slide.slick-current.slick-active.slick-center .MessageIndent p { font-size: 16px; line-height: 28px;}

.MessagesBx .slick-slide.slick-current.slick-active.slick-center { padding: 30px 15px; }
.MessagesBx .slick-next.slick-arrow { width: 44px; height: 44px; background: url(../images/arrow-n.svg) left top no-repeat; position: absolute; top: auto; bottom: -60px; right: 45%; color: transparent; cursor: pointer; z-index: 99; opacity: 0.6; }
.MessagesBx .slick-next.slick-arrow:hover { opacity: 1; }
.MessagesBx .slick-prev.slick-arrow { width: 44px; height: 44px; background: url(../images/arrow-p.svg) left top no-repeat; position: absolute; top: auto; bottom: -60px; left: 45%; color: transparent; cursor: pointer; z-index: 99; opacity: 0.6 }
.MessagesBx .slick-prev.slick-arrow:hover { opacity: 1px; }
/* Footer Css */
footer { background: #EFEBE4 url(../images/footerview.svg) left bottom repeat-x; position: relative; padding: 20px 0 140px; overflow: hidden; }
.AdmissionOpen { width: 100%; border-radius: 30px; background: #A84F46; }
.Openleft { width: 50%; float: left; position: relative; }
.Openleft span { font-size: 30px; color: #FFECC1; left: 20px; bottom: 20px; font-weight: 800; position: absolute; display: block; width: 70%; line-height: 30px; }
.Openleft img { border-radius: 30px 0 0 30px; }
.OpenRight { width: 50%; float: left; text-align: center; padding: 20px 0 0; }
.OpenRight h3 { font-size: 28px; font-weight: 800; color: #fff; margin-bottom: 15px; }
.OpenRight p { font-size: 22px; color: #fff; padding-bottom: 15px; font-weight: 600; line-height: 20px; }
.OpenRight p a { background: #EFEBE4; color: #A84F46; font-size: 18px; border-radius: 50px; padding: 13px 35px 12px; display: inline-block; font-weight:700; transition: all 0.5s ease-in-out;}
.OpenRight p a:hover{ background:#434260; color:#fff; transition: all 0.5s ease-in-out;}
.OpenRight p a .fa{ margin-left:5px; transition: all 0.5s ease-in-out;}
.OpenRight p a:hover .fa{margin-left:15px; transition: all 0.5s ease-in-out;}
.FootAbout { text-align: center; font-size: 18px; color: #434260; line-height: 28px; border-radius: 10px; padding: 50px 0 0; }
.FootAbout img { margin-bottom: 30px; }
.footaddress { width: 100%; text-align: center; line-height: 28px; color: #434260; font-size: 18px; padding: 40px 0 20px; }
.footaddress a { color: #434260; font-weight: 800; }
.headaddress{ color: #434260; font-weight: 600; font-size: 14px;padding: 0px 0px 0px;}
.head-social { width: 100%; text-align: center; padding: 60px 0 14px; }
.head-social img { width: 30px; height: auto; margin: 0 5px; transition: 0.5s; }
.head-social img:hover{ transform: scale(1.3);}


.DownBx { padding: 15px 0 50px; width: 100%; text-align: center; }
.DownBx .btn-hover { padding: 12px 30px; border-radius: 50px; font-size: 16px; font-weight: 700; background: #A84F46; text-transform:uppercase; color:#EFEBE4;}
.DownBx .btn-hover img { margin-right: 7px; vertical-align:-4px; }
.DownBx .btn-hover:hover { background: #434260; color: #fff; }
.TourFooter { width: 100%; text-align: center; padding: 60px 0 10px; }
.TourFooter li { border-right: 1px solid #DBD4C9; width: 32%; display: inline-block; vertical-align: top; text-align: left; padding:12px 0; }
.TourFooter li a{ color:#434260;}
.TourFooter li a:hover{ color:#A84F46;}
.TourFooter li span { display: inline-block; text-align: left; font-size: 16px; font-weight: 800; margin-left: 10px; line-height: 20px; margin-top: -4px; }
.TourFooter li:last-child { border-right: 0px; }
.TourFooter li center { float: left; margin-left: 60px; }
.foot-social { width: 100%; text-align: center; padding: 0 0 20px; }
.foot-social img { width: 30px; height: auto; margin: 0 5px; transition: 0.5s; }
.foot-social img:hover{ transform: scale(1.3);}
.copyright { width: 100%; text-align: center; font-size: 10px; color: #434260; padding: 15px 0 0; }
.copyright a { font-weight: 600; color: #434260; font-weight: 800; }


/* Inner page Css */
.heroarea.innerSlider{ width:100%; position:relative; padding:250px 0 220px; height:auto;}
.heroarea.innerSlider:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ''; width: 100%; height: 100%; background: rgb(85,16,16); background: linear-gradient(180deg, rgba(85,16,16,0.6029762246695554) 0%, rgba(0,0,0,0.55) 100%); z-index: 1; }
.AboutWrap.innerAbout{ padding:80px 0 90px;}
.aboutIndent.facilitieWrap{ background:rgb(168 79 70 / 70%); padding:80px 0; position:relative; top:0px;}
footer.innerFoot{ padding:90px 0 140px;}
.CountWrap{ width:100%; max-width:1020px; margin:70px auto 0;}
.CountWrap li{ float:left; width:33.33%;}
.count-title{ font-size:45px; color:#A84F46; line-height:38px; margin-bottom:25px; font-weight:300;}
.countTxt{ font-size:16px; color:#434260; font-weight:700;}

.schoolProfile{ width: 100%; margin-bottom: 30px; }
.schoolProfile h4{ font-size: 20px; font-weight: 800; margin-bottom: 15px; }


.LibaryRulsPage{ padding: 60px 0 70px; width: 100%;  position: relative; background: #EFEBE4;}
.LibaryRulsPage h3 { font-size: 26px; color: #2B2859; line-height: 35px; font-weight: 900; margin-bottom: 20px; }
.LibaryRulsPage h4 { font-size: 22px; color: #2B2859; line-height: 26px; font-weight: 600; margin-bottom: 15px; }
.LibaryRulsPage h5 { font-size: 20px; color: #2B2859; line-height: 30px; font-weight: 700; margin-bottom: 10px; }
.LibaryRulsPage h5 span{ display: block; font-weight: 500; }
.LibaryRulsPage li { position: relative;; font-size: 18px; color: #646464; padding: 10px 0 10px 45px; line-height: 26px; }
.LibaryRulsPage li span {
  position: absolute;
  left: 0;
  top: 10px;
  border-radius: 32px;
  background: #A84F46;
  width: 40px;
  height: 30px;
  text-align: center;
  color: #fff;
  font-size: 10px;
  line-height: 17px;
  padding-top: 6px;
}
.LibaryRulsPage p { font-size: 18px; color: #646464; padding:0 0 15px; line-height: 26px; }


#progressCarousel .carousel-indicators {
  position: absolute;
  font-size: 1.125rem;
  letter-spacing: 0;
  justify-content: inherit;
  margin-left: inherit;
  margin-right: inherit;
  top: 10px;
}
#progressCarousel .carousel-indicators li {
  position: relative;
  flex: inherit;
  width: inherit;
  height: inherit;
  margin-right: 70px !important;
  margin-left: 70px !important;
  text-indent: inherit;
  letter-spacing: 0;
  background-color: inherit;
  font-size: 1.5rem;
  color: #414142;
}
#progressCarousel .carousel-indicators li .progress {
  position: absolute;
  height: 3px;
  width: 120px;
  left: 40%;
  margin-left: -60px;
  margin-top: 5px;
  background: #414142;
  border-radius:10px;
}
#progressCarousel .carousel-indicators li .progress .progress-bar {
  background: #414142;
  width: 0%;
  transition: width 5s linear;
}
#progressCarousel .carousel-indicators li.active {
  color: #FFFFFF;
  background-color: transparent;
}
#progressCarousel .carousel-indicators li.active .progress-bar {
  background: #ff2e88;
  box-shadow: 0 0 4px 0 #ff2e88;
  width: 100%;
}


.cardn {
  background: #fff;
  text-align: center;
  box-shadow: 0px 0px 10px 0px rgb(1 44 118 / 20%);
  padding: 30px 20px 15px;
  border-radius: 30px;
  opacity: 0.7;
}

.square{

  background: white;
  border-radius: 10px;
  box-shadow: 0px 20px 50px #D9DBDF;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; 
  font-family: 'Nunito', sans-serif;
  margin-top:25px;
}

.mask{
  clip: rect(0px, 460px, 220px, 0px);
  border-radius: 10px 10px 0px 0px;
  width:100%;
  max-height: 200px;
}

.h1{
color: #2B2859;
line-height: 24px;
font-weight: 700;
margin-bottom: 10px;
font-size: 22px;
padding:20px 20px 10px;
}
.h2{
color: #2B2859;
line-height: 24px;
font-weight: 700;
margin-bottom: 0px;
font-size: 22px;
}
.h2:hover{
color: #a84f46;
line-height: 24px;
font-weight: 700;
margin-bottom: 0px;
font-size: 22px;
}
.square p{padding:0px 20px 10px; font-family: 'Nunito', sans-serif;line-height: 20px;}
.square .rkb{margin-left:20px; margin-bottom:25px;margin-top:15px}
.square span{font-size: 12px;line-height: 14px;}
.ach{}
.ach h3{font-size:36px;margin-bottom: 20px;color: #A84F46;}
.ach span{font-size:14px; color: #434260; padding-bottom:20px;line-height: 20px;}
.ach img{ width:100%; border-radius:10px 10px 0px 0px;}
.bck{padding-bottom:20px;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #a84f46;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 2px;
  padding:8px 15px;
}
.collapse p{font-family: 'Nunito', sans-serif;line-height: 20px;}
.nav-link {
  color: #2B2859;
  display: block;
  padding: 8px 15px;
  background: #fff;
  margin-bottom: 2px;
  line-height: 24px;
   font-weight: 700;
}
.nav-link:hover {
  color: #fff;
  display: block;
  padding: 8px 15px;
  background: #fff;
  margin-bottom: 2px;
  line-height: 24px;
   font-weight: 700;
  background-color: #a84f46;
}

.sbg {
  background: #a84f46;
  color: #fff;
  line-height: 24px;
  padding: 10px 0;
  border-radius: 0px 0px 5px 5px;
}