@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap');
html,body,button,input,select,textarea,p{font-family: 'Open Sans', sans-serif; font-weight:300;color:#000;	box-sizing:border-box;font-weight:300;font-size:16px;line-height:1.5;scroll-behavior:smooth}

.font-lg {
	font-weight:400;
	font-size:115%
}

.l-25 {
    left: 25%;
}

.l-50 {
    left: 50%;
}

.l-75 {
    left: 75%;
}


/* ==========================================================================
   Links
   ========================================================================== */

a {
    color: #000;
}

a:focus {
    outline: none;
}

a:hover,
a:focus {
    color: #000
}

a:active,
a:hover {
    outline: 0;
    text-decoration: none;
}

.heading-small{
    font-weight: 600;  
    font-size: 22px; 
    letter-spacing: 1px;
}
ul {
    list-style-image: url(../png/bullet.png);
}
.link-underline{
    text-decoration: underline;
}
.error{
    color: red;
    font-size: 80%;
}
.text-black{
    color:#000000 !important;
}


/* ==========================================================================
   Typography
   ========================================================================== */

h1,
h2,
h3,
.h1,
.h2,
.h3
 {
    color: #191616;
    font-weight: 400;
}

h1,
.h1 {
    font-size: 53px;
}

h2,
.h2 {
    font-size: 32px;
}

h3,
.h3 {
    font-size: 28px;
}

h4,
.h4 {
    font-size: 22px;
}

h5,
.h5 {
    font-size: 16px;
}

h4,h5,.h3,.h4,.h5,.main-nav-tab, .main-nav-tab .h3, .courses-details-tab .h3, .courses-details h2.h3, .courses-box h2, .heading h1 span, .heading .h1 span {font-family: 'BrandonGrotesque-Medium';}
/* ==========================================================================
   Global
   ========================================================================== */

.container {
    width: 100%;
    max-width: 1920px;
}

.text-blue {
    color: #29275b;
}
.page {
    padding: 3.5rem 0;
}
.contact-space {
    padding: 0 1rem;
}
.btn-outline-secondary {
    color: #000;
    border: solid 1px #000000;
}
.btn-secondary{
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    border-radius: 0px;
}
.page-space {
    padding: 6rem 0;
}

.page-space-small {
    padding: 3rem 0;
}

.page-space-bottom {
    padding-bottom: 6rem;
}
.marginy{
    margin-top: 2.5rem;
    margin-top: 2.5rem;
}

.body-bg {background:#f4e2ca}
.active-bg, .bg-darks {background:#edd8c3}
.bg-darks-seconds{
    background:#f4e2ca
  }

/* ==========================================================================
   Header Css
   ========================================================================== */

header{
    padding-top: 0.6rem;
    padding-bottom: 1rem;
    margin-top:0.01em;
    /* background-color:rgba(244, 226, 202, 0.6); */
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}
/* .headerhome { background: none; maring-top:3px;}
.homeheader .headerfixed { position: fixed; top:0; left:0; width:100%;background-color:rgba(244, 226, 202, 0.6);} */
.headerfixed { padding-top: 0; padding-bottom: 5px;}
/* .headerfixed,.headerfixed .archlogo, .headerfixed .archlogo img{
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
} */
.headerfixed .archlogo img { height:70px;}


.archlogo {}
.home-video-hold { max-height: 1100px;}
#myCarousel .nav a small {
    display: block;
}

#myCarousel .nav {
    background: #dbf3d1;
    display: none;
}
/* .header{
    background-color: rgba(244, 226, 202, 0.6);
}  */
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: rgba(244, 226, 202, 0.6);
}

.sticky .archlogo a img{
    max-width: 150px;
}
.sticky .dclogo a img{
	max-width: 250px !important;
	margin-top: 1.4rem;
}
.dclogo{
	margin-top: -1rem;
}
.sticky + .content {
    padding-top: 102px;
}

.four-box {
    display: flex;
    flex-wrap: nowrap;
}

.four-box a {
    background-color: #dbf3d1;
    width: 25%;
    text-align: center;
    padding: 0.8rem;
    height: 170px;
}

.four-box a span {
    letter-spacing: 3px;
    position: relative;
    border-bottom: solid 2px #000;
    width: auto !important;
    padding-bottom: 0.3rem;
}

.four-box a p {
    letter-spacing: 2px;
    font-weight: 400;
    margin-top: 1rem;
    margin-bottom: 0px;
}

.four-box a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 180px;
    text-align: center;
    transition: background-color 0.3s;
}

.four-box a:hover {
    animation-delay: 0;
}

.four-box a.animate:first-child {
    animation-delay: 1s;
    animation-name: first;
}

.four-box a.animate:nth-child(2) {
    animation-delay: 2s;
    animation-name: second;
}

.four-box a.animate:nth-child(3) {
    animation-delay: 3s;
    animation-name: third;
}

.four-box a.animate:nth-child(4) {
    animation-delay: 4s;
    animation-name: fourth;
}

.four-box a {
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 4s;
}

.four-box a:hover {
    animation-delay: 5;
}

@keyframes first {
    0% {
        background-color: #c9e6b8;
    }
    30% {
        background-color: #dbf3d1;
    }
    100% {
        background-color: #dbf3d1;
    }
}

@keyframes second {
    0% {
        background-color: #c9e6b8;
    }
    30% {
        background-color: #dbf3d1;
    }
    100% {
        background-color: #dbf3d1;
    }
}

@keyframes third {
    0% {
        background-color: #c9e6b8;
    }
    30% {
        background-color: #dbf3d1;
    }
    100% {
        background-color: #dbf3d1;
    }
}

@keyframes fourth {
    0% {
        background-color: #c9e6b8;
    }
    30% {
        background-color: #dbf3d1;
    }
    100% {
        background-color: #dbf3d1;
    }
}

.four-box a:first-child:hover {
    background-color: #c9e6b8 !important;
}

.four-box a:nth-child(2):hover {
    background-color: #c9e6b8 !important;
}

.four-box a:nth-child(3):hover {
    background-color: #c9e6b8 !important;
}

.four-box a:nth-child(4):hover {
    background-color: #c9e6b8 !important;
}


.faculty > div {
    padding-left: 0.6rem !important;
    padding-right: 0.6rem !important;
    padding-bottom: 1.4rem !important;
}
.faculty > div figure{
    margin-bottom: 0.5rem;
}

.faculty-img{
    max-width:100px !important;
}
.morelink {
    text-decoration: underline;
    outline: none;
    color: #6b6259;
    position: absolute;
    right: 0.8rem;
    background: #edd8c3;
    padding: 0 0rem 0 0.8rem;
}
.morecontent .less{
    position: relative;
    padding: 0px;
    margin-left: 15px;
} 
.morecontent span {
    display: none;

}
.more{
    margin-top: 0.6rem;
    text-align: justify;
}
.instagram-footer svg{
    fill: #68666a;
}
.instagram-footer svg:hover{
    fill: #000000;
}
.footer-arch-icon-img{
	   -webkit-filter: grayscale(1); 
  filter: grayscale(1);
}
.footer-arch-icon-img:hover{
	  -webkit-filter: grayscale(0);
  filter: none;
}
/*=====================================
    Courses Page Css
=====================================*/

.heading h1, .heading .h1 {
    text-transform: uppercase;
}
.heading h1 span, .heading .h1 span {
    text-transform: none;
}

.line-hold {
    padding: 0 1em;
    padding: 0 5%;
    bottom: -10;
}

.line-hold .credit-line:before,
.line-hold .credit-line:after {
    position: absolute;
    content: '';
    height: 10px;
    width: 1px;
    background-color: #000000;
    z-index: 2;
    bottom: 0;
}

.line-hold .credit-line {
    height: 15px;
    border-bottom: solid 1px #000000;
}

.line-hold .credit-line:before {
    left: 0;
}

.line-hold .credit-line:after {
    right: 0;
}

.line-hold .credit-line span {
    display: inline-block;
    text-align: center;
    position: relative;
    bottom: -15px;
}

.group {
    display: flex;
    flex-wrap: nowrap;
}

.group>div {
    background-color: #dbf3d1;
    height: 180px;
    text-align: center;
    padding: 0.8rem;
}

.group>div span {
    letter-spacing: 2px;
    position: relative;
    border-bottom: solid 2px #000;
    width: auto !important;
    padding-bottom: 0.3rem;
}

.group>div p {
    letter-spacing: 1.5px;
    font-weight: 400;
    margin-top: 1rem;
    margin-bottom: 0px;
}

.group>div:nth-child(1) {
    background: #ffdcc8;
    width: 25%;
}

.group>div:nth-child(2) {
    background: #ffecd4;
    width: 25%;
}

.group>div:nth-child(3) {
    background: #c2e8eb;
    width: 50%;
}

.group>div:last-child {
    padding-left: 2.2rem;
    /* background: #c2e8eb url(../images/box.png) no-repeat right center;
    background-size: contain; */
}

.group>div:last-child h3 {
    font-size: 35px !important;
    margin-top: -1.1rem;
}

.group>div:last-child {
    padding-left: 2.2rem;
    /* background: #c2e8eb url(../images/box.png) no-repeat right center;
    background-size: contain; */
}

.aieed-home {
    display: flex;
    flex-wrap: nowrap;
}
.aieed-home > div {
    width: 100%;
}
.aieed-home > div:nth-child(1){
    width: 65%;
}
.aieed-home > div:nth-child(2){
    width: 30%;
    max-width: 150px;
}

/* .courses-box {min-height: 420px}
.courses-box #courseimg {position:relative;} */
/*
.courses-box #courseimg img {
    position:absolute;
    left:0;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}
.courses-box img {
    position: relative;
    display: inline-block;
}
.courses-box:hover #courseimg img.top {opacity:0;}*/
.courses-box .img-top {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}
.courses-box:hover .img-top {display: inline;}
/****** image hover ******/
.courses-box .image-hover * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.courses-box .image-hover { position:relative;}
/*** effect layer-image hover - background change ***/
.courses-box .img-layer-image-hover-backgroundchange .layer {position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:1;}
.courses-box:hover .img-layer-image-hover-backgroundchange .layer {opacity:0;}
.courses-box .img-layer-image-hover-backgroundchange .layer
{
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
}
.courses-box:hover .img-layer-image-hover-backgroundchange .layer
{
transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
}

.courses-box {
    transition: color 0.2s linear, background-color 0.2s linear;
    overflow: hidden;
}
.courses-box h2 {letter-spacing: 4px;}
.courses-box h2 span {font-family: 'Brandon Grotesque Black';}
.courses-box h5 {
    font-size: 16px;
    letter-spacing: 2px;
    margin: 1rem 0;
}
.courses-box .courses-bg {
    padding: 0.2rem 0.6rem;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.courses-box:hover .courses-bg {background: #242424;}
.courses-box:hover .h1 {color: #ffdbd2;}
.courses-box:hover h5 {color: #ffdbd2;}
.courses-box:hover h3 {color: #ffdbd2;}
.courses-box:hover p {color: #ffdbd2;}
.courses-box:hover .allcourses a{color: #ffdbd2 !important;}
.courses-box:hover .allcourses{color: #ffdbd2 !important;}
.courses-box .btn {
    border: solid 1px #57524d;
    color: #232729;
}
.allcourses{ }.courses-box:hover .btn {
    border: solid 1px #FFF;
    color: #FFF;
}
.courses-jewellery {
    background: #ffdbd2;
}
.courses-jewellery:hover .h1 {
    color: #ffdbd2;
}

.courses-jewellery:hover h5 {
    color: #ffdbd2;
}

.courses-jewellery:hover h3 {
    color: #ffdbd2;
}

.courses-jewellery:hover p {
    color: #ffdbd2;
}

.courses-jewellery .btn {
    border: solid 1px #57524d;
    color: #232729;
}

.courses-jewellery:hover .btn {
    border: solid 1px #ffdbd2;
    color: #ffdbd2;
}

.courses-jewellery:hover .btn:hover{
    border: solid 1px #ffdbd2;
    color: #000;
    background: #ffdbd2;
}

.courses-fashion {
    background: #f8f1d7;
}

.courses-fashion:hover .h1 {
    color: #f8f1d7;
}

.courses-fashion:hover h5 {
    color: #f8f1d7;
}

.courses-fashion:hover h3 {
    color: #f8f1d7;
}

.courses-fashion:hover p {
    color: #f8f1d7;
}

.courses-fashion .btn {
    border: solid 1px #57524d;
    color: #232729;
}

.courses-fashion:hover .btn {
    border: solid 1px #f8f1d7;
    color: #f8f1d7;
}
.courses-fashion:hover .btn:hover{
    border: solid 1px #f8f1d7;
    color: #000;
    background: #f8f1d7;
}
.courses-fashion:hover .allcourses a{color: #f8f1d7 !important;}
.courses-fashion:hover .allcourses{color: #f8f1d7 !important;}

.courses-interior {
    background: #ffecd4;
}

.courses-interior:hover .h1 {
    color: #ffecd4;
}

.courses-interior:hover h5 {
    color: #ffecd4;
}

.courses-interior:hover h3 {
    color: #ffecd4;
}

.courses-interior:hover p {
    color: #ffecd4;
}
.courses-interior:hover .allcourses a{color: #ffecd4 !important;}
.courses-interior:hover .allcourses{color: #ffecd4 !important;}

.courses-interior .btn {
    border: solid 1px #57524d;
    color: #232729;
}

.courses-interior:hover .btn {
    border: solid 1px #ffecd4;
    color: #ffecd4;
}
.courses-interior:hover .btn:hover{
    border: solid 1px #ffecd4;
    color: #000;
    background: #ffecd4;
}

.courses-business {
    background: #e4e5ea;
}

.courses-business:hover .h1 {
    color: #e4e5ea;
}

.courses-business:hover h5 {
    color: #e4e5ea;
}

.courses-business:hover h3 {
    color: #e4e5ea;
}

.courses-business:hover p {
    color: #e4e5ea;
}

.courses-business:hover .allcourses a{color: #e4e5ea !important;}
.courses-business:hover .allcourses{color: #e4e5ea !important;}

.courses-business .btn {
    border: solid 1px #57524d;
    color: #232729;
}

.courses-business:hover .btn {
    border: solid 1px #e4e5ea;
    color: #e4e5ea;
}
.courses-business:hover .btn:hover{
    border: solid 1px #e4e5ea;
    color: #000;
    background: #e4e5ea;
}


.bounce {
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
    }
}

@-moz-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
    }
}

@-o-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -o-transform: translateY(0);
    }
    40% {
        -o-transform: translateY(-30px);
    }
    60% {
        -o-transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}

.example-marquee {
    position: relative;
}

.content {
    display: table;
    width: 100%;
    min-height: 100vh;
    z-index: 1;
    position: relative;
}

.content .inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-left: 16px;
    padding-right: 16px;
}

.content .inner h1 {
    font-size: 62px;
    color: white;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}

.video-background-controls {
    position: absolute !important;
    z-index: 2 !important;
    /*
    top: 50% !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(-50%) !important;
    height: auto !important;
    bottom: auto !important;
    right: 50% !important;
    margin-left: -5rem;
    */
    bottom: 1em;
    left: 1em;
    width: 80px;
    height: 80px;
}

.video-background-controls .mute-toggle {
    display: none;
}

.video-background-controls button {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    border: none;
    background: none;
    -webkit-appearance: none;
    color: white;
    cursor: pointer;
    opacity: 1;
    transition: all 250ms ease-in-out;
    margin-left: 10px;
}

.play-toggle {
    cursor: pointer !important;
}

.video-background-controls button:hover {
    opacity: 0.5;
    border: none;
    background: none;
}

.videoParent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
    margin-bottom: -1px;
}

.videoParent video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.videoParent.hiddenTransform {
    opacity: 0;
}

.example {
    width: 100%;
    height: 100vh;
    position: relative;
    background: url(../jpg/poster1.jpg) no-repeat center center / cover;
}

.slick-slide {
    margin: 10px 6px;
}

.slick-prev:before,
.slick-next:before {
    color: black;
}

@font-face {
    font-family: "Flaticon";
    src: url("../eot/flaticon.eot");
    src: url("../eot/flaticond41d.eot#iefix") format("embedded-opentype"), url("../woff2/flaticon.woff2") format("woff2"), url("../woff/flaticon.woff") format("woff"), url("../ttf/flaticon.ttf") format("truetype"), url("../svg/flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: "Flaticon";
        src: url("../svg/flaticon.svg#Flaticon") format("svg");
    }
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-style: normal;
    color: #ce0122;
}

.flaticon-play-button:before {
    content: "\f100";
    font-size: 3.5em;
}

.flaticon-pause:before {
    content: "\f101";
    font-size: 3.5em;
}

.flaticon-pause-circular-button:before {
    content: "\f102";
    font-size: 3.5em;
}

.flaticon-pause,.flaticon-play-button {
    opacity: 0.8;
}
.home-video-hold:hover .flaticon-pause:hover, .flaticon-play-button:hover {
    opacity: 1;
}
@font-face {
    font-family: 'arch';
    src:  url('../arch160b.html');
    src:  url('../eot/arch160b.eot#iefix') format('embedded-opentype'),
      url('../arch160b-2.html') format('truetype'),
      url('../arch160b-3.html') format('woff'),
      url('../arch160b-4.html#arch') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'arch' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #ce0122;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-youtube:before {
    content: "\e900";
    font-size: 13rem
  }
  
    /* .icon-youtube{
        opacity: 0.1;
    }
    .icon-youtube:hover{
        opacity: 1;
    } */

.flex-container {
    display: Flex;
    flex-wrap: nowrap;
}

.flex-container>div {
    width: 100%;
    text-align: left;
    font-size: 12px;
    margin-right: 0.8rem;
}

.clearout {
    height: 20px;
    clear: both;
}

.flexiselDemo3 {
    display: none;
}

.nbs-flexisel-container {
    position: relative;
    max-width: 100%;
}

.nbs-flexisel-ul {
    position: relative;
    width: 99999px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
    overflow: auto;
}

.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
}

.nbs-flexisel-item {
    float: left;
    margin: 0px 0.7rem;
    max-width: 229px;
    width: 100%;
    padding: 0rem;
    cursor: pointer;
    position: relative;
}

.nbs-flexisel-item figure {
    position: relative;
    margin-bottom: 0px;
}

.nbs-flexisel-item figure figcaption {
    position: absolute;
    top: 0px;
    top: 0;
    padding: 1.4rem;
    font-size: 13px;
    line-height: 18px;
    height: 100%;
    text-align: left;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.nbs-flexisel-item figure figcaption:hover {
    background: #fed8c3;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}

.insta-desc {
    max-height: 89px;
    overflow: hidden;
    margin-bottom: 2rem;
    margin-top: 0.6rem;
    color: #000 !important;
}

.icon-heart {
    width: 15px;
    color: #000;
}

.instagrams .slick-slide img {
    max-width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    /*filter: grayscale(100%);*/
}

.instagrams .slick-slide:hover img {
    /*filter: grayscale(0);*/
}
.instagrams .slick-slide{
    padding: 0 0.3rem !important
}

.news figure{
    min-height: 270px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

  .whatsapp-icon {
        position: fixed;
        bottom: 1em;
        z-index: 1;
        left:1em;
        display: inline-block;
    }
    .whatsapp-icon .icon a{
        display: inline-block;
        cursor: pointer;
        text-decoration: none;
        color: #4B7E43;
        font-size: 14px;
        background-color: #fff;
        padding: 5px 5px 5px 10px;
        box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);
        border-radius: 25px;
        border: 1px solid #4B7E43;
        transition: all 0.3s linear;
        color: #4B7E43;
    }
    .whatsapp-icon .icon a img { padding-left:5px;}
    @media (max-width: 767px) {
        .whatsapp-icon {left: 0;}
        .whatsapp-icon a { font-size: 12px;}
        .whatsapp-icon a img {width: 25px;}
    }
    

 @media all and (min-width: 768px) {
     .instapanel {
         -ms-flex: 0 0 61.333333%;
        flex: 0 0 61.333333%;
        max-width: 61.333333%;
     }
     .twoblocks {
        -ms-flex: 0 0 38.666667%;
        flex: 0 0 38.666667%;
        max-width: 38.666667%;
     }
		 
		 .membershipngpadding{
			 padding-left: 2.6rem;
		 }
		 .membershipngbdr{
			 border-left:solid 1px #d4d4d4 !important
		 }
		 
 }
  @media all and (max-width: 767px) {
     .twoblocks {padding-left: 25px !important; padding-right: 25px !important;}
 }
 
/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    padding: 14px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    position: absolute;
    cursor: pointer;
    z-index: 4;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
}

.nbs-flexisel-nav-left {
    left: 16px;
}

.nbs-flexisel-nav-left:before {
    content: '';
    background: url(../next-arrow.html) no-repeat left top;
    width: 16px;
    height: 16px;
    position: absolute;
    transform: rotate(180deg);
    top: 5px;
    left: 6px;
}

.nbs-flexisel-nav-left.disabled {
    opacity: 0.4;
}

.nbs-flexisel-nav-right {
    right: 10px;
}

.nbs-flexisel-nav-right:before {
    content: '';
    background: url(../next-arrow.html) no-repeat left top;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    left: 6px;
}

.nbs-flexisel-nav-right.disabled {
    opacity: 0.4;
}

.animations {
    position: relative;
    border-radius: 50px;
    animation: mymove 2s forwards;
    animation-delay: 0.2s;
}

@keyframes mymove {
    from {
        left: 0px;
    }
    to {
        left: 30px;
    }
}

.animation-right {
    top: -4rem;
    margin-left: 5.5rem;
    position: relative;
    animation: mymoves 2s forwards;
    animation-delay: 0.2s;
}

@keyframes mymoves {
    from {
        right: 0px;
    }
    to {
        right: 30px;
    }
}

#myanimation {
    background: #ffdbd2;
    animation: myanimation 5s infinite;
}

@keyframes myanimation {
    0% {
        background-color: #ffdbd2;
    }
    25% {
        background-color: #f8f1d7;
    }
    50% {
        background-color: #c2f9fe;
    }
    100% {
        background-color: #e3e9ff;
    }
    /* from {background-color: #ffdbd2;}
	to {background-color: #f8f1d7;} */
}

.peacock {
	margin-top: 10rem;
}

.peacock__feathers use {
	-webkit-transform-origin: 150px 150px;
	        transform-origin: 150px 150px;
	-webkit-animation-direction: alternate;
	        animation-direction: alternate;
	-webkit-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
}

.peacock__feathers use:nth-child(2) {
	-webkit-animation-name: anim-feather-2;
	        animation-name: anim-feather-2;
}

.peacock__feathers use:nth-child(3) {
	-webkit-animation-name: anim-feather-3;
	        animation-name: anim-feather-3;
}

.peacock__feathers use:nth-child(4) {
	-webkit-animation-name: anim-feather-4;
	        animation-name: anim-feather-4;
}

.peacock__feathers use:nth-child(5) {
	-webkit-animation-name: anim-feather-5;
	        animation-name: anim-feather-5;
}

.peacock__feathers use:nth-child(6) {
	-webkit-animation-name: anim-feather-6;
	        animation-name: anim-feather-6;
}

.peacock__feathers use:nth-child(7) {
	-webkit-animation-name: anim-feather-7;
	        animation-name: anim-feather-7;
}

@-webkit-keyframes anim-feather-2 {
	from {-webkit-transform: rotate(23deg);transform: rotate(23deg);}
	to {-webkit-transform: rotate(20deg);transform: rotate(20deg);}
}

@keyframes anim-feather-2 {
	from {-webkit-transform: rotate(23deg);transform: rotate(23deg);}
	to {-webkit-transform: rotate(20deg);transform: rotate(20deg);}
}

@-webkit-keyframes anim-feather-3 {
	from {-webkit-transform: rotate(46deg);transform: rotate(46deg);}
	to {-webkit-transform: rotate(40deg);transform: rotate(40deg);}
}

@keyframes anim-feather-3 {
	from {-webkit-transform: rotate(46deg);transform: rotate(46deg);}
	to {-webkit-transform: rotate(40deg);transform: rotate(40deg);}
}

@-webkit-keyframes anim-feather-4 {
	from {-webkit-transform: rotate(69deg);transform: rotate(69deg);}
	to {-webkit-transform: rotate(60deg);transform: rotate(60deg);}
}

@keyframes anim-feather-4 {
	from {-webkit-transform: rotate(69deg);transform: rotate(69deg);}
	to {-webkit-transform: rotate(60deg);transform: rotate(60deg);}
}

@-webkit-keyframes anim-feather-5 {
	from {-webkit-transform: rotate(-23deg);transform: rotate(-23deg);}
	to {-webkit-transform: rotate(-20deg);transform: rotate(-20deg);}
}

@keyframes anim-feather-5 {
	from {-webkit-transform: rotate(-23deg);transform: rotate(-23deg);}
	to {-webkit-transform: rotate(-20deg);transform: rotate(-20deg);}
}

@-webkit-keyframes anim-feather-6 {
	from {-webkit-transform: rotate(-46deg);transform: rotate(-46deg);}
	to {-webkit-transform: rotate(-40deg);transform: rotate(-40deg);}
}

@keyframes anim-feather-6 {
	from {-webkit-transform: rotate(-46deg);transform: rotate(-46deg);}
	to {-webkit-transform: rotate(-40deg);transform: rotate(-40deg);}
}

@-webkit-keyframes anim-feather-7 {
	from {-webkit-transform: rotate(-69deg);transform: rotate(-69deg);}
	to {-webkit-transform: rotate(-60deg);transform: rotate(-60deg);}
}

@keyframes anim-feather-7 {
	from {-webkit-transform: rotate(-69deg);transform: rotate(-69deg);}
	to {-webkit-transform: rotate(-60deg);transform: rotate(-60deg);}
}

.peacock__crown {
	-webkit-animation-name: anim-crown;
	        animation-name: anim-crown;
	-webkit-animation-direction: alternate;
	        animation-direction: alternate;
	-webkit-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
}

.peacock__crown, .peacock__crown use {
	-webkit-transform-origin: 150px 75px;
	        transform-origin: 150px 75px;
}

@-webkit-keyframes anim-crown {
	from {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
	to {-webkit-transform: rotate(-60deg);transform: rotate(-60deg);}
}

@keyframes anim-crown {
	from {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
	to {-webkit-transform: rotate(-60deg);transform: rotate(-60deg);}
}


@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1,1);
    }
    90% {
        transform: scale(30,30);
    } 
    100% {
        transform: scale(1,1);
        opacity: 0;
        /*transition-timing-function: ease-in-out;*/
    }
}

.peacock-animation svg {
   
    animation: zoominoutsinglefeatured 1s forwards;
}

.testmonial-home h4 {
    letter-spacing: 3px;
    /*font-family: 'e';*/
    font-family: 'BrandonGrotesque-Medium';
}

.testmonial-home h3 {
    letter-spacing: 3px;
}

.home-blog {
    background: #fcd0c7;
    padding: 60px 0 40px 0;
}


/*=====================================
		Footer Css
=====================================*/

footer {
    background: #dbf3d1;
    padding: 2rem 0 3.5rem 0;
}

footer .bottom {
    display: flex;
    flex-wrap: nowrap;
}

footer .bottom>div {
    width: 25%;
    margin: 10px;
}

footer .h2 {
    letter-spacing: 2px;
    /*font-family: 'e';*/
    font-size: 24px;
}

footer .bottom {
    letter-spacing: 1px;
}

footer .bottom>div:nth-child(1) {
    width: 23%;
}

footer .bottom>div:nth-child(2) {
    width: 22%;
}

footer .bottom>div:nth-child(3) {
    width: 23%;
}
footer .bottom>div:nth-child(4) {
    width: 20%;
}

footer .bottom>div:last-child {
    width: 22%;
}

footer .fa {
    font-size: 24px;
    color: #68666a;
}

footer .fa:hover {
    color: #000000;
}

footer a {
    color: #0c110d;
}

footer .bottom-btn {
    position: absolute;
    bottom: -1.5rem;
}

footer .botton-input {
    border: solid 1px #cae7b9;
    max-width: 187px;
}

footer .botton-input:hover {
    border: solid 2px #cae7b9;
}

.form-control:focus {
    border-color: none;
    border: solid 2px #cae7b9 !important;
    box-shadow: none !important;
}

.addReadMore.showlesscontent .SecSec,
.addReadMore.showlesscontent .readLess {
    display: none;
}

.addReadMore.showmorecontent .readMore {
    display: none;
}

.addReadMore .readMore,
.addReadMore .readLess {
    margin-left: 2px;
    cursor: pointer;
}

.addReadMoreWrapTxt.showmorecontent .SecSec,
.addReadMoreWrapTxt.showmorecontent .readLess {
    display: block;
}
 
.modalclose{
    padding: 0.2rem 0.7rem !important; 
    position: absolute; 
    right: 0px; 
    top: 0px; 
    background: #FFF; 
    z-index: 9;
}

/*=====================================
		Foam Css
=====================================*/

.float-label .header-label{
    position: absolute;
    pointer-events: none;
    top: -8px;
    left: 25px;
    background-color: #F4E2CA;
    padding: 0px 5px;
    font-size: 12px;
    visibility: visible;
    opacity: 1;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #000;
}
.float-label label {
    /* -webkit-transition: top 0.5s, left 0.5s, font 0.5s;
    -moz-transition: top 0.5s, left 0.5s, font 0.5s;
    -o-transition: top 0.5s, left 0.5s, font 0.5s;
    -ms-transition: top 0.5s, left 0.5s, font 0.5s; */
    position: absolute;
    left: 8px;
    font-size: 13.2px;
    top: 8px;
    visibility: hidden;
    opacity: 0;
}

.float-label .text_input {
    background: #fff !important;
    border: 2px solid #e8e8e8 !important;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 0 16px;
    display: block;
    width: 100%;
    -webkit-appearance: none;
    height: 48px;
    font-size: 15px;
    line-height: 22px;
    box-shadow: none;
}

.float-label textarea{
    background: #fff;
    border: 1px solid #cfd2d9;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 10px 16px 0 16px !important;
    display: block;
    width: 100%;
    -webkit-appearance: none;
    height: 100px !important;
    font-size: 15px;
    line-height: 22px;
    box-shadow: none;
}
/*--- Radio Box ---*/
.container-radio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Hide the browser's default radio button */
.container-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #FFF;
    border-radius: 50%;
    border: solid 2px #DDD
}
/* On mouse-over, add a grey background color */
.container-radio:hover input ~ .checkmark {
    background-color: #ccc;
}
/* When the radio button is checked, add a blue background */
.container-radio input:checked ~ .checkmark {
    background-color: #FFF;
    border: solid 2px #1a73e8;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the indicator (dot/circle) when checked */
.container-radio input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container-radio .checkmark:after {
    top: 4px;
    left: 4px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #1a73e8;
}


.unique-banner{
    background:url(../unique-jaipur-banner.html) no-repeat left center / cover; 
    min-height:490px   
}
.wordCarousel {
font-family: 'Segoe UI';
  font-size: 46px;
  font-weight: 100;
  color: #000;
}
.wordCarousel div {
font-family: 'Segoe UI';
  overflow: hidden;
  position: relative;
  float: right;
  height: 65px;
  padding-top: 10px;
  margin-top: -10px;
}
.wordCarousel div li {
    font-family: 'Segoe UI';
  color: #000;
  font-weight: 700;
  padding: 0 10px;
  height: 45px;
  margin-bottom: 45px;
  display: block;
}

.flip2 {
  -webkit-animation: flip2 6s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
          animation: flip2 6s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
}

.flip3 {
  -webkit-animation: flip3 8s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
          animation: flip3 8s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
}

.flip4 {
  -webkit-animation: flip4 10s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
          animation: flip4 10s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
          padding-left: 0px;
}

@-webkit-keyframes flip2 {
  0% {
    margin-top: -180px;
  }
  5% {
    margin-top: -90px;
  }
  50% {
    margin-top: -90px;
  }
  55% {
    margin-top: 0px;
  }
  99.99% {
    margin-top: 0px;
  }
  100% {
    margin-top: -270px;
  }
}

@keyframes flip2 {
  0% {
    margin-top: -180px;
  }
  5% {
    margin-top: -90px;
  }
  50% {
    margin-top: -90px;
  }
  55% {
    margin-top: 0px;
  }
  99.99% {
    margin-top: 0px;
  }
  100% {
    margin-top: -270px;
  }
}
@-webkit-keyframes flip3 {
  0% {
    margin-top: -270px;
  }
  5% {
    margin-top: -180px;
  }
  33% {
    margin-top: -180px;
  }
  38% {
    margin-top: -90px;
  }
  66% {
    margin-top: -90px;
  }
  71% {
    margin-top: 0px;
  }
  99.99% {
    margin-top: 0px;
  }
  100% {
    margin-top: -270px;
  }
}
@keyframes flip3 {
  0% {
    margin-top: -270px;
  }
  5% {
    margin-top: -180px;
  }
  33% {
    margin-top: -180px;
  }
  38% {
    margin-top: -90px;
  }
  66% {
    margin-top: -90px;
  }
  71% {
    margin-top: 0px;
  }
  99.99% {
    margin-top: 0px;
  }
  100% {
    margin-top: -270px;
  }
}
@-webkit-keyframes flip4 {
  0% {
    margin-top: -360px;
  }
  5% {
    margin-top: -270px;
  }
  25% {
    margin-top: -270px;
  }
  30% {
    margin-top: -180px;
  }
  50% {
    margin-top: -180px;
  }
  55% {
    margin-top: -90px;
  }
  75% {
    margin-top: -90px;
  }
  80% {
    margin-top: 0px;
  }
  99.99% {
    margin-top: 0px;
  }
  100% {
    margin-top: -270px;
  }
}
@keyframes flip4 {
  0% {
    margin-top: -360px;
  }
  5% {
    margin-top: -270px;
  }
  25% {
    margin-top: -270px;
  }
  30% {
    margin-top: -180px;
  }
  50% {
    margin-top: -180px;
  }
  55% {
    margin-top: -90px;
  }
  75% {
    margin-top: -90px;
  }
  80% {
    margin-top: 0px;
  }
  99.99% {
    margin-top: 0px;
  }
  100% {
    margin-top: -270px;
  }
} 
.publications ul li {
    margin-bottom: 1rem;
}
.publications ul li img{
    max-width: 100%;
    width: 100%;
}
.alumni-img img{
    filter: grayscale(100%);
}

/*=====================================
		Courses Page Css
=====================================*/
@media all and (min-width: 1024px) {
    .lr-space {padding:0 2rem !important;}
    .banner-course {padding-bottom: 1rem;}
}
.courses-tabs {
    display: flex;
    flex-wrap: nowrap;
}
.courses-tabs li {
    width: 100%;
    /* font-size: 32px; */
    /* padding: 1.8rem 0.4rem; */
}
.courses-tabs a {font-size: 14px;letter-spacing: 1.5px;font-family: 'Segoe UI';font-weight: 400;letter-spacing: 2px;}
.courses-tabs a div {
    font-size: 22px;
    margin-bottom:5px;
}
.courses-tabs a div span {
    border-bottom: solid 2px #000;
}

.courses-tabs li a{
    padding: 1.8rem 0.4rem 1.4rem 0.4rem;
}
.courses-tabs li a:hover {
    background: #edd8c3;
}
.courses-tabs .active a {
    background: #edd8c3;
}
.courses-tabs .list-inline-item:not(:last-child) {
    margin-right: .0rem;
}
.courses-details {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 2rem;
    background: #f4e2ca;
}
.courses-details li {
    width: 100%;
    /* padding: 1.4rem 0 1.8rem 0; */
    position: relative;
}

.courses-details li a{
    padding: 1.4rem 0 1.8rem 0;
}
.courses-details h2 {
    border-bottom: solid 1px #000;
    /* font-size: 32px; */
    letter-spacing: 2px;
    line-height: 1.6;
}
.courses-details h2.h3 {font-size: 20px; margin:0;}
.courses-details .small {
    font-size: 16px;
    letter-spacing: 2px;
}
.courses-details li:hover {background:#f4e2ca;}
.courses-details li.active {background:#edd8c3;}
.courses-details .list-inline-item:not(:last-child) {
    margin-right: .0rem;
}
.courses-details li a{ display: inline-block; z-index: 2;}
.main-nav-tab li a { display: inline-block; z-index: 2; width: 100%; height: 100%;}
.bdes{
    background: #edd8c3 !important;
}
.bdes li:hover {background: none;} 

 
.student-corner .student-green{
    background: #dbf3d1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    text-align: center;
}
 
.student-corner h2 {
    font-family: 'BrandonGrotesque-Medium';
}
.student-corner h2 span {
    font-family: 'Brandon Grotesque Black';
}
.student-corner .student-green:hover{
    background: #242424;
}
.student-corner .student-green:hover h2{
    color:#dbf3d1;
}
.student-corner .student-green:hover h5{
    color:#dbf3d1;
}
.student-corner .student-green:hover p{
    color:#dbf3d1;
}
.student-corner .student-green:hover .btn{
    border: solid 1px #dbf3d1;
    color: #dbf3d1;
}
.student-corner .student-gray{
    background: #cae7b9;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    text-align: center;
}
.student-corner .student-gray:hover{
    background: #242424;
}
.student-corner .student-gray:hover h2{
    color:#dbf3d1;
}
.student-corner .student-gray:hover h5{
    color:#dbf3d1;
}
.student-corner .student-gray:hover p{
    color:#dbf3d1;
}

.student-corner .student-gray:hover .btn{
    border: solid 1px #dbf3d1;
    color: #dbf3d1;
}
/* .student-corner .student-gray h2{
    color: #cae7b9;
}
.student-corner .student-gray h5{
    color: #cae7b9;
}
.student-corner .student-gray .btn{
    color: #cae7b9;
    border: solid 1px #cae7b9;
} */
/* .student-gray:hover {
    background: #cae7b9;
}
.student-gray:hover h2{
    color: #2d2d2d;
}
.student-gray:hover h5{
    color: #2d2d2d;
}
.student-gray:hover .btn{
    color: #2d2d2d;
    border: solid 1px #2d2d2d;
} */
 
.student-corner .student-cream{
    background: #f8f1d7;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    text-align: center;
}
.student-corner .student-cream:hover{
    background: #242424;
}
.student-corner .student-cream:hover h2{
    color:#f8f1d7;
}
.student-corner .student-cream:hover h5{
    color:#f8f1d7;
}
.student-corner .student-cream:hover p{
    color:#f8f1d7;
}
.student-corner .student-cream:hover .btn{
    border: solid 1px #f8f1d7;
    color: #f8f1d7;
}
.student-corner .student-skay{
    background: #c2e8eb;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    text-align: center;
}
.student-corner .student-skay:hover{
    background: #242424;
}
.student-corner .student-skay:hover h2{
    color:#c2e8eb;
}
.student-corner .student-skay:hover h5{
    color:#c2e8eb;
}
.student-corner .student-skay:hover p{
    color:#c2e8eb;
}
.student-corner .student-skay:hover .btn{
    border: solid 1px #c2e8eb;
    color: #c2e8eb;
}

@media all and (max-width: 1024px) {
        .main-nav-tab, .courses-details-tab { position: relative; margin-left: -15px; margin-right: -15px;}
}
@media all and (max-width: 1023px) {
     
    /* .courses-details-tab ul li.active::after, .main-nav-tab ul li.active::after {
        width: 1px;
        height: 1px;
        content: '+';
        position: absolute;
        right: 1.5em;
        top: 1em;
        z-index: 9999;
        font-weight: 600;
    }
    .courses-details-tab ul li:not(.active), .main-nav-tab ul li:not(.active) {
      position: absolute;
      top: -999em;
    } */

    .main-nav-tab ul li.active::after {
        width: 1px;
        height: 1px;
        content: '+';
        position: absolute;
        right: 1.5em;
        top: 1em;
        z-index: 9;
        font-weight: 600;
    }
    .main-nav-tab ul li:not(.active) {
      position: absolute;
      top: -999em;
    }

    .courses-details-tab ul.expanded li.active:after, .main-nav-tab ul.expanded li.active:after {
        top: 1em;
        content: '-';
        right: 1.3em
    }
    .courses-details-tab ul.expanded li:not(.active), .main-nav-tab ul.expanded li:not(.active) {
      position: relative;
      top: auto;
    }
   .courses-details-tab .courses-details, .main-nav-tab ul { display:block !important;}
   .courses-details-tab .courses-details li, .main-nav-tab ul li {padding-left: 1em; padding-right: 1em;}
   .courses-details-tab .courses-details h2.h3, .courses-tabs span { font-size: 18px;}
   .main-nav-tab .active, .courses-tabs .active { position: relative;}
    .main-nav-tab .active a, .courses-tabs .active a { position: relative; z-index: 1;}
    .main-nav-tab .courses-tabs li.active:before, .courses-details li.active:before { position: absolute; left: 0; width: 100%; height: 100%; content:''; z-index: 2}
    .courses-details-tab ul.expanded li:not(.active), .main-nav-tab ul.expanded li:not(.active) {border-bottom: solid 2px #edd8c3;}
    .courses-details { border-top:solid 2px #f4e2ca; border-bottom:solid 2px #f4e2ca}

}
@media all and (min-width: 1024px) {
     
  .courses-details-tab ul {
    display: block;
    white-space: nowrap;
    overflow: hidden;
  }
  .courses-details-tab ul li {
    display: inline-block;
    margin: 0 .25em 0 0;
  }
  .courses-details-tab ul li:not(.active) {
    position: relative;
    top: auto;
  }
  .courses-details-tab ul li.active:after {
    display: none;
  }
}

.logos-industry{
    background: #FFF;
    width: 200px;
    padding: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.6rem;
}
.logos-industry figure{
    margin-bottom: 0px;
}

.name-circle{
    background: #c3c3c3; 
    max-width: 150px; 
    width: 100%; 
    max-height: 100px; 
    height: 100%; 
    border-radius: 5px;
    font-size: 55px; 
    text-align: center; 
    display: flex; 
    align-items: center; 
    justify-content: center;   
}
.coures-durations {background:#f4e2ca}
.coures-durations .nav {
    flex-wrap: nowrap !important;
}
.coures-durations .nav-item {
    width: 100%;
    text-align: center;
}
.coures-durations .nav-link:focus,
.nav-link:hover {
    text-decoration: none;
    background: #edd8c3;
}

.coures-durations .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #000;
    background-color: #edd8c3;
    border-radius: 0px;
    height: 100%;
    display: flex;
    justify-content: center
}

.coures-durations .nav-item a {
    height: 100%;
    padding: 1rem 0;
    min-height: 90px;
}

.coures-durations .nav-item a h4 {
    margin-bottom: 0px;
}

.courses-blog {
    background: #dbf3d0;
    padding: 60px 0 40px 0;
}

.courses-blog figure {
    display: block;
    position: relative;
    overflow: hidden;
    padding-bottom: 58.3333%;
}

.courses-blog figure img {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}

.placementslogo p {
    display: block;
    position: relative;
    overflow: hidden;
    padding-bottom: 44.3333%;
}

.placementslogo p img {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}

.mobileinsta-scroll a {
    display: block;
    position: relative;
    overflow: hidden;
    padding-bottom: 100%;
}

.mobileinsta-scroll a img {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}

.courses-video a {
    display: block;
    position: relative;
    overflow: hidden;
    padding-bottom: 56%;
}

.courses-video a .videoimg {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}


.coureset-content ul {
    list-style-image: url(../png/bullet.png);
}

.years-one {
    position: relative;
}

.years-one::after {
    position: absolute;
    background: url(../shape1.html) no-repeat center center;
    content: '';
    bottom: -1rem;
    z-index: 9999;
    visibility: visible;
    width: 667px;
    height: 11px;
    left: -70%;
    right: 0%;
}

.years-one::before {
    content: '240 Credits';
    position: absolute;
    bottom: -2.8rem;
}

.years-three {
    position: relative;
}

.years-three::after {
    position: absolute;
    background: url(../shape.html) no-repeat;
    content: '';
    bottom: -1rem;
    left: 10%;
    z-index: 9999;
    visibility: visible;
    width: 225px;
    height: 11px;
}

.years-three::before {
    content: '120 Credits';
    position: absolute;
    bottom: -2.8rem;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "|";
    font-size: 14px;
    line-height: 2;
}
.contact-padding{
    padding:4rem 4rem !important;
}
.advisory-board {
    text-align: center;
}
.advisory-board > div{
    width: 19.5%;
    float: left;
    vertical-align: text-top;
    padding: 0.4rem;
    min-height: 403px;
    display: block !important;
}

.advisory-board .modal-dialog {
    max-width: 750px;
    margin: 1.75rem auto;
    border-radius: 0px;
}
.advisory-board .modal-content{
    border-radius: 0px;
}


/* @media only screen and (min-width: 1600px) {
    .courses-box {min-height: 600px}
} */
 
.swiper-container {
    width: 100%;
    height: 44vw;
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease;
  }
  .swiper-container.swiper-container-coverflow {
    padding-top: 2%;
  }
  .swiper-container.loading {
    opacity: 0;
    visibility: hidden;
  }
  .swiper-container:hover .swiper-button-prev,
  .swiper-container:hover .swiper-button-next {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
  
  .swiper-slide {
    background-position: center;
    background-size: cover;
  }
  .swiper-slide .entity-img {
    display: none;
  }
  .swiper-slide .content {
    position: absolute;
    top: 73%;
    left: 0;
    width: 80%;
    padding-left: 5%;
    color: #fff;
  }
  .swiper-slide .content .title {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #FFF;
    line-height: 1;
  }
  .swiper-slide .content .caption {
    display: block;
    font-size: 13px;
    line-height: 1.4;
  }
  
  [class^="swiper-button-"] {
    width: 44px;
    opacity: 0;
    visibility: hidden;
  }
  
  .swiper-button-prev {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
  }
  
  .swiper-button-next {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
  }
  
  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 9px;
    position: relative;
    width: 12px;
    height: 12px;
    background-color: #616161;
    opacity: .4;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border: 0px solid #fff;
    border-radius: 50%;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover, .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    border-width: 1px;
  }
  
  @media (max-width: 1180px) {
    .swiper-slide .content .title {
      font-size: 25px;
    }
    .swiper-slide .content .caption {
      font-size: 12px;
    }
  }
  @media (max-width: 1023px) {
    .swiper-container {
      height: 40vw;
    }
    .swiper-container.swiper-container-coverflow {
      padding-top: 0;
    }
    .name-circle{
        font-size: 35px;
    }
  }


  #f1_container {
    position: relative;
    z-index: 1;
    perspective: 1000;
  }
  #f1_card {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: all 1.0s linear;
  }
  #f1_container:hover #f1_card {
    transform: rotateY(180deg);
    box-shadow: -5px 5px 5px #aaa;
  }
  .face {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
  }
  .face.back {
    display: inline-table;
    transform: rotateY(180deg);
    box-sizing: border-box;
    padding: 20px 30px;
    background-color: #f4e2ca;
    height: 100%;
    min-height: 400px;
  }


/*.course-arrow .slick-prev{
		left: 1rem !important;
    z-index: 99 !important;
    top: 0px !important;
}


.course-arrow .slick-next{
		right: 2.8rem !important;
    z-index: 99 !important;
    top: 0px !important;
}*/

.course-arrow .slick-dots{
		bottom: -0.5rem;
}
.facultyboard .slick-dots{
		bottom: -1.5rem;
		text-align:center
}
  
/*----------------------------------------*\
|    expander CSS only below this point    |
\*----------------------------------------*/

div.expander {
    position: relative;
    overflow: hidden;
    max-height: 144px; /* starting height - best to use a multiple of line-height */
    transition: max-height 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out;
    -webkit-transition: max-height 0.5s ease-in-out;
    margin-bottom: 5px;
    margin-top: 15px;
  }
  
  div.expander:before { /* this applies a faded gradient to the bottom of the expanding content when closed */
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
  }
  div.expander.expanded:before { /* hides the gradient when expanded */
    opacity: 0;
  }
  .expand-toggle{
      background: none;
      border: solid 0px #000;
      cursor: pointer;
     display: inline-block;
  }
  .expand-toggle:hover { font-size:120%; font-weight:bold;}
  .expanded{
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    /* max-height: 301px !important; */
  }

  @media only screen and (min-width: 480px) {
    /* adusts the max-height of the 'closed' expander for 480px+ */
    div.expander {
      max-height: 96px;
    }
  }
  
  @media only screen and (min-width: 720px) {
    /* adusts the max-height of the 'closed' expander for 720px+ */
    div.expander {
      max-height: 88px;
    }
  }


@media only screen and (max-width: 991px) {
    h1,
    .h1 {
        font-size: 34px;
    }
    h2,
    .h2 {
        font-size: 28px;
    }
    h3,
    .h3 {
        font-size: 24px;
    }
    h4,
    .h4 {
        font-size: 18px;
    }
    h5,
    .h5 {
        font-size: 15px;
    }
    .courses-tabs li {
        padding: 0.8rem 0;
    }
    .page-space {
        padding: 2rem 0;
    }
    .space-m {
        margin: 1.8rem 0 !important;
    }
    .space-p {
        padding: 1.3rem 0.2rem !important;
    }
}

@media only screen and (max-width: 767px) {
    body{
        overflow-x: hidden;
    }
    .news figure{
        min-height: 200px;
    }
    .mediapress figure {
        max-height: 120px !important;
        min-height: 120px !important;
    }
    .instagram-video{
        padding-left: 1rem !important;
    }
    .archlogo img{
        max-width: 160px;
    }
    header{
        padding-top: 0.3rem !important;
        padding-bottom: 0.3rem !important;
    }
    .contact-padding{
        padding:1rem 1rem !important;
    }
    .text-xs-center{
        text-align: center !important;
    }
    .marginy{
        margin-top: 0.6rem;
        margin-bottom: 0.6rem;
    }
    .banner-page{
        padding-top: 1.2rem;
    }
    .banner-page .container{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .banner-page .no-space{
        margin-right: 0;
        margin-left: 0;
      }
      .banner-page .no-space > .col,
      .no-space > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
      }

      .wordCarousel{
          text-align: center;
      }

    .unique-banner{
        min-height:250px   
    }

    

    ::-webkit-scrollbar{width:2px;height:2px;}
    ::-webkit-scrollbar-button{width:2px;height:2px;}

    .aieed-home > div:nth-child(1){
        width: 100%;
    }
    .aieed-home > div:nth-child(2){
        display: none;
    }

    .four-box {
        display: block;
    }
    .four-box a {
        width: 100%;
        height: 140px;
        float: left;
        border-bottom: solid 1px #FFF;
    }
    .group {
        display: block;
        flex-wrap: nowrap;
    }
    .group>div {
        width: 100%;
        height: 140px;
        float: left;
        border-bottom: solid 1px #FFF;
    }
    .group>div:nth-child(1),
    .group>div:nth-child(2),
    .group>div:nth-child(3) {
        width: 100%;
    }
    footer {
        padding: 2rem 0 1rem 0;
    }
    .link-case {
        position: relative;
    }
    .link-case .f-nav h3 {
        cursor: pointer;
        margin: 0;
        margin-bottom: 0px;
        padding: 0.2em 0em;
        margin-bottom: 4px;
        border-bottom: solid 1px #eee;
        background-color: transparent;
    }
    .link-case .f-nav h3:after {
        position: absolute;
        right: 0;
        top: 15px;
        content: "+";
        float: right;
    }
    .link-case .f-nav.open h3:after {
        content: "-";
    }
    .link-case ul {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s ease-out;
        margin-bottom: 0;
        margin-left: 1em;
    }
    .link-case ul a {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .link-case .f-nav.open ul {
        height: auto;
        max-height: 500px;
        transition: max-height 0.5s ease-in;
        margin-left: 0px;
    }
    .link-case .f-nav.open ul li {
        padding-bottom: 0.6rem;
    }
    .courses-box .courses-bg {
        padding: 2rem 1rem;
    }
    .example {
        width: 100%;
        height: 100vh;
        position: relative;
    }
    .group>div {
        padding: 0.8rem;
    }
    footer .bottom {
        display: block;
    }
    footer .bottom>div {
        margin: 0;
    }
    footer .bottom>div:nth-child(1) {
        width: 100%;
    }
    footer .bottom>div:nth-child(2) {
        width: 100%;
    }
    footer .bottom>div:nth-child(3) {
        width: 100%;
    }
    footer .bottom>div:last-child {
        width: 100%;
    }
    .courses-tabs {
        display: flex;
        white-space: nowrap;
        overflow: auto;
    }
    .courses-tabs li {
        width: 100%;
        font-size: 20px;
        padding: 0.6rem 1rem;
        background: #edd8c3;
    }
    .courses-tabs li a{
        padding: 0rem 0.4rem;
    }
    .courses-details {
        display: block;
    }
    .courses-details li {
        padding: 1rem 0;
        width: 100%;
    }
    
    .coures-durations .nav {
        display: block;
    }
    .coures-durations .nav-item {
        width: 50%;
        text-align: center;
        float: left;
    }
    .courses-details span {
        font-size: 20px;
    }
    footer .bottom-btn {
        position: relative;
        bottom: 0;
    }
    .group>div:last-child {
        background: #c2e8eb;
        margin-top: 0rem;
    }
    .group>div:last-child h3 {
        margin-top: 0;
    }
    .years-one::after,
    .years-one::before {
        display: none;
    }
    .years-three::before,
    .years-three::after {
        display: none;
    }
    .page-space-bottom {
        padding-bottom: 2rem;
    }

    .line-hold .credit-line:before,
    .line-hold .credit-line:after {
        display: none;
    }
    .line-hold .credit-line {
        display: none;
    }
    .advisory-board > div{
        width: 49.5%;
        padding: 0.4rem;
        min-height: 330px;
    }
    .wordCarousel {
        font-size: 33px;
    }
    .flip4{
        line-height: 26px;
    }

    .example {
        height: 100vh;
    }
    .name-circle{
        font-size: 25px;
    }
    .publications ul li{
        width: 45% !important;
        float: left;
    }
    .publications ul li img{
        max-width: 100%;
        width: 100%;
        margin-bottom: 1rem;
    }
    .swiper-container {
        height: 100vw;
    }
    .swiper-slide .content{
        width: 98%;
    }
    .swiper-pagination{
        display: none;
    }
}

/*==== Press Events ======*/
.mediapress figure {
    max-height: 250px;
    overflow: hidden;
    min-height: 250px;
    display: flex;
    background-color: #fff;
}
.mediapress figure img {align-self: center;}

/*==== Pagignaton ======*/
.page-item.disabled .page-link {border-color: #f4e2ca;background: #e5d1bd;}
.page-item.active .page-link {background-color: #1e181a;border-color: #1e181a;}
.page-link:hover {border-color: #000; background: #e5d1bd;color: #000;}
.page-link {color: #000;background-color: #f4e2ca;border: 1px solid #e5d1bd;}

/*==== Menu ======*/
/* Hamburger */
    .hamburger1 {
      height: 30px;
      margin: 10px;
      display: -ms-grid;
      display: grid;
      grid-template-rows: repeat(3, 1fr);
      justify-items: center;
      z-index: 120;
      position: absolute;
        top: 1em;
        right: 0;
         cursor: pointer;
    }
    .hamburger1 div {
      background-color: rgb(61, 61, 61);
      position: relative;
      width: 32px;
      height: 3px;
      /* margin-top: 7px; */
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
    }
    #mennutoggle1 {display: none;}
    #mennutoggle1:checked + .hamburger1 .top {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      margin-top: 20.5px;
    }
    #mennutoggle1:checked + .hamburger1 .meat {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      margin-top: -2px;
    }
    #mennutoggle1:checked + .hamburger1 .bottom {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    #mennutoggle1:checked ~ .menu-arch {
        height:auto;
        padding: 2em;
        height:440px; 
        opacity: 1;
    }
    /* Menu */
    .menu-arch {
      width: 100%;
      background-color: #edd8c3;
      margin: 0;
      /*
      display: -ms-grid;
      display: grid;
      grid-template-rows: 1fr repeat(4, 0.5fr);
      grid-row-gap: 25px;
      */
      padding:0 2em;
      list-style: none;
      clear: both;
      width: auto;
      height: 0px;
      opacity: 0.3;
      overflow: hidden;
      z-index: 120;
      -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
    }
    .hamburger1:before {     
		position: absolute;
		z-index: 2;
		content: '';
		top: -8px;
	}
    .nav-folderized{
        display: flex;
        flex-wrap: nowrap;
    }
    .nav-folderized > div{
        width: 100%;
    }
    .nav-folderized > div:nth-child(1){
        width: 18%;
    }
    .nav-folderized > div:nth-child(2){
        width: 25%;
    }
    .nav-folderized > div:nth-child(3){
        width: 20%;
    }
    .nav-folderized > div:nth-child(4){
        width: 25%;
    }
    .nav-folderized > div:nth-child(5){
        width: 18%;
    }
    .ftr__list ul ul { margin: 0; padding: 0; margin-left: 1em; }
    @media only screen and (max-width : 767px) {
    /**nav-expand for footer with head and ul**/
    .nav-folderized .ftr__list h2 { cursor: pointer; }
    .nav-folderized ul { max-height: 0; overflow:hidden; transition: max-height 1s ease-out; }
    .nav-folderized .ftr__list h2:after { content: "+"; float: right; }
    .nav-folderized .ftr__list.open h2:after { content: "-"; }
    .nav-folderized .ftr__list.open ul { height:auto; max-height: 400px; transition: max-height 1s ease-in !important; }
    /**nav-expand for footer with head and ul**/

    .nav-folderized {
        display: block;
        flex-wrap: inherit;
    }
    .nav-folderized > div:nth-child(1), .nav-folderized > div:nth-child(2), .nav-folderized > div:nth-child(3), .nav-folderized > div:nth-child(4), .nav-folderized > div:nth-child(5) {
        width: 100%;
    }
    #mennutoggle1:checked ~ .menu-arch{
        height: auto;
    }
    }
    
/*=========== Youtube Video popup ==============*/
.video-banner {
  display: block;
}
@media (min-width: 641px) {
  .video-banner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
  }
}

.video-banner .video-banner-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.video-banner-icon-play {
  position: absolute;
  left: 50%;
  top: 50%;
  
  display: block;
  width: 2.5em;
  height: 2.5em;
  
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1.0);
	-moz-transform: translateX(-50%) translateY(-50%) scale(1.0);
	-ms-transform: translateX(-50%) translateY(-50%) scale(1.0);
	-o-transform: translateX(-50%) translateY(-50%) scale(1.0);
	transform: translateX(-50%) translateY(-50%) scale(1.0);
  
  -webkit-transition: 
		all 0.2s ease-out 0.05s;
	transition: 
		all 0.2s ease-out 0.05s;
}
@media (min-width: 641px) {
  .video-banner-icon-play {
    width: 2.5em;
    height: 2.5em;
  }
}
.video-banner-icon-play:hover {
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1.2);
	-moz-transform: translateX(-50%) translateY(-50%) scale(1.2);
	-ms-transform: translateX(-50%) translateY(-50%) scale(1.2);
	-o-transform: translateX(-50%) translateY(-50%) scale(1.2);
	transform: translateX(-50%) translateY(-50%) scale(1.2);
  
  backgound: #330099;
}
/* Video Modal
-----------------------------------------*/
.video-modal,
.video-modal .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3000;
}
.video-modal {
	overflow: hidden;
	position: fixed;
	opacity: 0.0;

  -webkit-transform: translate(500%,0%);
  transform: translate(500%,0%);

  -webkit-transition: -webkit-transform 0s linear 0s;
  transition: transform 0s linear 0s;


  /* using flexbox for vertical centering */

  /* Flexbox display */
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;

  /* Vertical alignment */
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;

  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.video-modal .overlay {
  z-index: 0;
  background: rgba(237,216,195,0.90); /* overlay color */

  opacity: 0.0;

  -webkit-transition: opacity 0.2s ease-out 0.05s;
  transition: opacity 0.2s ease-out 0.05s;
}
.video-modal-content {
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	z-index: 1;
	margin: 0 auto;
        overflow-y: visible;
	background: #000;
        width: calc(100% - 12em);
        height: 0;
        padding-top: calc((100% - 12em) * 0.5625); /* 16:9 calc */
}

/* Scaling to fit within the current Viewport size:
   When viewport aspect ratio is greater than 16:9
   work off the height instead of the width for calc */
 @media (min-aspect-ratio: 16/9) {
  .video-modal-content {
    width: 0;
    height: calc(100vh - 10em);
    padding-top: 0;
    padding-left: calc((100vh - 10em) * 1.7778); /* 16:9 calc */
  }
}

/* Mobile Layout Tweaks - side margins reduced */
@media (max-width: 640px) {
	.video-modal-content {
		width: calc(100% - 1em);
    padding-top: calc((100% - 1em) * 0.5625); /* 16:9 calc */
	}
  .hamburger1:before{
	  display:none;
  }
  .dclogo{
	  display:none
  }
}

/* modal close button */
.close-video-modal {
    display: block;
    position: absolute;
    right: 0;
    top: -40px;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

/* set the iframe element to stretch to fit its parent element */
iframe#youtube {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;

	background: #000;
	box-shadow: 0px 2px 16px rgba(0,0,0,0.5);
}

/* show the modal: 
   add class to the body to reveal */
.show-video-modal .video-modal {
	opacity: 1.0;

	transform: translate(0%,0%);
	-webkit-transform: translate(0%,0%);
}
.show-video-modal .video-modal .overlay {
	opacity: 1.0;
}
.show-video-modal .video-modal-content {
	transform: translate(0%,0%);
	-webkit-transform: translate(0%,0%);
}

.courses-tittle{
	font-size: 100px !important;
    font-weight: 500 !important;
    color: #d1d3d5 !important;	
	font-family: 'Segoe UI';
	line-height:1;
}

.course-table .table-sm td, .table-sm th {
    padding: 0.2rem 1rem;
}
.coursesbox{
	background:#dbf3d1; 
	padding:2rem 2rem;
	margin-bottom:1.5rem !important;
}
.coursesbox h4{
	letter-spacing:1px;
	text-transform:uppercase;
	color:#414042;
	font-size:20px;
}

/*landing-page-css--*/
  
        .landing-page {
            background: #fff !important;
        }

        .landing-page p {
            font-size: 15px !important;
          
        }

      

        .landing-page ul li {
            margin: 3px 8px;
  
        }
		@media only screen and (max-width: 600px){
			 .landing-page ul li {
          
    width: 100%;
    max-width: 25%;
	
        }
		
		}

         .landing-page #image_with_text_overlay {
            position: relative;
        }
		@media only screen and (min-width: 778px){
		#image_with_text_overlay.overlay-cp-hold{
			position:relative;
			margin-right:-15px;
			margin-left:-15px;
			
		}
	}
@media only screen and (min-width: 778px){
        .imagetext-overlay-caption {
            top: 158px;
            right: -11px;
			position:absolute;

}
 .imagetext-overlay-caption {
top: 125px ;	
}
}

		@media only screen and (max-width: 776px){
		.imagetext-overlay-caption{
			 position: relative!important;
			
		}}

        .landing-page .imagetext-overlay-caption .clearfix {
            max-width: 620px;
            width: 100%;

        }

        /*.landing-page .imagetext-overlay-caption .contact-padding {
            padding: 2.5rem 2rem !important;
            background: #fff;

        }*/
@media only screen and (max-width: 776px){
	.landing-page .imagetext-overlay-caption .contact-padding {
		padding: 1rem  0.4rem !important;
	   

	}
	.course-table .table-sm td, .table-sm th {
	  padding: 0.2rem 0.2rem;
	}
}
        #apply-button {
            background: #ed573e;
            border: none;
            border-radius: 10px;
            background: #ed573e;
            border: none;
            border-radius: 10px;
            padding: 9px 20px;
            width: 200px;
            display: block;
            margin: 0px auto;
            text-align: center;
        }
		.landing-page fieldset{
			border:1px solid #c8c6c6;
			padding: 1rem;
			
		}
		.landing-page fieldset legend{
		
		width: 413px;
		margin:0px auto;
		}
		@media only screen and (max-width: 776px){
		.landing-page fieldset h5{
			font-size:12px !important;
			
		}}
		@media only screen and (min-width: 776px){
		.landing-page h1{
			font-size: 41px;
		}}
			@media only screen and (min-width: 776px){
		.landing-page .position-relative{
			position:relative;
			margin-right:-15px;
			margin-left:-15px;
			}}
			
			.landing-page-logo{
				position:absolute;
				top:10px;
				right:10px;
				    position: absolute;
    top: 27px;
    right: 27px;
    max-width: 184px;
    width: 100%;
			}
				@media only screen and (max-width: 667px){
			.landing-page.contact-padding{
				
    padding: 20px 7px !important;

				
			}
	}

.banner-page1 picture {
    overflow: hidden;
    display: block;
    position: relative;
    overflow: hidden;
    padding-bottom: 39.3333%;
}

.banner-page1 picture img {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}

.bg-darks picture {
    overflow: hidden;
    display: block;
    position: relative;
    overflow: hidden;
    padding-bottom: 39.3333%;
}

.bg-darks picture img {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}

.newsevents picture {
    overflow: hidden;
    display: block;
    position: relative;
    overflow: hidden;
    padding-bottom: 64%;
}

.newsevents picture img {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}


@media only screen and (max-width: 776px){
	.banner-page1 picture {
		overflow: hidden;
		display: block;
		position: relative;
		overflow: hidden;
		padding-bottom: 68.3333%;
	}
}

/*------------new-------css--------add--------*/
.request-information .form-group{
	text-align:right;
}
.request-information .form-group .btn-secondary{
	background-color:#ea2127;
	border-color:#ea2127;
}
.about-summer-sec{
	background-color:#f2eebf;
	background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    width: 100%;
    height: 100%;
}
.about-summer-sec h2, .learning-qutcomes h2{
	font-size:54px;
	color:#4d4d4d;
}
.program-highlights-sec h2{
	font-size:54px;
	color:#font-size:54px;
	color:#75c6f1;;
}
.about-summer-sec h5{
	font-size:27px;
	color:#4d4d4d;
	font-weight:600;
	
}
.about-summer-sec p{
	font-size:18px !important;
	color:#4d4d4d;
}
.about-summer-sec 	.btn, .student-studying-sec .btn, .footer-secs .btn{
	background-color:#e5232b;
	border-color:#e5232b ;
	color:#fff;
	border-radius:0px;
	font-size:16px !important;
	padding:8px 28px;
}
.footer-secs .btn{
	padding:5px 17px !important;
	font-size:27px !important;
	font-weight:700;
}
.footer-secs p a{
	font-size:40px;
	color:#4d4d4d;
	font-weight:700;
    text-decoration: none;
}
.footer-secs .card-text{
		color:#4d4d4d;
		font-size:32px !important;
}
.program-highlights-sec{
	background-color:#336799;
}
.program-highlights-sec .row .col-md-3 .text-column h4{
	font-size:100px;
	color:#73c8f1;
}
.program-highlights-sec .row .col-md-3 .text-column p{
	color:#fff;
	font-size:22px;
}
.program-highlights-sec .row .col-md-3 .text-column{
	display:flex;
	align-items:center;
	    justify-content: center;
}
.creatyour-unique-sec .col-md-3 .img-box p{
	font-size:14px !important;
}
.student-studying-sec{
	  background-image: url(../student-img-backgrou-bh.html);
	background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    width: 100%;
    height: 100%;
}
.learning-qutcomes{
	background-color:#e6e6e6;
}
.learning-qutcomes ul{
	
    padding-left: 6px !important;

}
.footer-secs{
	 background-image: url(../footer-banner-img.html);
	background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    width: 100%;
    height: 500px;
	object-fit:contain;
	margin-top:4rem ;
}
.request-information .imagetext-overlay-caption  .contact-padding .float-label .text_input{
	border:1px solid #040404 !important;
	border-radius:0px;
	box-shadow: rgba(99, 99, 99, 0.1) 0px 1px 2px 0px;
}
.request-information .landing-page {
    background-color: #eaf7ff !important;
}
.request-information{
	overflow:hidden;
}
@media only screen and (min-width: 768px){
	.program-highlights-sec .container{
		max-width:1140px;
	}
.program-highlights-sec .row .col-md-3{
	width:20%;
	    flex: 0 0 20%;
		margin:0px auto;

}
.about-summer-sec{
   background-image: url(../about-summer-bg-img.html);
	background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    width: 100%;
    height: 100%;
}

.request-information .imagetext-overlay-caption {
top: 93px  !important;	
}

}
@media only screen and (max-width: 767px){
	.program-highlights-sec h2, .learning-qutcomes h2 {
    font-size: 40px;}
	.about-summer-sec h2 {
    font-size: 39px;}
	.about-summer-sec h5 {
    font-size: 18px;}
	.summer-school ul li{
		max-width:100%; !important;
	}
	.creatyour-unique-sec .row .col-md-3 .img-box {
		padding:8px;
	}
	.about-summer-sec{
		padding-top: 2rem!important;
    padding-bottom: 2rem!important;
	}
	.student-studying-sec{
		padding-top:0.8rem !important;
		padding-bottom:2.2rem !important;
	}
	.program-highlights-sec{
		padding-bottom:0.7rem !important;
	}
	.footer-secs .card-text {
    font-size: 26px !important;
}
.footer-secs p a {
font-size: 31px;}
.footer-secs .btn {
font-size: 21px !important;}
.footer-secs{
	margin-top:2rem;
}
.footer-secs .row .col-md-4{
	padding-top: 7rem;
}
.imagetext-overlay-img{
	background:#eaf7fe !important;
}
}