@charset "utf-8";
 * {
     outline: none;
     margin: 0px;
     padding: 0px;
     border: none;
     text-decoration: none;
      font-family: 'Poppins';
     box-sizing:border-box;
}
 body {
     text-decoration: none;
     background:#fff;
      font-family: 'Poppins';
     font-size:16px;
     color:#505050;
}
 .c1 {
     background-color:#fff !important;
     color:#333 !important;
}
 .fa-rotate-90 {
     -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
     transform: rotate(90deg);
}
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-ExtraBold.eot');
    src: url('../fonts/PlusJakartaSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PlusJakartaSans-ExtraBold.woff') format('woff'),
        url('../fonts/PlusJakartaSans-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
 @font-face {
     font-family: 'Plus Jakarta Sans';
     src: url('../fonts/PlusJakartaSans-Medium.eot');
     src: url('../fonts/PlusJakartaSans-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/PlusJakartaSans-Medium.woff') format('woff'), url('../fonts/PlusJakartaSans-Medium.ttf') format('truetype');
     font-weight: 500;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: 'Rage';
     src: url('../fonts/RageItalic.eot');
     src: url('../fonts/RageItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/RageItalic.woff') format('woff'), url('../fonts/RageItalic.ttf') format('truetype');
     font-weight: normal;
     font-style: italic;
     font-display: swap;
}
 @font-face {
     font-family: 'geomanistregular';
     src: url('../fonts/geomanist-regular-webfont.eot');
     src: url('../fonts/geomanist-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-regular-webfont.woff2') format('woff2'), url('../fonts/geomanist-regular-webfont.woff') format('woff'), url('../fonts/geomanist-regular-webfont.ttf') format('truetype'), url('../fonts/geomanist-regular-webfont.svg#geomanistregular') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family:'geomanist-bold';
     src: url('../fonts/geomanist-bold-webfont.eot');
     src: url('../fonts/geomanist-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-bold-webfont.woff2') format('woff2'), url('../fonts/geomanist-bold-webfont.woff') format('woff'), url('../fonts/geomanist-bold-webfont.ttf') format('truetype'), url('../fonts/geomanist-bold-webfont.svg#geomanistregular') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'geomanist-light';
     src: url('../fonts/geomanist-light-webfont.eot');
     src: url('../fonts/geomanist-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-light-webfont.woff2') format('woff2'), url('../fonts/geomanist-light-webfont.woff') format('woff'), url('../fonts/geomanist-light-webfont.ttf') format('truetype'), url('../fonts/geomanist-light-webfont.svg#geomanistregular') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'geomanist-book';
     src: url('../fonts/geomanist-book-webfont.eot');
     src: url('../fonts/geomanist-book-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-book-webfont.woff2') format('woff2'), url('../fonts/geomanist-book-webfont.woff') format('woff'), url('../fonts/geomanist-book-webfont.ttf') format('truetype'), url('../fonts/geomanist-book-webfont.svg#geomanistregular') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'Poppins';
     src: url('../fonts/Poppins-SemiBold.eot');
     src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff'), url('../fonts/Poppins-SemiBold.ttf') format('truetype');
     font-weight: 600;
     font-style: normal;
}
 @font-face {
     font-family: 'Poppins';
     src: url('../fonts/Poppins-Regular.eot');
     src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'Poppins';
     src: url('../fonts/Poppins-Medium.eot');
     src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Medium.woff2') format('woff2'), url('../fonts/Poppins-Medium.woff') format('woff'), url('../fonts/Poppins-Medium.ttf') format('truetype');
     font-weight: 500;
     font-style: normal;
}
 .clear {
     clear: both 
}
 audio, ::selection {
     background:#8cc248;
     color: #fff;
}
 .effect-shine:hover {
     -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,0.8) 30%, #000 50%, rgba(0,0,0,.6) 70%);
     -webkit-mask-size: 200%;
     -webkit-animation: shine 2s infinite;
     animation: shine 2s infinite;
}
 .grecaptcha-badge{
     display:none !important;
}
 .img-full{
     width: 100%;
     height:auto;
     display: block 
}
 .img-responsive {
     max-width: 100%;
     height:auto;
}
 .container{
     width:100%;
     padding-left:5%;
     padding-right:5% 
}
 .logo1{
     display:none 
}
 .banner-wraper{
     width:100%;
     height:auto;
     position:relative;
     z-index:1;
}
 .swiper-slide-caption {
     position: absolute;
     z-index: 1;
     display: inline-block;
     width: 100%;
     max-height: 100%;
     white-space: normal;
     overflow: hidden;
     bottom: 30%;
     left: 0px;
}
 .banner-caption-mid{
     
     font-size:7.667em;
     color:#fff;
     font-family: 'Plus Jakarta Sans';
     text-align:left;
     font-weight:bold;
     line-height:1;
     text-transform:uppercase;
     letter-spacing:-4px;
}
 .caption{
     font-size:1.625em;
     color:#fff;
     font-family: inherit;
     text-align:left;
     font-weight: normal;
     line-height:1;
}
 .caption-bottom{
     font-size:3.500em;
     color:#fff;
     font-family: 'Plus Jakarta Sans';
     text-align:left;
     font-weight: 500;
     line-height:1;
     letter-spacing: -3px;
     display: flex;
     align-items: center;
         
}
 .caption-bottom span{
    font-family: 'geomanist-book';
     font-size:0.5em;
     letter-spacing: 0px;
     margin-left: 10px;
}
.banner-bottom-wrap {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 0px;
}
 .footer-container{
     width:100%;
     height:auto;
     padding-top:2em;
     padding-bottom:2em;
}
.footer-top-for{ display: flex; align-items: center;}
.footer-top-for img{ max-width: 35px; margin-left: 10px;}
 .top-wraper{
     width:100%;
     height: auto;
}
 .top-container{
     width:100%;
     padding-left:5%;
     padding-right:5%;
}
 .tophead{
     width:100%;
     height:40px;
     position:relative;
     padding-top:1em;
}
 .top-header{
     width:100%;
     height:auto;
     position:relative;
     z-index:99 
}
 .top-contact{
     width: auto;
     height:40px;
     float:right;
     clear: both;
     padding-top:10px;
}
 .logo-container{
     width:auto;
     height:auto;
     position:absolute;
     left:0;
     top:0;
     padding-top:10px;
}
 .menu-container{
     width: auto;
     height: auto;
     float:right;
     margin-top:1em 
}
 .logo{
     width:auto;
     height:auto;
     float:left;
}
 .effect-shine:hover {
     -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,0.8) 30%, #000 50%, rgba(0,0,0,.6) 70%);
     -webkit-mask-size: 200%;
     -webkit-animation: shine 2s infinite;
     animation: shine 2s infinite;
}
 @-webkit-keyframes shine {
     from {
         -webkit-mask-position: 150%;
    }
     to {
         -webkit-mask-position: -50%;
    }
}
 .effect-shine1:hover {
     -webkit-mask-image: linear-gradient(-75deg, rgba(255,172,0,1) 30%, #000 50%, rgba(255,172,0,.6) 70%);
     -webkit-mask-size: 200%;
     -webkit-animation: shine 2s infinite;
     animation: shine 2s infinite;
}
 @-webkit-keyframes shine1 {
     from {
         -webkit-mask-position: 150%;
    }
     to {
         -webkit-mask-position: -50%;
    }
}
 .top-quickwraper{
     width:100%;
     height:auto;
}
 .header-contact{
     width:auto;
     height:auto;
     float:right;
}
 .header-call{
     width:auto;
     height:auto;
     float:left;
     line-height:40px;
     font-family: inherit;
     font-size:1em;
     font-weight:400;
     margin-left:1em;
     color:#fff;
}
 .header-call a{
     line-height:40px;
     font-family: inherit;
     font-size:1em;
     font-weight:400;
     color:#fff;
     margin-left:30px;
}
 .header-call a:hover{
     font-family: inherit;
     font-size:1em;
     font-weight:400;
     color:#ffce00;
}
 .desk-view{
     display:block 
}
 .mob-view{
     display:none 
}
 .nav-menu > li:nth-last-child(1) a{
     padding-right:0%;
}
 .footer-wraper {
     width:100%;
     height:auto;
     background-color:#0c203b;
}
 .copy-right {
     width:auto;
     height:auto;
     float:left;
     color:#fff;
     font-family:inherit;
     font-size:1em;
     font-weight:400;
     line-height:55px 
}
 .designed {
     width: auto;
     height: auto;
     float: right 
}
 .designed-ido {
     float: right;
     height: auto;
     padding-left: 8px;
     padding-top:15px;
     width: auto;
     color:#fff 
}
 .designed p {
     width: auto;
     height: auto;
     float: right;
     color:#fff;
     font-family:inherit;
     font-size:1em;
     font-weight:400;
     line-height:55px 
}
 .designed p a {
     text-decoration: none;
     color:#fff;
     font-family:inherit;
     font-size:1em;
     font-weight:400 
}
 .designed p a:hover {
     text-decoration: none;
     color:#f7f7f7;
     font-family:inherit;
     font-size:1em 
}
 .footer-top-wraper {
     width:100%;
     height:auto;
     padding-bottom:75px;
     padding-top:100px;
     background: url("../images/footerbg.jpg") no-repeat;
     background-size: 100% 100%;
     margin-top: 60px;
}
 .whats-app{
    position:fixed;
    bottom:10vh;
    right:0;
    margin-right:4%;
    width:30px;
    z-index:120000
}
.whats-app img{
    animation-name:floating;
    animation-duration:3s;
    animation-iteration-count:infinite;
    animation-timing-function:ease-in-out;
    margin-left:30px;
    margin-top:5px;
    opacity:1;
    max-width:40px
}
.whats-app:hover img{
    opacity:1
}
@keyframes floating{
    from{
        transform:translate(0,0)
    }
    65%{
        transform:translate(0,15px)
    }
    to{
        transform:translate(0,0)
    }
}
 .footer-container{
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between;
     width:85%;
     height: auto 
}
 .footer-content {
     width:auto;
     height:auto;
     float:left;
}
/*.footer-content:nth-child(1) {
     width:35% 
}
 .footer-content:nth-child(2) {
     width:15% 
}
 .footer-content:nth-child(3) {
     width:28% 
}
 .footer-content:nth-child(4) {
     padding-left:3% 
}
*/
 .footer-content-for {
     width:100%;
     height:auto;
     padding-bottom:1.5em;
     display:flex;
     align-items:center 
}
 .footer-content-icon {
     width:50px;
     text-align: center;
     float:left 
}
 .footer-content-details {
     width:88%;
     height:auto;
     float:left 
}
 .footer-content-details p {
     width:100%;
     height:auto;
     font-family:inherit;
     line-height:1.7;
     color:#333;
     font-size:1em 
}
 .footer-content-details p a {
     font-family:inherit;
     line-height:1.7;
     color:#333;
     font-size:1em 
}
 .footer-logo {
     width:100%;
     height:auto 
}
/*.footer-logo img {
     filter: invert(100%);
     -webkit-filter: invert(100%);
     filter: brightness(0) invert(1);
     -webkit-filter: brightness(0) invert(1) 
}
*/

.commitee-container {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
    float: left;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding-bottom: 1.5em;
  }
  .commitee-container-pic{ width: 100%; height: auto;}
  .commitee-container-pic img{ width: 100%;}
  .commitee-container-name{
    width: 100%;
height: auto;
font-family: inherit;
font-size: 1.25em;
color: #333;
text-align: center;
  }
  .commitee-container:nth-child(4n+4){ margin-right: 0%;}
.about-contact{ margin-top: 1em; display: flex; align-items: center; }
.about-contact i{ border: 1px solid #ccc; width: 35px; height: 35px;border-radius: 50%; margin-right: 10px; display: flex; align-items: center; justify-content: center;}
 .footer-top-title {
     width:100%;
     height:auto;
     text-align:left;
     color:#0c203b;
     font-size:1.5em;
     padding-bottom:15px;
     font-weight: 500;
     font-style: normal;
     font-display: swap;
     font-family: 'Plus Jakarta Sans';
}
 .footer-content ul {
     margin:0px;
     padding:0px;
     list-style-type:none 
}
 .footer-content ul li {
     font-family: inherit;
     font-size:1em;
     line-height:1.7;
     margin-bottom:8px;
}
 .footer-content ul li a {
     font-family: inherit;
     font-size:1em;
     color:#333;
     -webkit-transition: padding .2s;
     -moz-transition: padding .2s;
     -o-transition: padding .2s;
     transition: padding .2s;
     font-weight: normal 
}
 .footer-content ul li a:hover {
     font-family: inherit;
     font-size:1em;
     color:#919f4f;
     padding-left:3px;
     font-weight: normal 
}
 .footer-social-links {
     width: auto;
     height: auto 
}
 .footer-social-links ul {
     margin: 0px;
     padding: 0px;
     list-style-type: none;
}
 .footer-social-links ul li{
     width:43px;
     height: 43px;
     float: left;
     margin-right:20px;
}
 .footer-social-links ul li a{
     width:43px;
     height: 43px;
     background-color:#058d8b;
     color:#fff;
     font-size:1.35em;
     border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
}
.footer-social-links ul li a:hover{
     width:43px;
     height: 43px;
     background-color:#919f4f;
     color:#fff;
     font-size: 1.35em;
     border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .main-wraper{
     width: 100%;
     height: auto;
     padding-top: 60px;
     position: relative;
}
 .home-testimonial{
     width: 50%;
     height: auto;
     float: left;
     padding: 0.5em 1.5em;
     position: relative;
}
 .home-testimonial-quote{
     width: auto;
     height: auto;
     position: absolute;
     right: 5%;
     top: 2em;
}
 .title-content{
     width: 100%;
     height: auto;
     text-align: left;
     color:#919f4f;
     font-size: 3em;
     font-weight: normal;
     font-display: swap;
     font-family: 'geomanist-book';
     margin-bottom: 15px ;
     letter-spacing: -1px;
}
 .title-center{
    text-align: center
}
 .home-gallery-sliding{
     width: 100%;
     height: auto;
     position:relative;
}
 .title-content span {
     color:#058d8b;
     font-size:1em;
     font-weight: normal;
     font-display: swap;
     font-family: 'geomanist-book';
}
 .home-testimonials{
     width: 100%;
     height: auto;
     padding-top: 1.5em;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between;
}
 .home-testimonials-profile{
     width: 50px;
     height: 50px;
     float: left;
     border-radius: 50%;
     overflow: hidden;
     background-color: #ccc;
}
.home-testimonials-profile img{ max-width:100%; height: auto}
 .home-testimonials-content{
     width: 100%;
     text-align: left;
     height: auto;
     float: left;
     padding-left: 3%;
}
 .home-testimonials-name{
     font-weight: 500;
     font-style: normal;
     font-display: swap;
     font-family: 'Plus Jakarta Sans';
     color: #333;
     font-size: 1.25em;
}
 .home-testimonials-content p {
     width: 100%;
     height: auto;
     font-family: inherit;
     line-height: 1.7;
     color: #333;
     font-size: 1em;
     margin-top: 0.25em;
}
 .home-gallery{
     width: 50%;
     height: auto;
     float: left;
}
 .home-gallery-container{
     width: 100%;
     height: auto;
     padding-top: 0.25em;
}
 .home-gallery-container-content{
     width: 49%;
     height: auto;
     float: left;
}
 .home-gallery-container-content:nth-child(2){
    float: right
}
 .box-link {
     overflow: hidden;
     position: relative;
     cursor: pointer;
     width:100% 
}
 .box-link img {
     width: 100%;
     height: auto;
     display:block;
     transform: scale(1);
     transition: all 0.5s ease 0s 
}
 .box-link:hover img {
     transform: scale(1.1) 
}
 .box-link .box-content {
     width: 100%;
     height: 100%;
     background:rgba(0,0,0,0.6);
     text-align: center;
     position: absolute;
     top: 0;
     left: 0;
     opacity: 0;
     transform: rotateY(180deg) scale(0.5);
     transition: all 0.45s ease-out 0s;
     display:flex;
     align-items:center;
     justify-content:center 
}
 .box-link:hover .box-content {
     opacity: 1;
     transform: rotateY(0deg) scale(1) 
}
 .box-link .box-content:before {
     content: "";
     width: 90%;
     height: 90%;
     position: absolute;
     top: 5%;
     left: 5% 
}
 .box-link .icon {
     display: inline-block;
     padding: 0;
     margin: 0;
     list-style: none;
     position: relative 
}
 .box-link .icon li {
     display: inline-block 
}
 .box-link .icon li i {
     display: block;
     width: 50px;
     height: 50px;
     line-height: 50px;
     border-radius: 50%;
     font-size: 18px;
     transition: all 0.5s ease 0s;
     background:#fff;
     color: #333;
     display:flex;
     align-items:center;
     justify-content:center 
}
 .box-link .icon li i:hover {
     background:#fff;
     color: #333 
}
 .box-link .icon li i img {
     width:30px 
}
 .box-link .content {
     padding: 10px;
     text-align: left;
     position: absolute;
     bottom: 5%;
     left: 5% 
}
 .box-link .title {
     font-size: 20px;
     font-weight: bold;
     color: #fff;
     text-transform: uppercase;
     margin: 0 0 5px 
}
 .box-link .post {
     display: block;
     font-size: 14px;
     color: #fff 
}
 .bottom-container{
     padding-left: 5%;
     display: flex;
     align-items: center;
}
 .job-opportunity{
     width: auto;
     height: auto;
     float: right;
}
 .job-opportunity ul{
     margin: 0px;
     padding: 0px;
     list-style-type: none;
}
 .job-opportunity ul li{
     width: auto;
     height: auto;
     font-family: inherit;
     font-size: 1em;
     color: #333;
     line-height: 1.7;
     font-weight: normal;
     margin-bottom: 10px;
     background: url("../images/joblisting.png") no-repeat left center;
     padding-left: 25px;
}
 .job-opportunity-pic{
     width: 100%;
     height: auto;
}
 .sub-title{
     width: 100%;
     height: auto;
     font-family: inherit;
     font-size: 1.25em;
     color: #333;
     text-align: center;
     position: relative;
     margin-top: -10px;
}
 .job-bg{
     width: 100%;
     height: auto;
     position: absolute;
     left: 0;
     bottom: -20px;
}
 .job-opportunity-container{
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     margin: auto;
     display: flex;
     align-items: center;
}
 .fine-arts-container{
     width: 100%;
     height: auto;
     display: flex;
     align-items: center;
     padding-top: 1.5em;
}
 .fine-arts-pic{
     width: 45%;
     height: auto;
     float: left;
}
 .fine-arts-content{
     width: 55%;
     height: auto;
     float: left;
     padding-left:3%;
}
 .fine-arts-content p{
    width:100%;
     height:auto;
     font-family:inherit;
     line-height:1.7;
     color:#333;
     font-size:1em 
}
 .fine-arts-button{
     width:100%;
     height: auto;
     display: flex;
     align-items: center;
     justify-content: flex-start;
     margin-top: 1.5em;
}
 .register {
     color:#fff;
     outline:none;
     background:transparent;
     padding-left:25px;
     padding-right:25px;
     line-height:40px;
     position:relative;
     display:inline-block;
     cursor:pointer;
     text-decoration:none;
     overflow:hidden;
     transition:all .5s;
     z-index:1;
     font-family: inherit;
     font-size:1.15em;
     font-weight: 500;
     text-align:center;
     float:right ;
     text-transform: uppercase;
     margin-right: 5px;
}
 .register:before, .register:after {
     content:'';
     position:absolute;
     left:0;
     top:0;
     right:0;
     bottom:0;
     height:100%;
     background:#0c203b;
     z-index:-1;
     transform:translate3D(0,-100%,0);
     transition:all .5s 
}
 .register:before {
     background:#058d8b;
     z-index:-2;
     transform:translate3D(0,0,0) 
}
 .register:hover {
     color:#fff 
}
 .register:hover:after {
     transform:translate3D(0,0,0);
     transition:all .5s 
}
 .consult{
     color:#fff;
     outline:none;
     background:transparent;
     padding-left:25px;
     padding-right:25px;
     line-height:40px;
     position:relative;
     display:inline-block;
     cursor:pointer;
     text-decoration:none;
     overflow:hidden;
     transition:all .5s;
     z-index:1;
     font-family: inherit;
     font-size:1.15em;
     font-weight: normal;
     text-align:center;
     float:right ;
     text-transform: uppercase;
}
 .consult:before, .consult:after {
     content:'';
     position:absolute;
     left:0;
     top:0;
     right:0;
     bottom:0;
     height:100%;
     background:#0c203b;
     z-index:-1;
     transform:translate3D(0,-100%,0);
     transition:all .5s 
}
 .consult:before {
     background:#919f4f;
     z-index:-2;
     transform:translate3D(0,0,0) 
}
 .consult:hover {
     color:#fff 
}
 .consult:hover:after {
     transform:translate3D(0,0,0);
     transition:all .5s 
}
 .fine-arts-bg{
     width: 100%;
     height: auto;
     position: absolute;
     left: 0;
     bottom: 0;
}
 .bottom-space{
     padding-bottom: 120px;
}
 .welcome-pic{
     width: 35%;
     height: auto;
     float: left;
     text-align: center;
     position: relative;
}
 .welcome-content{
     width: 65%;
     height: auto;
     float: left;
     padding-right:3%;
}
 .welcome-content p{
    width:100%;
     height:auto;
     font-family:inherit;
     line-height:1.7;
     color:#333;
     font-size:1em 
}
 .welcome-content p a{
     height:auto;
     font-family:inherit;
     line-height:1.7;
     color:#222;
     font-size:1.05em;
     font-weight: 500;
}
 .welcome-content p a:hover{
     height:auto;
     font-family:inherit;
     line-height:1.7;
     color:#058d8b;
     font-size:1.05em;
     font-weight: 500;
}
 .welcome-sub-title {
     width: 100%;
     height: auto;
     text-align: left;
     color: #333;
     font-size: 1.5em;
     padding-bottom: 15px;
     font-weight: 500;
     font-style: normal;
     font-display: swap;
     font-family: 'Plus Jakarta Sans';
}
 .welcome-title{
     width: 100%;
     height: auto;
     text-align: left;
     color:#919f4f;
     font-size:3.5em;
     font-weight: normal;
     font-display: swap;
     font-family: 'geomanist-book';
     letter-spacing: -2px;
}
 .welcome-title span {
     color:#058d8b;
     font-size:1em;
     font-weight: normal;
     font-display: swap;
     font-family: 'geomanist-book';
}
#profile-slider li img{ border-radius: 50%; border: 1px solid #ccc; padding: 1em; max-width: 75%; margin: 0 auto}
.proile-name{
    width:100%;
    height: auto;
    text-align: center;
    margin-top: 1em;
    color: #222;
    font-family: inherit;
    font-weight: 500;
    font-size: 1.15em
}
.proile-designation{
    width:100%;
    height: auto;
    text-align: center;
    color: #333;
    font-family: inherit;
    font-weight: normal;
    font-style: italic;
    font-size: 0.85em
}
/************************************************** START LOCATION **************************************************/
 .inner-wraper-main{
     width:100%;
     height:auto;
     background-color:#ebede5;
     padding-bottom:90px;
}
 .inner-banner-caption-wrap{
     width:100%;
     height:auto;
     position:absolute;
     bottom:25%;
     right:0;
     left:0;
     display:flex;
     align-items:center;
     font-size: 0.65em
}
 .inner-banner{
     width:100%;
     height:auto;
}
 .inner-banner-wrap{
     width:100%;
     height:auto;
     position:relative;
}
 .inner-caption{
     width:100%;
     height:auto;
     position:absolute;
     left:0;
     bottom:25%;
}
 .bredcum-wraper{
     width:100%;
     height:auto;
     padding-top:50px;
}
 .bredcum-container{
     width:auto;
     height:auto;
     float:right;
}
 .bred-home{
     width:auto;
     height:auto;
     float:left;
     font-family:inherit;
     font-weight: normal;
     font-size:1em;
     color:#333;
     line-height:30px;
     text-transform: capitalize;
}
 .bred-home a{
     width:auto;
     height:auto;
     float:left;
     font-family:inherit;
     font-weight: normal;
     font-size:1em;
     color:#333;
     line-height:30px;
     text-transform:uppercase 
}
 .bred-home a:hover{
     width:auto;
     height:auto;
     float:left;
     font-family: inherit;
     font-weight: normal;
     font-size:1em;
     color:#058d8b;
     line-height:30px;
}
 .bred-arrow{
     width:auto;
     height:auto;
     float:left;
     font-size:0.85em;
     color:#999;
     line-height:30px;
     padding-left:8px;
     padding-right:8px;
}
 .bred-next{
     width:auto;
     height:auto;
     float:left;
     font-family: inherit;
     font-weight: normal;
     font-size:1em;
     color:#919f4f;
     line-height:30px;
     text-transform:uppercase 
}
 .inner-wrap{
     width:100%;
     height:auto;
     margin-top:50px;
}

/************************************************** START CONTACT **************************************************/

.adress-container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  position: relative;
 width: 80%;    
}
.address {
  width: 32%;
 float: left;
    margin-right: 2%
}
.address:nth-child(3){ margin-right: 0%;}
.address-for{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  position: relative;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
    height: 100%
}
.address-outer{
  -webkit-transition: background .3s,border .3s,border-radius .3s,-webkit-box-shadow .3s;
  transition: background .3s,border .3s,border-radius .3s,-webkit-box-shadow .3s;
  -o-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
  transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
  transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-box-shadow .3s;
    width: 100%;
    height: 100%
}
.address-outer-for{
  box-shadow: 0px 0px 30px 0px rgba(0,0,0,.1);
  padding: 20px 0 15px;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
}
.address-content{
    width:100%;
    height: auto
}

.address-outer-for i {
  color:#058d8b;
  height: 73px;
  width: 73px;
  border-radius: 50%;
  text-align: center;
  line-height: 73px;
  box-shadow: 0px 0px 30px 0px rgba(148,146,245,.2);
  -webkit-transition: .5s;
  transition: .5s;
  display: inline-block;

  font-size: 40px;
  transform: rotate(0deg);
margin-bottom: 0.5rem
}
.contact-title{
  font-family: inherit;
  font-style: normal;
  margin-bottom: 0;
  line-height: 1.2;
  font-weight: 700;
  transition: .5s;
  font-size: 22px;
  color: #14133b;
  margin: 10px 0 10px;
  -webkit-transition: .5s;
  transition: .5s;
}
.address-outer-for p {
  width: 100%;
  height: auto;
  font-family: inherit;
  line-height: 1.7;
  color: #333;
  font-size: 1em;
    margin-bottom: 1rem
}

.contact-content {
  width: 74%;
  margin-right: auto;
  margin-left: auto;
    text-align: center;
    margin-bottom: 1.5rem
}


.enquiry-main {
    width:55%;
    height: auto;
    background-color: #fff;
    padding: 2em 3em;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin: 0 auto;
	margin-top:100px;
	margin-bottom:50px;
}

.contact-enquiry-container{
	width:100%;
	height:auto;
	padding-top:1em;
}
.address-enquiry{
    width:48%;
    height:auto;
    float:left;
    margin-bottom:20px;
	margin-right:4%;
}
.address-enquiry-full{
    width:100%;
    height:auto;
    float:left;
    margin-bottom:20px;
}
.address-enquiry-submit{
    width:100%;
    height:auto;
    margin-bottom:20px;
	display:flex;
	justify-content:center;
}
.address-enquiry:nth-child(2n+2){ margin-right:0%;}
.contact-box-area {
    width: 100%;
    height:60px;
    border-bottom:1px solid #ccc;
	line-height: 24px;
	font-weight: normal;
	font-style: normal;
	color: #333;
    font-size: 1.125em;
    padding-top: 1em;
	font-family:inherit;
	background-color:transparent;
}

.enquiry-box{
    width:100%;
    height:40px;
    border-bottom:1px solid #ccc;
    line-height:40px;
    font-weight:normal;
    font-style:normal;
    color:#333;
    font-size:1.125em;
    background-color: inherit;
	font-family:inherit;
	margin-bottom:0.5em
}

textarea.contact-box-area::-webkit-input-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
textarea.contact-box-area::-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
textarea.contact-box-area:-ms-input-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
textarea.contact-box-area:-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}

input.enquiry-box::-webkit-input-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
input.enquiry-box::-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
input.enquiry-box:-ms-input-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
input.enquiry-box:-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:normal;
}

.contact-submit{
     color:#fff;
     outline:none;
     background:transparent;
     padding-left:35px;
     padding-right:35px;
     line-height:40px;
     position:relative;
     display:inline-block;
     cursor:pointer;
     text-decoration:none;
     overflow:hidden;
     transition:all .5s;
     z-index:1;
     font-family: inherit;
     font-size:1em !important;
     font-weight: normal;
     text-align:center;
	 margin-top:1em;
}
.contact-submit:before, .contact-submit:after {
     content:'';
     position:absolute;
     left:0;
     top:0;
     right:0;
     bottom:0;
     height:100%;
     background:#767c2f;
     z-index:-1;
     transform:translate3D(0,-100%,0);
     transition:all .5s;
}
.contact-submit:before {
     background:#058d8b;
     z-index:-2;
     transform:translate3D(0,0,0);
}
.contact-submit:hover {
     color:#fff;
}
.contact-submit:hover:after {
     transform:translate3D(0,0,0);
     transition:all .5s;
}

.contact-map {
  width: 100%;
  height: auto;
    margin-top: 100px
}

/*.contact-container-wrap{
	width:100%;
	height:auto;
	padding-top:2em;
	margin-bottom:5em;
	display:flex;
	align-items:center;
    margin-top: 5em;
}
.contact-enquiry-container{
	width:35%;
	height:auto;
	float:left;
	background-color:#058d8b;
	padding:5%;
}
.contact-location{
	width:65%;
	height:auto;
	float:left;
}
.contact-enquiry-title{
	width:100%;
	height:auto;
	text-align:left;
	font-family: 'Playfair Display';
 	font-size:2.250em;
	color:#fff;
	font-weight:400;
}
.contact-enquiry-container p{
	width:100%;
	height:auto;
	text-align:left;
	font-family: 'Playfair Display';
 	font-size:1em;
	color:#fff;
	font-weight:400;
	line-height:28px;
}
.enquiry-container{
	width:100%;
	height:auto;
	padding-top:2em;
}
.contact-enquiry-box {
    width:100%;
    height: auto;
    float: left;
    margin-bottom:0.75em;
	margin-top:0.75em;
}
.enquiry-main-box {
    width: 100%;
    height: auto;
    font-family: inherit;
    font-size: 1em;
    color: #fff;
	border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
	line-height: 35px;
	background-color:transparent;
}

.enquiry-text {
    width: 100%;
    height: 70px;
    font-family: inherit;
    font-size: 1em;
    color: #fff !important;
	border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
	line-height: 24px;
	background-color: transparent;
}

.buttonfx-submit{
    color:#ca4c43;
    outline:none;
    background:transparent;
    border:none;
    padding:0px 30px;
    text-transform: uppercase;
    line-height:40px;
    position:relative;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
    overflow:hidden;
    transition:all .5s;
    z-index:1;
    font-family:'Poppins', sans-serif;
    font-size:1em;
    font-weight:500;
}
 .buttonfx-submit:before, .buttonfx-submit:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    height:100%;
    background:#eca001;
    z-index:-1;
    transform:translate3D(0,-100%,0);
    transition:all .5s;
}
 .buttonfx-submit:before{
    background:#fff;
    z-index:-2;
    transform:translate3D(0,0,0);
}
 .buttonfx-submit:hover{
    color:white;
}
 .buttonfx-submit:hover:after{
    transform:translate3D(0,0,0);
    transition:all .5s;
}

#map {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
	height:70vh
}

.address-enquiry{
    width:100%;
    height:auto;
    float:left;
    margin-bottom:20px;
}
.contact-box-area {
    width: 100%;
    height:60px;
    border-bottom:1px solid #ccc;
	line-height: 24px;
	font-weight: normal;
	font-style: normal;
	color: #fff;
    font-size: 1.125em;
    padding-top: 1em;
	font-family:inherit;
	background-color:transparent;
}

.enquiry-box{
    width:100%;
    height:40px;
    border-bottom:1px solid #ccc;
    line-height:40px;
    font-weight:normal;
    font-style:normal;
    color:#fff;
    font-size:1.125em;
    background-color: inherit;
	font-family:inherit;
	margin-bottom:0.5em
}

textarea.contact-box-area::-webkit-input-placeholder{
    color:#fff !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
textarea.contact-box-area::-moz-placeholder{
    color:#fff !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
textarea.contact-box-area:-ms-input-placeholder{
    color:#fff !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
textarea.contact-box-area:-moz-placeholder{
    color:#fff !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}

input.enquiry-box::-webkit-input-placeholder{
    color:#fff !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
input.enquiry-box::-moz-placeholder{
    color:#fff !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
input.enquiry-box:-ms-input-placeholder{
    color:#fff !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
input.enquiry-box:-moz-placeholder{
    color:#fff !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:normal;
}

.contact-submit{
     color:#232050;
     outline:none;
     background:transparent;
     padding-left:35px;
     padding-right:35px;
     line-height:40px;
     position:relative;
     display:inline-block;
     cursor:pointer;
     text-decoration:none;
     overflow:hidden;
     transition:all .5s;
     z-index:1;
     font-family: inherit;
     font-size:1em !important;
     font-weight:300;
     text-align:center;
	 border-radius:25px;
	 margin-top:1em;
}
.contact-submit:before, .contact-submit:after {
     content:'';
     position:absolute;
     left:0;
     top:0;
     right:0;
     bottom:0;
     height:100%;
     background:#d2176a;
     z-index:-1;
     transform:translate3D(0,-100%,0);
     transition:all .5s;
}
.contact-submit:before {
     background:#fff;
     z-index:-2;
     transform:translate3D(0,0,0);
}
.contact-submit:hover {
     color:#fff;
}
.contact-submit:hover:after {
     transform:translate3D(0,0,0);
     transition:all .5s;
}*/

/*----------------------assesstment-----area---*/
#map{-webkit-filter: grayscale(100%);
filter: grayscale(100%);  padding: 20px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; background-color: #fff }

.appointment-area {
    background: transparent url(../images/full.png);
    padding: 100px 50px;
}

/************************************************** END CONTACT **************************************************/


/************************************************** START STUDENT WORKS **************************************************/

.student-works-wrap{
    width:100%;
    height: auto;
}
.student-works{
    width: 30%;
    height: auto;
    float: left;
    margin-right: 5%;
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,.1);
padding: 20px 0 7px;
    margin-bottom: 5%
    
}
.student-works:nth-child(3n+3){ margin-right: 0%;}


/************************************************** END STUDENT WORKS **************************************************/



/************************************************** START GALLERY **************************************************/


.photogallery{
    width: 23.5%;
    height: auto;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%
    
}
.photogallery:nth-child(4n+4){ margin-right: 0%;}

.gallery-outer{width:100%;display:flex;justify-content:center;border-bottom:1px solid #ccc; margin-bottom: 2em; }.diploma-button label{order: 1;display: block;padding: 0.5rem 1rem;margin-right: 0.2rem;cursor: pointer;background: none;font-weight: normal;transition: background ease 0.2s;color: #2a2957;font-family:inherit;font-size:1.25em }.tabs .tab{order: 99;flex-grow: 1;width: 100%;display: none;padding: 1rem;background: none }.diploma-button input[type=radio]{display: none }.diploma-button input[type=radio]:checked + label{background: #919f4f;color: #fff }@media (max-width: 45em){.diploma-button .tab,.diploma-button label{order: initial }.diploma-button label{width: 100%;margin-right: 0;margin-top: 0.2rem }}.video-gallery{width:33%;height:auto;margin-right:0.5%;margin-top:0.25%;margin-bottom:0.25%;float:left;position:relative }.video-gallery:nth-child(3n+3){margin-right:0% }.main_video{position: absolute;top: 0;bottom: 0;margin: auto;left: 0;right: 0;display: flex;justify-content: center;align-items: center;cursor:pointer }.slider-video{position: relative }.slider-video .video-icon{position: absolute;right: 0;top: -165px }.slider-video.two .video-icon{left: 262px;top: -74px }
.video-icon a {
    width:35px;
    height: 35px;
    line-height:35px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    position: relative;
    color: #333;
    -webkit-animation: ripple-white 1s linear infinite;
    animation: ripple-blue 1s linear infinite;
    -webkit-transition: .5s;
    background: #fff;
    font-size: 0.85em;
    z-index: 44 
   }
   .slider10 .video-icon a {
    border-radius: 0 
   }
   @-webkit-keyframes ripple-blue {
    0% {
     -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3);
     box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3) 
    }
    100% {
     -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
     box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0) 
    }
   }
   @keyframes ripple-blue {
    0% {
     -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3);
     box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3) 
    }
    100% {
     -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3), 0 0 0 30px rgba(255,255,255, 0);
     box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3), 0 0 0 30px rgba(255,255,255, 0) 
    }
   }
   .main_video {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50% 
   }


/************************************************** END GALLERY **************************************************/

/************************************************** START LEGACY **************************************************/
.legacy-wrap {
  width: 100%;
  display: table;

}
.legacy-pic {
  width: 47%;
  height: auto;
  float: left;
  margin-right: 3%;
  margin-bottom: 2%;
}
.legacy-content {
  width: auto;
  height: auto;
  z-index: 9;
}
.legacy-content p {
  font-family: inherit;
  font-weight: normal;
  font-size: 1em;
  color: #333;
  line-height: 1.7;
  text-align: justify;
}
/************************************************** END LEGACY **************************************************/


/**************************************************************** START ABOUT ****************************************************************/

.about-wrap {
   width: 100%;
height: auto;
padding-top: 1em;
}
.about-container {
  width: 100%;
  height: auto;
  margin-bottom: 40px;
  display: table;
  direction: rtl;
}
.about-pic {
  width: 30%;
  height: auto;

  display: table-cell;
  vertical-align: middle;
  text-align: right;
}
.about-content {
  width: 70%;
  height: auto;
  box-shadow: 0px 0px 30px 0px rgba(0,0,0,.1);
  padding: 40px 50px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.about-content-title {
  width: 100%;
  height: auto;
  text-align: left;
  font-family: inherit;
  font-size: 1.25em;
  color: #333;
  font-weight: 500;
  margin-bottom: 0.25em;
}
.about-content p {
  width: 100%;
  height: auto;
  font-family: inherit;
  color: #333;
  font-size: 1em;
  line-height: 1.7;
  font-weight: 400;
  text-align: left;
  padding-top: 0px;
  direction: ltr;
}

.about-container:nth-child(even){ direction:ltr}


/**************************************************************** END ABOUT ****************************************************************/


/**************************************************************** START COURSE ****************************************************************/
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.col-lg-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
    position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.dreamit-thumb {
  position: relative;
}
.dreamit-thumb img {
  border-radius: 7px;
  width: 100%;
}

.dreamit-thumb::after {
    content: "";
    width: 451px;
    height: 100%;
    background: #e5e6e9;
    position: absolute;
    z-index: -1;
    top: 85px;
    left: -2%;
    display: block;
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    animation: visapro_bounce_animation 7s infinite;
}

.style-three .dreamit-thumb::after {
	display:none;
}
.style-two .dreamit-thumb::after {
	display:none;
}
.style-fore .dreamit-thumb::after {
    display:none;
}
	@keyframes visapro_bounce_animation {
	0% {
	   border-radius : 30% 70% 70% 30% / 30% 30% 70% 70%;
	   }
	25% { 
	   border-radius:  58% 42% 75% 25% / 76% 46% 54% 24%;
	}
	50% {
	   border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%;
	   }
	75% {
	   border-radius:  33% 67% 58% 42% / 63% 68% 32% 37%	;	
	}
	}


.dreamit-section-bar {
  background: #ccc;
  height: 5px;
  width: 90px;
  border-radius: 30px;
  position: relative;
  margin-top: 16px;
}

.dreamit-section-bar:before {
    content: '';
    position: absolute;
    left: 0;
    top: -2.7px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #058d8b;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
}

.progress-title {
    margin-bottom: 8px;
}
.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #dc3545;
    transition: width .6s ease;
}
/*-==========home-two-=======*/
@-webkit-keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(88px);
            transform: translateX(88px);
  }
}

@keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(88px);
            transform: translateX(88px);
  }
}


.course-content-title {
  width: 100%;
  height: auto;
  text-align: left;
  color: #919f4f;
  font-size: 2em;
  font-weight: normal;
  font-display: swap;
  font-family: 'geomanist-book';
  margin-bottom: 15px;
}

.course-content-title span {
  color: #058d8b;
  font-size: 1em;
  font-weight: normal;
  font-display: swap;
  font-family: 'geomanist-book';
}
.course-content{
    width:100%;
    height: auto;
    margin-top: 1.5em;
}

.course-content p {
  width: 100%;
  height: auto;
  font-family: inherit;
  line-height: 1.7;
  color: #333;
  font-size: 1em;
}

.job-opportunity-course {
  width: auto;
  height: auto;
  float: left;
    margin-top: 1.5em
}
.course-sub-title {
  width: 100%;
  height: auto;
  text-align: left;
  color: #0c203b;
  font-size: 1.5em;
  padding-bottom: 15px;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  font-family: 'Plus Jakarta Sans';
    line-height: 1.7;
}

.fine-arts-content ul{
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    
}
.fine-arts-content ul li{
    width:100%;
    height: auto;
    margin-bottom: 1em;
    font-family: inherit;
    font-size: 1em;
    line-height: 1.7;
    background: url("../images/listing.png") no-repeat left 5px;
    padding-left: 25px;
}

.fine-arts-content-course {
  padding-left:0%;
    padding-right: 3%
}

.course-bottom-for{
    width:100%;
    height: auto;
    position: relative;
    margin-top: 60px;
    background-color:#e5e6e9;
    padding: 5em 2em;
    border-radius: 5px
}

.course-bottom-for p{
    width: 80%;
  height: auto;
  font-family: inherit;
  line-height: 1.7;
  color: #333;
  font-size: 1em;
    text-align: center;
    margin: 0 auto;
}
.course-top{ margin-bottom:3em;}


.course-bottom-title {
  font-family: inherit;
  font-style: normal;
  margin-bottom: 0;
  line-height: 1.2;
  font-weight: 700;
  transition: .5s;
  font-size: 22px;
  color: #058d8b;
  margin: 10px 0 10px;
  -webkit-transition: .5s;
  transition: .5s;text-align: center
}
.course-bottom-outer{

    background-color: #fff
}
.course-for-final {
  box-shadow: 0px 0px 30px 0px rgba(0,0,0,.1);
  padding: 20px 20px;
  text-align: center;
  height: 80%;
        margin: 0 auto;
    background-color: #fff;

}

.responsive-table {
 width: 100%;
 margin-bottom: 1.5em;
 border-spacing: 0 
}


@media (min-width: 48em) {
 .responsive-table {
  font-size: 0.9em 
 }
}
@media (min-width: 62em) {
 .responsive-table {
  font-size: 1em 
 }
}
.responsive-table thead {
 position: absolute;
 clip: rect(1px 1px 1px 1px);
 padding: 0;
 border: 0;
 height: 1px;
 width: 1px;
 overflow: hidden 
}
@media (min-width: 48em) {
 .responsive-table thead {
  position: relative;
  clip: auto;
  height: auto;
  width: auto;
  overflow: auto 
 }
}
.responsive-table thead th {
 background-color:#2a2957;
 border: 1px solid #ccc;
 font-weight: normal;
 text-align: center;
 color: white;
 font-size:1.15em;
 font-style: normal;
 font-display: swap;
 font-family: inherit;
}
.responsive-table thead th:first-of-type {
 text-align: center 
}
.responsive-table tbody,
.responsive-table tr,
.responsive-table th,
.responsive-table td {
 display: block;
 padding: 0;
 text-align: center;
 white-space: normal 
}
@media (min-width: 48em) {
 .responsive-table tr {
  display: table-row 
 }
}
.responsive-table th,
.responsive-table td {
 padding: 0.5em;
 vertical-align: middle;
 border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;    
}
@media (min-width: 30em) {
 .responsive-table th,
 .responsive-table td {
  padding: 0.75em 0.5em 
 }
}
@media (min-width: 48em) {
 .responsive-table th,
 .responsive-table td {
  display: table-cell;
  padding: 0.5em 
 }
}
@media (min-width: 62em) {
 .responsive-table th,
 .responsive-table td {
  padding: 0.75em 0.5em 
 }
}
@media (min-width: 75em) {
 .responsive-table th,
 .responsive-table td {
  padding: 0em 0.25em;
 }
 .responsive-table thead th {
  line-height:60px 
 }
 .responsive-table td {
  line-height:70px !important 
 }
    .responsive-table tbody th[scope=row] {
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc 
 }
}
.responsive-table caption {
 margin-bottom: 1em;
 font-size: 1em;
 font-weight: bold;
 text-align: center 
}
@media (min-width: 48em) {
 .responsive-table caption {
  font-size: 1.5em 
 }
}
.responsive-table tfoot {
 font-size: 0.8em;
 font-style: italic 
}
@media (min-width: 62em) {
 .responsive-table tfoot {
  font-size: 0.9em 
 }
    .responsive-table tbody th[scope=row] {
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc 
 }
}
@media (min-width: 48em) {
 .responsive-table tbody {
  display: table-row-group 
 }
}
.responsive-table tbody tr {
 margin-bottom: 1em 
}
@media (min-width: 48em) {
 .responsive-table tbody tr {
  display: table-row;
  border-width: 1px 
 }
}
.responsive-table tbody tr:last-of-type {
 margin-bottom: 0 
}
@media (min-width: 48em) {
 .responsive-table tbody tr:nth-of-type(even) {
  background-color: rgba(255, 255, 255, 0.15) 
 }
}
.responsive-table tbody th[scope=row] {
 background-color: #919f4f;
 color: white 
}
@media (min-width: 30em) {
 .responsive-table tbody th[scope=row] {
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc 
 }
}
@media (min-width: 48em) {
 .responsive-table tbody th[scope=row] {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.54);
  text-align: center 
 }
}
.responsive-table tbody td {
 text-align: right 
}
@media (min-width: 48em) {
 .responsive-table tbody td {
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center 
 }
}
@media (min-width: 48em) {
 .responsive-table tbody td:last-of-type {
  border-right: 1px solid #ccc 
 }
}
.responsive-table tbody td[data-type=currency] {
 text-align: center 
}
.responsive-table tbody td[data-title]:before {
 content: attr(data-title);
 float: left;
 font-size: 0.8em;
 color: rgba(0, 0, 0, 0.54) 
}
@media (min-width: 30em) {
 .responsive-table tbody td[data-title]:before {
  font-size: 0.9em 
 }
}
@media (min-width: 48em) {
 .responsive-table tbody td[data-title]:before {
  content: none 
 }
}


.icon-for{
  color: #058d8b;
  height: 130px;
  width: 130px;
  border-radius: 50%;
  text-align: center;
  line-height: 73px;
  box-shadow: 0px 0px 30px 0px rgba(148,146,245,.2);
  -webkit-transition: .5s;
  transition: .5s;
  display: inline-block;
  transform: rotate(0deg);

    display: flex; justify-content: center; align-items: center;
    margin: 0 auto;
      margin-bottom: 1em;
}
.icon-for img {
  width: 55%;
  display: block;
  height: auto;
}
/**************************************************************** END COURSE ****************************************************************/
.readmore{
     text-align:left;
     font-family:inherit;
     color:#666;
     font-weight:400;
     letter-spacing:0px;
     font-style:normal;
     line-height:26px;
     float:right;
	 font-size:1.125em;
	 margin-top:1em;
}
.readmore a{
    font-family: inherit;
     font-size:1.15em;
     color:#919f4f;
     font-weight: normal;
     -webkit-transition: padding .4s;
     -moz-transition: padding .4s;
     -o-transition: padding .4s;
     transition: padding .4s;
	 
}

.readmore a::after {
    content: " ";
    background-color:#919f4f;
    font-weight: bold;
    width: 30px;
    height: 1px;
    float: right;
    margin-top:15px;
    margin-left: 15px;
}
 .readmore a:hover { padding-right:8px; color:#058d8b; }
 .readmore a:hover::after  {background-color: #058d8b;}
.testimonial-container{
     width:100%;
     height:auto;
     float:left;
     padding:40px 0px;
	 border-bottom:1px dashed #ccc;
    display: flex;
    align-items: center;
}
 .testimonial-container:nth-last-child(1){
     float:right; border-bottom:none;
}
 .testimonial-container:nth-child(1){
	 padding-top:0px;
}
 .testimonial-pic{
     width:15%;
     height:auto;
     float:left;
}
 .review-details{
     width:85%;
     height:auto;
     float:left;
     padding-left:5%;
}
 .review-details p {
     width:100%;
     height: auto;
     text-align:left;
     color: #666;
     line-height: 26px;
     font-size: 1em;
     font-family: 'Montserrat', sans-serif;
     font-weight: 400;
     margin-top:0.5em 
}
 .review-details p::before {
     content: "";
     display: block;
     width: 27px;
     height:23px;
     float: left;
     margin-right: 0.5em;
     background: url(../images/review.png) no-repeat;
     margin-top:-0.5em;
}
 .review-name{
     width:100%;
     height:auto;
     text-align:left;
     font-size:1.25em;
     color:#333;
     font-family:inherit;
     font-weight: normal;
     margin-top:0.5em;
}

 @media (min-width: 1023px) and (max-width: 1279px) {
     body {
         font-size:13px !important;
    }
     .container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
     .top-container {
         width: 100%;
         padding-left: 3%;
         padding-right:3%;
    }
     .nav-menu > li > a{ font-size: 0.85em !important; padding: 20px 8px !important;}
     .logo{ width: 20%;}
     .logo img{ max-width:100%}
     .welcome-title{ font-size: 3.25em;}
}
 @media (min-width: 1280px) and (max-width: 1359px) {
     body {
         font-size:15px !important;
    }
     .container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
     .top-container {
         width: 100%;
         padding-left: 3%;
         padding-right:3%;
    }
     .nav-menu > li > a{ font-size: 1.05em !important}
      .logo{ width: 20%;}
     .logo img{ max-width:100%}
}
 @media (min-width: 1360px) and (max-width: 1399px) {
     body {
         font-size:16px !important;
    }
     .container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
     .top-container {
         width: 100%;
         padding-left: 3%;
         padding-right:3%;
    }
     .nav-menu > li > a{ font-size: 1.15em !important}
      .logo{ width: 20%;}
     .logo img{ max-width:100%}
     .welcome-title{ font-size: 3.5em;}
}
 @media (min-width: 1400px) and (max-width: 1441px) {
     body {
         font-size:16px !important;
    }
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
     .nav-menu > li > a{ font-size: 1.15em !important}
      .logo{ width: 22%;}
     .logo img{ max-width:100%}
     .welcome-title{ font-size: 4em;}
}
 @media (min-width: 1441px) and (max-width: 1599px) {
     body {
         font-size:16px !important;
    }
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
}
 @media (min-width:1600px) and (max-width:1680px) {
     body {
         font-size:17px !important;
    }
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
}
 @media (min-width:1681px){
     body {
         font-size:18px !important;
    }
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
}
.hide-menu{ display: none;}

 @media (max-width:420px) {
     body {
         font-size:14px !important;
    }
     .container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
     .top-container{
         width:100%;
         padding-left:1%;
         padding-right:1%;
    }
     .desk-view{
         display: none 
    }
     .mob-view{
         display: block 
    }

    .copy-right{ width: 100%; text-align: center; line-height: 30px;}
    .designed{ width: 100%; display: flex; justify-content: center;}
    .designed p{ line-height: 30px;}
    .footer-wraper{ padding: 1em 0em; padding-bottom: 85px;}
    .footer-container{ display: inherit;}
    .bottom-container{ width: 100%; padding: 0px; display: inherit;}
    .home-testimonial{ width: 100%;}
    .home-gallery{ width: 100%;}
    .home-testimonials{ display: initial;}
    .fine-arts-container{ display: inherit;}
    .welcome-content{ width: 100%; padding: 0px;}
    .welcome-pic{ width: 100%;}
    .fine-arts-pic{ width: 100%;}
    .fine-arts-content{ width: 100%; padding-left: 0%;}
    .job-opportunity-container{ position: inherit; padding-top: 1.5em;}
    .about-container{ display: inherit;}
    .about-pic{ width: 100%; display: inherit;}
    .about-content{ width: 100%; display: inherit; padding: 40px 10px;}
    .footer-content:nth-child(2){ width: 100%; margin: 1em 0px;}
    .dreamit-thumb::after{ display: none;}
    .col-lg-6 { -ms-flex: 0 0 100%; flex: 0 0 100%;  max-width: 100%;      }
    .adress-container{ display: inherit;}
    .address{ width: 100%; margin-right: 0%;}
    .grid li {width: 50% !important;}
    .student-works { width: 47.5%;}
    .student-works:nth-child(3n+3) { margin-right: 5%;}
    .student-works:nth-child(2n+2) { margin-right: 0%;}
    .enquiry-main{ width: 100%;}
    .address-enquiry{ width: 100%; margin-right: 0%;}
    .appointment-area {padding: 100px 10px;}
    .fine-arts-button{ display: inherit;}
    .register{ float: left; font-size: 0.9em; padding: 0px 15px;}
    .consult{  font-size: 0.9em; padding: 0px 15px;}
    .welcome-title {font-size: 3em; line-height: 1;      }
    .welcome-title span{ display: block;}
    .welcome-sub-title{ font-size: 1.15em;}
    .banner-caption-mid{ font-size: 3.5em;}
    .caption-bottom{font-size:2.75em;line-height:1.7;}
    .title-content{ font-size: 2.75em;}
    .bottom-space{ padding-bottom: 0px;}
    .home-testimonials-profile{ width: 70px; height: 70px;}
    .fine-arts-pic{ display: none;}
    .fine-arts-content{ float: none;}
    .address{ float: none;}
    .adress-container{ width: 100%;}
    .address-outer-for{ background-color: #fff;}
    .footer-top-wraper{ background: none;}
    .footer-content ul li{ width: 30%; float: left;}
    .footer-social-links ul li {width: 43px;height: 43px; margin-right: 10px;}
    .footer-content:nth-child(1){ width: 100%;}
    .footer-content-icon{ display: none;}
    .banner-caption-mid{ letter-spacing: -1px;}
    .whats-app img {margin-left: 0px;max-width: 30px;      }
    .home-gallery{ margin-top: 1.5em;}
    .grid li > a {margin: 7px !important;    }
    .sub-title span{ display: block;}
    .sub-title span:nth-child(1){ display: none;}
    .home-gallery-container-content{ width: 100%;}
    .home-gallery-container-content:nth-child(2){ display: none;}
    .commitee-container{ width: 49.5%; margin-right: 1%;}
    .commitee-container:nth-child(2n+2){ margin-right: 0%;}
    
}
 @media (min-width:421px) and (max-width:460px){
     body {
         font-size:14px !important;
    }
     .container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
     .top-container{
         width:100%;
         padding-left:1%;
         padding-right:1%;
    }
     .desk-view{
         display: none 
    }
     .mob-view{
         display: block 
    }

    .copy-right{ width: 100%; text-align: center; line-height: 30px;}
    .designed{ width: 100%; display: flex; justify-content: center;}
    .designed p{ line-height: 30px;}
    .footer-wraper{ padding: 1em 0em; padding-bottom: 85px;}
    .footer-container{ display: inherit;}
    .bottom-container{ width: 100%; padding: 0px; display: inherit;}
    .home-testimonial{ width: 100%;}
    .home-gallery{ width: 100%;}
    .home-testimonials{ display: initial;}
    .fine-arts-container{ display: inherit;}
    .welcome-content{ width: 100%; padding: 0px;}
    .welcome-pic{ width: 100%;}
    .fine-arts-pic{ width: 100%;}
    .fine-arts-content{ width: 100%; padding-left: 0%;}
    .job-opportunity-container{ position: inherit; padding-top: 1.5em;}
    .about-container{ display: inherit;}
    .about-pic{ width: 100%; display: inherit;}
    .about-content{ width: 100%; display: inherit; padding: 40px 10px;}
    .footer-content:nth-child(2){ width: 100%; margin: 1em 0px;}
    .dreamit-thumb::after{ display: none;}
    .col-lg-6 { -ms-flex: 0 0 100%; flex: 0 0 100%;  max-width: 100%;      }
    .adress-container{ display: inherit;}
    .address{ width: 100%; margin-right: 0%;}
    .grid li {width: 50% !important;}
    .student-works { width: 47.5%;}
    .student-works:nth-child(3n+3) { margin-right: 5%;}
    .student-works:nth-child(2n+2) { margin-right: 0%;}
    .enquiry-main{ width: 100%;}
    .address-enquiry{ width: 100%; margin-right: 0%;}
    .appointment-area {padding: 100px 10px;}
    .fine-arts-button{ display: inherit;}
    .register{ float: left; font-size: 0.9em; padding: 0px 15px;}
    .consult{  font-size: 0.9em; padding: 0px 15px; float: left;}
    .welcome-title{ font-size: 3.15em;}
    .welcome-sub-title{ font-size: 1.15em;}
    .banner-caption-mid{ font-size: 3.5em;}
    .caption-bottom{font-size:2.75em;line-height:1.7;}
    .title-content{ font-size: 2.75em;}
    .bottom-space{ padding-bottom: 0px;}
    .home-testimonials-profile{ width: 70px; height: 70px;}
    .fine-arts-pic{ display: none;}
    .fine-arts-content{ float: none;}
    .address{ float: none;}
    .adress-container{ width: 100%;}
    .address-outer-for{ background-color: #fff;}
    .footer-top-wraper{ background: none;}
    .footer-content ul li{ width: 30%; float: left;}
    .footer-social-links ul li {width: 43px;height: 43px; margin-right: 10px;}
    .footer-content:nth-child(1){ width: 100%;}
    .footer-content-icon{ display: none;}
    .banner-caption-mid{ letter-spacing: -1px;}
    .whats-app img {margin-left: 0px;max-width: 30px;      }
    .home-gallery{ margin-top: 1.5em;}
    .grid li > a {margin: 7px !important;    }
    .home-gallery-container-content{ width: 100%;}
    .home-gallery-container-content:nth-child(2){ display: none;}
    .commitee-container{ width: 49.5%; margin-right: 1%;}
    .commitee-container:nth-child(2n+2){ margin-right: 0%;}
}
 @media (min-width:461px) and (max-width:560px){
     body {
         font-size:14px !important;
    }
     .container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
     .top-container{
         width:100%;
         padding-left:1%;
         padding-right:1%;
    }
     .desk-view{
         display: none 
    }
     .mob-view{
         display: block 
    }

    .copy-right{ width: 100%; text-align: center; line-height: 30px;}
    .designed{ width: 100%; display: flex; justify-content: center;}
    .designed p{ line-height: 30px;}
    .footer-wraper{ padding: 1em 0em; padding-bottom: 85px;}
    .footer-container{ display: inherit;}
    .bottom-container{ width: 100%; padding: 0px; display: inherit;}
    .home-testimonial{ width: 100%;}
    .home-gallery{ width: 100%;}
    .home-testimonials{ display: initial;}
    .fine-arts-container{ display: inherit;}
    .welcome-content{ width: 100%; padding: 0px;}
    .welcome-pic{ width: 100%;}
    .fine-arts-pic{ width: 100%;}
    .fine-arts-content{ width: 100%; padding-left: 0%;}
    .job-opportunity-container{ position: inherit; padding-top: 1.5em;}
    .about-container{ display: inherit;}
    .about-pic{ width: 100%; display: inherit;}
    .about-content{ width: 100%; display: inherit; padding: 40px 10px;}
    .footer-content:nth-child(2){ width: 100%; margin: 1em 0px;}
    .dreamit-thumb::after{ display: none;}
    .col-lg-6 { -ms-flex: 0 0 100%; flex: 0 0 100%;  max-width: 100%;      }
    .adress-container{ display: inherit;}
    .address{ width: 100%; margin-right: 0%;}
    .grid li {width: 50% !important;}
    .student-works { width: 47.5%;}
    .student-works:nth-child(3n+3) { margin-right: 5%;}
    .student-works:nth-child(2n+2) { margin-right: 0%;}
    .enquiry-main{ width: 100%;}
    .address-enquiry{ width: 100%; margin-right: 0%;}
    .appointment-area {padding: 100px 10px;}
    .fine-arts-button{ display: inherit;}
    .register{ float: left; font-size: 0.9em; padding: 0px 15px;}
    .consult{  font-size: 0.9em; padding: 0px 15px; float: left;}
    .welcome-title{ font-size: 3.15em;}
    .welcome-sub-title{ font-size: 1.15em;}
    .banner-caption-mid{ font-size: 3.5em;}
    .caption-bottom{font-size:2.75em;line-height:1.7;}
    .title-content{ font-size: 2.75em;}
    .bottom-space{ padding-bottom: 0px;}
    .home-testimonials-profile{ width: 70px; height: 70px;}
    .fine-arts-pic{ display: none;}
    .fine-arts-content{ float: none;}
    .address{ float: none;}
    .adress-container{ width: 100%;}
    .address-outer-for{ background-color: #fff;}
    .footer-top-wraper{ background: none;}
    .footer-content ul li{ width: 30%; float: left;}
    .footer-social-links ul li {width: 43px;height: 43px; margin-right: 10px;}
    .footer-content:nth-child(1){ width: 100%;}
    .footer-content-icon{ display: none;}
    .banner-caption-mid{ letter-spacing: -1px;}
    .whats-app img {margin-left: 0px;max-width: 30px;      }
    .home-gallery{ margin-top: 1.5em;}
    .commitee-container{ width: 49.5%; margin-right: 1%;}
    .commitee-container:nth-child(2n+2){ margin-right: 0%;}
   
}
 @media (min-width:561px) and (max-width:680px){
    body {
        font-size:14px !important;
   }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
   }
    .top-container{
        width:100%;
        padding-left:1%;
        padding-right:1%;
   }
    .desk-view{
        display: none 
   }
    .mob-view{
        display: block 
   }

   .copy-right{  line-height: 30px;}
   .designed p{ line-height: 30px;}
   .footer-wraper{ padding: 1em 0em; padding-bottom: 85px;}
   .footer-container{ display: inherit;}
   .bottom-container{ width: 100%; padding: 0px; display: inherit;}
   .home-testimonial{ width: 100%;}
   .home-gallery{ width: 100%;}
   .home-testimonials{ display: initial;}
   .fine-arts-container{ display: inherit;}
   .welcome-content{ width: 100%; padding: 0px;}
   .welcome-pic{ width: 100%;}
   .fine-arts-pic{ width: 100%;}
   .fine-arts-content{ width: 100%; padding-left: 0%;}
   .job-opportunity-container{ position: inherit; padding-top: 1.5em;}
   .about-container{ display: inherit;}
   .about-pic{ width: 100%; display: inherit;}
   .about-content{ width: 100%; display: inherit; padding: 40px 10px;}
   .footer-content:nth-child(2){ width: 100%; margin: 1em 0px;}
   .dreamit-thumb::after{ display: none;}
   .col-lg-6 { -ms-flex: 0 0 100%; flex: 0 0 100%;  max-width: 100%;      }
   .adress-container{ display: inherit;}
   .address{ width: 100%; margin-right: 0%;}
   .grid li {width: 50% !important;}
   .student-works { width: 47.5%;}
   .student-works:nth-child(3n+3) { margin-right: 5%;}
   .student-works:nth-child(2n+2) { margin-right: 0%;}
   .enquiry-main{ width: 100%;}
   .address-enquiry{ width: 100%; margin-right: 0%;}
   .appointment-area {padding: 100px 10px;}
   .fine-arts-button{ display: inherit;}
   .register{ float: left; font-size: 0.9em; padding: 0px 15px;}
   .consult{  font-size: 0.9em; padding: 0px 15px; float: left;}
   .welcome-title{ font-size: 3.15em;}
   .welcome-sub-title{ font-size: 1.15em;}
   .banner-caption-mid{ font-size: 3.5em;}
   .caption-bottom{font-size:2.75em;line-height:1.7;}
   .title-content{ font-size: 2.75em;}
   .bottom-space{ padding-bottom: 0px;}
   .home-testimonials-profile{ width: 70px; height: 70px;}
   .fine-arts-pic{ display: none;}
   .fine-arts-content{ float: none;}
   .address{ float: none;}
   .adress-container{ width: 100%;}
   .address-outer-for{ background-color: #fff;}
   .footer-top-wraper{ background: none;}
   .footer-content ul li{ width: 30%; float: left;}
   .footer-social-links ul li {width: 43px;height: 43px; margin-right: 10px;}
   .footer-content:nth-child(1){ width: 100%;}
   .footer-content-icon{ display: none;}
   .banner-caption-mid{ letter-spacing: -1px;}
   .whats-app img {margin-left: 0px;max-width: 30px;      }
   .home-gallery{ margin-top: 1.5em;}
   .whats-app {bottom: 18vh;z-index: 120000;  }
   .commitee-container{ width: 49%; margin-right: 2%;}
    .commitee-container:nth-child(2n+2){ margin-right: 0%;}
}
 @media (min-width:681px) and (max-width: 768px){
    body {
        font-size:14px !important;
   }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
   }
    .top-container{
        width:100%;
        padding-left:1%;
        padding-right:1%;
   }
    .desk-view{
        display: none 
   }
    .mob-view{
        display: block 
   }

   .copy-right{  line-height: 30px;}
   .designed p{ line-height: 30px;}
   .footer-wraper{ padding: 1em 0em; padding-bottom: 85px;}
   .footer-container{ display: inherit;}
   .bottom-container{ width: 100%; padding: 0px; display: inherit;}
   .home-testimonial{ width: 100%;}
   .home-gallery{ width: 100%;}
   .home-testimonials{ display: initial;}
   .fine-arts-container{ display: inherit;}
   .welcome-content{ width: 100%; padding: 0px;}
   .welcome-pic{ width: 100%;}
   .fine-arts-pic{ width: 100%;}
   .fine-arts-content{ width: 100%; padding-left: 0%;}
   .job-opportunity-container{ position: inherit; padding-top: 1.5em;}
   .about-container{ display: inherit;}
   .about-pic{ width: 100%; display: inherit;}
   .about-content{ width: 100%; display: inherit; padding: 40px 10px;}
   .footer-content:nth-child(2){ width: 50%; margin: 1em 0px;}
   .dreamit-thumb::after{ display: none;}
   .col-lg-6 { -ms-flex: 0 0 100%; flex: 0 0 100%;  max-width: 100%;      }
   .adress-container{ display: inherit;}
   .address{ width: 100%; margin-right: 0%;}
   .grid li {width: 50% !important;}
   .student-works { width: 47.5%;}
   .student-works:nth-child(3n+3) { margin-right: 5%;}
   .student-works:nth-child(2n+2) { margin-right: 0%;}
   .enquiry-main{ width: 100%;}
   .address-enquiry{ width: 100%; margin-right: 0%;}
   .appointment-area {padding: 100px 10px;}
   .fine-arts-button{ display: inherit;}
   .register{ float: left; font-size: 0.9em; padding: 0px 15px;}
   .consult{  font-size: 0.9em; padding: 0px 15px; float: left;}
   .welcome-title{ font-size: 3.15em;}
   .welcome-sub-title{ font-size: 1.15em;}
   .banner-caption-mid{ font-size: 3.5em;}
   .caption-bottom{font-size:2.75em;line-height:1.7;}
   .title-content{ font-size: 2.75em;}
   .bottom-space{ padding-bottom: 0px;}
   .home-testimonials-profile{ width: 70px; height: 70px;}
   .fine-arts-pic{ display: none;}
   .fine-arts-content{ float: none;}
   .address{ float: none;}
   .adress-container{ width: 100%;}
   .address-outer-for{ background-color: #fff;}
   .footer-top-wraper{ background: none;}
   
   .footer-content:nth-child(1){ width: 50%;}
   .banner-caption-mid{ letter-spacing: -1px;}
   .whats-app img {margin-left: 0px;max-width: 30px;      }
   .home-gallery{ margin-top: 1.5em;}
   .whats-app {bottom: 18vh;z-index: 120000;  }
   .footer-content ul li { width: 50%;float: left;  }
   .footer-content:nth-child(3){ clear: both;}
   .footer-social-links ul li {width: 43px;height: 43px; margin-right: 10px;}
   .commitee-container{ width: 49%; margin-right: 2%;}
    .commitee-container:nth-child(2n+2){ margin-right: 0%;}
  
}
 @media (min-width:769px) and (max-width:991px){
    
}
 @media (min-width:992px) and (max-width:1199px){
}
@media (max-width:992px) {
    .nav-toggle, .navigation-hidden .nav-header {display: block !important;}

    
    .banner-wrp{height: calc(100vh - 75px) !important; overflow: hidden !important }
    .carousel-inner {height: 100% !important;}
    #quick_view_bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: auto;
  background-color: #fff ;
 }
.hide-menu{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 99999;
        padding: 15px 20px;
        display: block;
}
.sexy-menu.detached{
    opacity: 1 !important
}
    .hide-menu a {
    width: 20%;
    line-height: 1;
    font-size: 1.5em;
    float: left;
    display: flex;
    justify-content: center;
   
}
.hide-menu img {
    display: block;
    justify-content: center;
    margin: 0 auto;
}

.nav-toggle{

display: flex!important;
    align-items: center;
    width: 25px;
    height: 20px;
    cursor: pointer;
    /*border-top: 3px solid #000;
    border-bottom: 3px solid #000;*/
    text-align: center;
    justify-content: center;
    position: inherit !important;
     top: auto !important;

    }
    .nav-toggle {
      top: auto !important;
    bottom:auto !important; 
}
    .nav-toggle:before{   
    position: absolute;
    content: "";
    width: 40px;
    border-bottom: 3px solid #000;
    right: 0;
		display: none
}
   .nav-toggle:after{    
           content: "";
    width: 33px;
    border-bottom: 3px solid #000;
    position: absolute;
    top: -2px;
    right: 0;
	   display: none
}


.nav-toggle {margin-top: 3px !important;}
 .banner-wraper{ height: 100vh;}
 #fw_al_001{ height: 100vh;}
 .carousel-inner{ height: 100vh;}
 .ps_easeOutQuint .carousel-inner > .item{ height: 100vh;}
 #fw_al_001 > .carousel-inner > .item > img{ height: 100vh; width: auto !important;}
 .logo{ width: 100% !important; position: inherit !important; display: flex !important; justify-content: center; height: auto !important;}
 .nav-brand img{ width: 250px;}
 .nav-header{ width: 100%; padding-top: 1em; padding-bottom: 1em;}
 .sexy-menu.detached .nav-brand img {margin-top: 0px !important;    width: 70%;  }
 .bottom-menu{ width: 45px; height:45px; border-radius: 50%; display: flex !important; justify-content: center; align-items: center; border: 1px solid #999;}
 .fine-arts-bg{ display: none;}
 .fine-arts-container{ padding-top: 0px;}
 .footer-logo{ display: none;}
 .footer-container{ width: 100%;}
 .footer-top-wraper {padding-bottom: 25px;    padding-top: 20px;}
 .job-opportunity{ float: left;}
 .main-wraper{ padding-top: 40px;}
 .welcome-pic{ margin-top: 1.5em;}
 .sub-title{ text-align: left;}
 .footer-top-wraper{ margin-top: 30px;}
 .footer-content-for:nth-child(2){ padding-bottom: 0px;}
 .whats-app {bottom: 20vh;}
 .nav-menu > li > a{ font-size: 1em !important;}
 .home-testimonial-quote img{ width: 50px; height: auto;}
 .footer-content:nth-last-child(2){ display: none;}
}
@media (max-width: 380px){
    .consult {
      font-size: 0.875em;
      padding: 0px 10px;
      float: left;
    }
    .register {
        float: left;
        font-size: 0.875em;
        padding: 0px 10px;
        float: left;
      }
    }