/*!
Theme Name: Sre Anvi Melody Minds
Theme URI: https://sreanvimelodyminds.com/
Author: Webinfy.in
Author URI: https://www.webinfy.in/
Description: Master the timeless beauty of Indian Classical and Western music - learn from the comfort of your home or visit us at our Chennai or Trichy centre. Expert-guided lessons online and in-person, rooted in the sacred Carnatic tradition of Chennai.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sreanvimelodyminds
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Sre Anvi Melody Minds is based on Webinfy https://www.webinfy.in/, (C) 2012-2020 Automattic, Inc.
Webinfy is distributed under the terms of the GNU GPL v2 or later.*/

@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Viaoda+Libre&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section
{
    display: block;
}
body
{
    line-height: 1;
}
ol, ul
{
    list-style: none;
}
blockquote, q
{
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after
{
    content: '';
    content: none;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
*, *::after, *::before
{
    box-sizing: border-box;
}
:after, :before
{
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
::selection
{
    background:#076bdd; color:#fff; 
}
::-moz-selection
{
    background:#076bdd; color:#fff;
}
.scrollup
{    
    position: fixed;
    z-index: 9999;
    bottom: 20px;
    float: right;
    right: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    display: none;
    color: #141117;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background: #fff;
    z-index: 9999999;
    box-shadow: 0px 12px 26px rgb(0 0 0 / 36%);
    border-radius: 3px;
    font-size: 25px;
    text-align: center;
    line-height: 38px;
    font-weight: 100;
}
.scrollup:hover
{
    
}
body
{
    width:auto;
    margin:0;
    border:0;
    font-family: "Instrument Sans", sans-serif;
    /*font-family: "Viaoda Libre", serif;*/
  transition: background-color 1s ease;
}
img
{
    max-width:100%;
    vertical-align: middle;
    border: 0;
}
.clearfix:after
{
    display:block;
    visibility:hidden;
    overflow:hidden;
    clear:both !important;
    content:".";
    line-height:0;
    height:0;
}
.clearfix
{
    display:inline-block;
}
html[xmlns] .clearfix
{
    display:block;
}
*html .clearfix
{
    height:1%;
}
:focus
{
    outline:0;
}
.clear
{
    clear:both !important;
}
.clear:after
{
    display: block;
    content: "";
    clear: both;
}
.left
{
    float:left;
}
.right
{
    float:right;
}
p
{
    color: #000;
    line-height: 24px;
    font-size: 16px;
    font-weight: 300;
    margin: 15px 0;
}
p strong
{
    color: #db213d;
    font-weight: 600;
}
a
{
    color:#0667b0;
    text-decoration:none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
h1, h2, h3
{ 
    margin:15px 0;
}
ul.list, ul.listno, .listcontent ul, ul.wp-block-list
{
    padding:0;
    margin:15px 0;
    list-style:none;
} 
ul.list li, ul.listno li, .listcontent ul li, ul.wp-block-list li
{
    color: #000;
    line-height: 24px;
    font-size: 16px;
    font-weight: 300;
    padding-left: 16px;
    position: relative;
    margin-bottom: 5px;
}
ul.list li, ul.listno li
{
    counter-increment: mega-step;
}
ul.list li:before, .listcontent ul li:before, ul.wp-block-list li:before
{
    content: " ";
    position: absolute;
    top: 8px;
    left: 0;
    width: 8px;
    height: 8px;
    border: solid 2px #db213d;
    border-radius: 50%;
}
ul.listno li:before
{
    content: counter(mega-step, upper-roman);
    position: absolute;
    top: 0px;
    left: 0;
    width: 6px;
    height: 6px;
    color: #ff3c00;
    text-align:center;
}
ul.list li strong, ul.listno li strong, .listcontent ul li strong
{
    color:#000;
}
ul.list li span, ul.listno li span, .listcontent ul li span
{

    color:#2d3091;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder
{
    font-size: 15px;
    font-family: "Instrument Sans", sans-serif;
    color: #999;
}
input::-moz-placeholder, textarea::-moz-placeholder
{
    font-size: 15px;
    font-family: "Instrument Sans", sans-serif;
    color: #999;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder
{
    font-size: 15px;
    font-family: "Instrument Sans", sans-serif;
    color: #999;
}
input:-moz-placeholder, textarea:-moz-placeholder
{
    font-size: 15px;
    font-family: "Instrument Sans", sans-serif;
    color: #999;
}
.site
{
    
}
.wow
{
    visibility: hidden;
}

#preloader
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 9999999999;
}
#status
{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.loader-icon
{
    width: 88px;
    height: 150px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    text-align: center;
}
.loader-icon img
{
    width: 88px;
    height: 150px;
}
.menu-whatsapp-container
{
}
.menu-whatsapp-container a
{
    background: #2ab740 url(images/WhatsApp.svg) center center no-repeat;
    background-size: 36px;
    display: block;
    width: 50px;
    height: 50px;
    text-indent: -9999px;
    border-radius: 50%;
    box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
}
header
{
    position:relative;
}
.section
{
}
.footer
{
    
}
.menu-whatsapp-container
{
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 999999999;
}
.menu-whatsapp-container a
{
    background: #2ab740 url(images/WhatsApp.svg) center center no-repeat;
    background-size: 36px;
    display: block;
    width: 50px;
    height: 50px;
    text-indent: -9999px;
    border-radius: 50%;
    box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
}
.nav-shrink
{
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.site-header
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    z-index:999999;
    padding-right: 50px;
}
.site-header:hover
{
    background: #fff;
}
.nav-shrink.site-header
{
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    background: #fff;
}
.site-branding
{
    margin: 0;
}
.site-branding a
{
    display:block;
    position: relative;
    padding: 10px;
    background: #fff;
    border-radius: 0px 0px 10px 0px;
    z-index: 9;
}
.site-branding a:before
{
    content: " ";
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 7px;
    right: -16px;
    width: 36px;
    transform: skewX(-22deg);
    z-index: -8;
}
.site-branding a:after
{
	content: " ";
    width: 75px;
    height: 56px;
    position: absolute;
    border-radius: 50%;
    top: 0;
    right: -97px;
    box-shadow: -35px -35px 0 0 #fff;
    z-index: -8;
}
.enrollnow
{

}
.enrollnow a
{
    display: inline-block;
    color: #fff ;
    font-size: 14px;
    font-weight: 500;
    padding: 16px 50px 16px 20px;
    margin: 15px 0;
    border-radius: 6px;
    position: relative;
    border: solid 1px #fff;
    text-transform: uppercase;
    overflow: hidden;
}
.site-header:hover .enrollnow a
{
    border: solid 1px #db213d;
    color: #141117 ;
}
.nav-shrink .enrollnow a
{
    border: solid 1px #db213d;
    color: #141117 ;
}
.site-header:hover .enrollnow a:hover
{
    border: solid 1px #db213d;
    color: #fff;
}
.site-header:hover .enrollnow a:after
{
    color: #db213d;
}
.nav-shrink .enrollnow a:after
{
    color: #db213d;
}
.enrollnow a:hover
{
    color: #fff;
    background: #db213d;
    border: solid 1px #db213d;
    padding: 16px 20px 16px 50px;
}
.enrollnow a:before
{
    color: #fff;
    font-family: 'Material Symbols Outlined';
    content: "\e5c8";
    font-size: 21px;
    font-weight: 300;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-25px, -50%) rotate(0deg);
}
.enrollnow a:hover:before
{
    transform: translate(8px, -50%) rotate(0deg);
    color: #fff;
}
.enrollnow a:after
{
    color: #fff;
    font-family: 'Material Symbols Outlined';
    content: "\e5c8";
    font-size: 21px;
    font-weight: 300;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-8px, -50%) rotate(0deg);
}
.enrollnow a:hover:after
{
    transform: translate(20px, -50%) rotate(0deg);
}
.main-navigation
{
    margin-left: auto;
    margin-right: 50px;
}
.main-navigation ul
{
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.main-navigation ul li
{
    list-style: none;
    float: left;
    margin-left:30px;
    position: relative;
}
.main-navigation ul li a
{
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    display: block;
    position: relative;
    padding: 0px 0px;
    text-transform: uppercase;
    overflow: hidden;
}
.site-header:hover .main-navigation ul li a
{
    color: #141117;
}
.nav-shrink .main-navigation ul li a
{
    color: #141117;
}
.main-navigation ul li a span
{
  transform: translateY(0);
  display: block;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.main-navigation ul li a:hover span
{
  transform: translateY(-50px);
}
.main-navigation ul li a::before
{
  content: attr(data-hover);
  position: absolute;
  top: 100%; /* Positioned below the link */
  left: 0;
  width: 100%;
  text-align: center;
  transition: transform 0.3s ease;
}
.main-navigation ul li a:hover::before
{
  transform: translateY(-100%);
}
/*.main-navigation ul li a:before
{
    content:" ";
    position: absolute;
    top: -2px;
    left: 0;
    right: 0;
    width:0;
    height: 4px;
    background: #831238;
    opacity: 1;
    z-index: 99999999;
    margin:auto;
}
.main-navigation ul li a:hover:before
{
    width:100%;
}
.main-navigation ul li a:after
{
    content: " ";
    top: -10px;
    left: 0;
    right: 0;
    margin: auto;
    height: 0;
    width: 0;
    border: solid transparent;
    position: absolute;
    pointer-events: none;
    border-top-color: #341b84;
    border-width: 8px;
}
.main-navigation ul li a:hover:after
{
    top: 0px;
}
.main-navigation ul li:last-of-type a:after
{
    display:none;
}*/
.main-navigation ul li a:after
{
    content: " ";
    bottom: 0px;
    left: 0;
    right: 0;
    height: 2px;
    width: 0%;
    position: absolute;
    background: #fff;
    margin: auto;
    display: none;
}
.main-navigation ul li a:hover:after,.main-navigation ul li.active > a:after
{
    width: 100%;
}
.main-navigation ul li.subarrow
{
    
}
.main-navigation ul li.subarrow a
{
    position: relative;
}
.main-navigation ul li.subarrow a:before
{
    content: "\f107";
    font-family: 'FontAwesome';
    position: absolute;
    top: 33px;
    right: -17px;
    font-size: 22px;
    font-weight: 100;
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    line-height: 13px;
}
.main-navigation ul li.subarrow:hover a:before
{
    -webkit-transform: rotate(180deg) ;
    transform: rotate(180deg) ;
}
.main-navigation ul li:hover > a, .main-navigation ul li.active > a
{
    color:#db213d;
}
.site-header:hover .main-navigation ul li:hover > a, .site-header:hover .main-navigation ul li.active > a
{
    color:#db213d;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-ancestor > a
{
    color:#db213d;
}
.main-navigation .current_page_item > a:after,
.main-navigation .current-menu-ancestor > a:after
{
    width: 100%;
}
.main-navigation ul li .sub-menu
{
    position: absolute;
    display: none;
    background: #0e86c3;
    z-index: 9999999;
    box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.1);
    margin-left: -30px;
    padding: 2px 0px;
}
.main-navigation ul.sub-menu li
{
    list-style: none;
    margin: 0;
    display: block;
    width: 100%;
}
.main-navigation ul.sub-menu li a
{
    text-align: left;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    padding: 15px 30px;
    text-transform: none;
    text-wrap-mode: nowrap;
}
.main-navigation ul.sub-menu li a:hover
{
    background:#40ac39;
}
.main-navigation ul.sub-menu li:hover a
{
    
}
.main-navigation ul.sub-menu li a:before
{
    content: " ";
    background: #831238;
    position: absolute;
    left:0;
    right:auto;
    top:0px;
    bottom:0;
    width: 10px;
    height:4px;
    border-radius:3px;
    -webkit-transform:translateX(10px);
    transform:translateX(10px);
    opacity:0;
    display: none;
}
.main-navigation ul.sub-menu li a:hover:before
{
    -webkit-transform:translateX(-10px);
    transform:translateX(-10px);
    opacity:1;
}
.main-navigation ul.sub-menu li a:after
{
    display:none;
}
/*.nav ul li ul li .subnav
{
    position: absolute;
    display: none;
    background: #fff;
    z-index: 9999999;
    box-sizing: border-box;
    padding: 20px 0;
    top:0px;
    left: 100%;
    box-shadow: 0px 10px 16px rgba(104, 104, 104, 0.1);
    border-top:none;
    visibility:hidden;
}
.nav ul > li:hover ul, .nav ul li ul li:hover .subnav
{
    display:block;
    visibility:visible;
}*/
.main-navigation ul > li:hover .sub-menu
{
    display:block;
}
.main-navigation ul.sub-menu .current_page_item > a,
.main-navigation ul.sub-menu .current-menu-ancestor > a
{

    background: none;
}
.navbar
{
    font-size: 30px;
    cursor: pointer;
    color: #fff;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    display: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 27px;
}
.site-header:hover .navbar
{
    color: #141117;
}
.nav-shrink .navbar
{
    color: #141117;
}
.navbar span
{
    display: none !important;
}
.sidenav .menu-enroll-now-container
{
    margin-top: auto;
    width: 100%;
}
.sidenav .menu-enroll-now-container a
{
    display: block !important;
    color: #141117 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 16px 50px 16px 20px !important;
    margin: 15px 0 !important;
    border-radius: 6px !important;
    position: relative !important;
    border: solid 1px #db213d !important;
    text-transform: uppercase !important;
    overflow: hidden !important;
}
.sidenav .menu-enroll-now-container a:hover span
{
    transform: translateY(0%) !important;
}
.sidenav .menu-enroll-now-container a:hover
{
    color: #fff !important;
    background: #db213d;
    border: solid 1px #db213d;
    padding: 16px 20px 16px 50px;
    font-size: 14px !important;
}
.sidenav .menu-enroll-now-container:hover > a, .sidenav .menu-enroll-now-container.active > a
{
    color:#db213d;
}
.sidenav .menu-enroll-now-container a:before
{
    display: none !important;
}
.sidenav .menu-enroll-now-container a:hover:before
{
    transform: translate(0%) rotate(0deg) !important;
}
.sidenav .menu-enroll-now-container a:after
{
    color: #db213d;
    font-family: 'Material Symbols Outlined';
    content: "\e5c8";
    font-size: 21px;
    font-weight: 300;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-8px, -50%) rotate(0deg);
}
.sidenav .menu-enroll-now-container a:hover:after
{
    transform: translate(0px, -50%) rotate(0deg);
    color: #fff;
}
.sidenav
{
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999999;
    top: 0;
    right: 0;
    background: #fff;
    overflow-y: auto;
    transition: 0.5s;
    padding-top: 30px;
    display: flex;
    flex-wrap: wrap;
}
.sidenav ul
{
    padding: 0 20px 0 20px;
    margin: 0;
    list-style: none;
}
.sidenav ul li
{
    list-style: none;
    position: relative;
}
.sidenav ul li a
{
    color: #141117;
    font-size: 14px;
    font-weight: 500;
    display: block;
    position: relative;
    padding: 0px 0px;
    text-transform: uppercase;
    overflow: hidden;
    margin: 25px 0;
    text-align: left;
}
.sidenav ul li a span
{
  transform: translateY(0);
  display: block;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.sidenav ul li a:hover span
{
  transform: translateY(-50px);
}
.sidenav ul li a::before
{
  content: attr(data-hover);
  position: absolute;
  top: 100%; /* Positioned below the link */
  left: 0;
  width: 100%;
  text-align: left;
  transition: transform 0.3s ease;
}
.sidenav ul li a:hover::before
{
  transform: translateY(-100%);
}
.sidenav ul li:hover > a, .sidenav ul li.active > a
{
    color:#db213d;
}
.sidenav ul li ul
{
    display: none;
    z-index: 9999999;
    padding: 0 12px;
}
.sidenav ul li ul li
{
    list-style: none;
    float: none;
    margin: 0;
    display: block;
}
.sidenav ul ul li a
{
    padding: 10px 0px;
    text-align:left;
    font-size: 15px;
    color: #40ac39;
    font-weight: 400;
    width: auto;
    position: relative;
}
.sidenav ul ul li h3
{
    margin:0;
}
.sidenav ul ul li a:hover:before
{
    opacity:1;
}
.sidenav ul ul li a:hover, .sidenav ul ul li a:hover:before
{
    color: #fff;
}
.sidenav ul li ul:hover a
{
    
}
.sidenav ul > li:hover ul
{
    display:block;
}
.sidenav .closebtn
{
      position: absolute;
  top: 0;
  right: 0;
  z-index: 999;
  font-size: 45px;
  cursor: pointer;
  padding: 14px 9px;
  color: #141117;
}
.sidenav .closebtn:hoverr
{
    color:#141117;
}
.herocontainer
{
    width: 100%;
    height: 100vh;
}
.hero 
{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
    height: 100vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 9;
}
.hero:before, .entry-header:after, .entry-header-color:after
{
    content: " ";
    background: url(images/MusicNotes.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: -150px;
    bottom: 0;
    right: -500px;
    width: 1000px;
    height: 1000px;
    z-index: -8;
    animation: rotatewave 20s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;    
}
@keyframes rotatewave {
 0% {
 transform: rotate(0);
 }
 100% {
 transform: rotate(360deg);
 }
}
.hero:after
{
    content: " ";
    background: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -8;
}
.hero article
{
    width: 600px;
    height: 100vh;
    margin: auto;
    display: flex;
    align-items: center;
}
.hero article h1
{
    font-family: "Viaoda Libre", serif;
    color: #fff;
    font-size: 62px;
}
.hero article h1 span
{
    background: linear-gradient(40deg, rgba(172, 50, 182, 0.6), rgba(211, 36, 82, 0.6));
    display: inline-block;
    padding: 5px 10px;
    border-radius: 6px;
}
.hero article p
{
    color: #fff;
    font-size: 18px;
}
.hero article a.wp-block-button__link, .getintouch a.wp-block-button__link
{
    color: #fff;
}
.hero article .wp-block-button:first-of-type a.wp-block-button__link, .getintouch .wp-block-button:first-of-type a.wp-block-button__link
{
    background: #db213d;
}
.hero article a.wp-block-button__link:after, .getintouch a.wp-block-button__link:after
{
    color: #fff;
}
.hero article .wp-block-button:nth-of-type(2) a.wp-block-button__link, .getintouch .wp-block-button:nth-of-type(2) a.wp-block-button__link
{
    border: solid 1px #fff;
}
.hero article .wp-block-button:nth-of-type(2) a.wp-block-button__link:hover, .getintouch .wp-block-button:nth-of-type(2) a.wp-block-button__link:hover
{
    border: solid 1px #db213d;
}
.container
{
    padding-top:85px;
    padding-bottom:85px;
}
.row
{
    width:1200px;
    margin:auto;
}
.content
{
    width: 70%;
    padding-right: 50px;
}
.sidebar
{
    width: 30%;
}
.equalheight
{
    display:flex;
}
.alignmiddle
{
    display: flex;
    align-items: center;
}
.padding-top-none
{
    padding-top:0;
}
.padding-bottom-none
{
    padding-bottom:0;
}
.container h2
{
    font-family: "Viaoda Libre", serif;
    color: #141117;
    font-size: 42px;
    line-height: 46px;
}
.container h2 span
{
    color: #AF0000;
}
.container h3
{
    color: #db213d;
    font-size: 22px;
    font-weight: 600;
}
a.linkbox, a.wp-block-button__link, a.cfs-hyperlink
{
    display: inline-block;
    color: #141117;
    font-size: 14px;
    font-weight: 500;
    padding: 16px 50px 16px 20px;
    margin: 15px 0;
    border-radius: 6px;
    position: relative;
    background: none;
    border: solid 1px #db213d;
    text-transform: uppercase;
    overflow: hidden;
}
a.linkbox:hover, a.wp-block-button__link:hover, a.cfs-hyperlink:hover
{
    color: #fff;
    background: #db213d;
    border: solid 1px #db213d;
    padding: 16px 20px 16px 50px;
}
a.linkbox:before, a.wp-block-button__link:before, a.cfs-hyperlink:before
{
    color: #db213d;
    font-family: 'Material Symbols Outlined';
    content: "\e5c8";
    font-size: 21px;
    font-weight: 300;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-25px, -50%) rotate(0deg);
}
a.linkbox:hover:before, a.wp-block-button__link:hover:before, a.cfs-hyperlink:hover:before
{
    transform: translate(8px, -50%) rotate(0deg);
    color: #fff;
}
a.linkbox:after, a.wp-block-button__link:after, a.cfs-hyperlink:after
{
    color: #db213d;
    font-family: 'Material Symbols Outlined';
    content: "\e5c8";
    font-size: 21px;
    font-weight: 300;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-8px, -50%) rotate(0deg);
}
a.linkbox:hover:after, a.wp-block-button__link:hover:after, a.cfs-hyperlink:hover:after
{
    transform: translate(20px, -50%) rotate(0deg);
}
.wp-block-columns, .wp-block-image
{
    margin-bottom: 0 !important;
}
.intro
{
    position: relative;
    overflow: hidden;
    background: #fff;
    z-index: 9;
}
.color-white
{
  background-color: #fff;
}
.color-transparent
{
  background-color: transparent;
}
.intro:before
{
    content: " ";
    background: url(images/MusicNotesColor.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -300px;
    width: 700px;
    height: 700px;
    z-index: -8;
    animation: rotatewave 20s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
}
.intro .row
{
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 20px;
}
.intro-list
{
    display: flex;
}
.intro-list ul
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}
.intro-list ul li
{
    margin: 15px 0;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: solid 1px #9839eb;
    padding: 15px 30px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    animation: animationlist 2s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;    
}
.intro-list ul li:nth-of-type(2)
{
    animation-delay: 1s;    
}
@keyframes animationlist
{
    0%
    {
        transform: translateY(0px);
    }
    50%
    {
        transform: translateY(30px);
    }
    100%
    {
        transform: translateY(0px);
    }
}
.intro-list ul li img
{
    margin: 15px 0;
    height: 50px;
    width: 50px;
}
.intro-list ul li h3
{
    font-family: "Viaoda Libre", serif;
    color: #141117;
    font-size: 26px;
    line-height: 34px;
    margin-top: auto;
    font-weight: 300;
}
.intro-image
{
    
}
.intro-image img
{
    margin: 15px 0;
    border-radius: 6px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.intro-content
{
    
}
.intro-content p
{
    line-height: 30px;
    font-size: 26px;
}
.feature-programs
{
    overflow: hidden;
}
.color-coldblack
{
  background-color: #141117;
}
.feature-programs-content, .faculty-content, .carrers-intro-content, .why-anvi-content
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}
.feature-programs-content h3, .faculty-content h3, .testimonials h3, .carrers-intro-content h3, .why-anvi-content h3, .career-contact-content h3
{
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}
.feature-programs-content h2,
.feature-programs-content p,
.career-contact-content h3,
.career-contact-content h2,
.career-contact-content p
{
    color: #fff;
}
.programs-slider
{
    display:flex;
    flex-wrap:nowrap;
    gap: 30px;
    padding: 0 50px;
    counter-reset: item;
}
.OtherProgramsSliders
{
    counter-reset: item;
}
.programs-slider a, .programs ul li a, .OtherProgramsSliders .item a
{
    display: block;
    position: relative;
    flex-shrink:0;
    z-index: 9;
    overflow: hidden;
}
.OtherProgramsSliders .item a
{
    text-align: left;
}
.programs-slider a:before, .programs ul li a:before, .OtherProgramsSliders .item a:before
{
    content: " ";
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    border: dotted 1px #fff;
    margin: 10px;
    z-index: 999;
    border-radius: 8px;
    opacity: 0;
}
.programs-slider a:hover:before, .programs ul li a, .OtherProgramsSliders .item a:hover:before
{
    opacity: 1;
}
.programs-slider a:after, .programs ul li a:after, .OtherProgramsSliders .item a:after
{
    counter-increment: item;
    content: counter(item, decimal-leading-zero) "";
    position: absolute;
    top: 20px;
    right: 20px;
    color: #fff;
}
.programs-slider a figure, .programs ul li a figure, .OtherProgramsSliders .item a figure
{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.programs-slider a figure:after, .programs ul li a figure:after, .OtherProgramsSliders .item a figure:after
{
    content: " ";
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.programs-slider a figure img
{
    width: 400px !important;
}
.programs-slider a figure img, .programs ul li a figure img, .OtherProgramsSliders .item a figure img
{
    width: 100%;
    height: 450px;
    object-fit: cover;
    object-position: center;
    transform: scale(1);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.programs-slider a:hover figure img, .programs ul li a:hover figure img, .OtherProgramsSliders .item a:hover figure img
{
    transform: scale(1.2);
}
.programs-slider a figcaption, .programs ul li a figcaption, .OtherProgramsSliders .item a figcaption
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
}
.programs-slider a figcaption h3, .programs ul li a figcaption h3, .OtherProgramsSliders .item a figcaption h3
{    
    font-family: "Viaoda Libre", serif;
    color: #fff;
    font-size: 32px;
    line-height: 38px;
    font-weight: normal;
    transform: translateY(105px);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.programs-slider a figcaption p, .programs ul li a figcaption p, .OtherProgramsSliders .item a figcaption p
{    
    color: #fff;
    transform: translateY(105px);
    opacity: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    transition-delay: 0.1s;
}
.programs-slider a:hover figcaption p,
.programs-slider a:hover figcaption h3,
.programs ul li a:hover figcaption p,
.programs a:hover figcaption h3,
.OtherProgramsSliders .item a:hover figcaption p,
.OtherProgramsSliders .item a:hover figcaption h3
{    
    transform: translateY(0px);
    opacity: 1;
}
.programs-slider a:hover figcaption p, .programs ul li a:hover figcaption p, .OtherProgramsSliders .item a:hover figcaption p
{    
    transition-delay: -0.1s;
}
.faculty-container
{
    position: relative;
    background: #fff;
    z-index: 9;
}
.faculty-content
{

}
.faculty-list
{

}
.faculty-list ul
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}
.faculty-list ul li
{
    padding: 20px;
    border-radius: 10px;
    border-top: solid 1px #f1e8db;
    border-left: solid 1px #f1e8db;
    box-shadow: 0px 12px 22px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-wrap: wrap;
}
.faculty-list ul li h3
{
    font-family: "Viaoda Libre", serif;
    color: #141117;
    font-size: 32px;
    line-height: 25px;
    font-weight: normal;
    margin-top: 0;
}
.faculty-list ul li h3 small
{
    font-size: 16px;
    display: block;
}
.faculty-list ul li img
{
    border-radius: 7px;
    width: 100%;
    height: 350px;
    object-fit: cover;
    object-position: top;
}
.faculty-list ul li div
{
    padding: 10px 0;
    border-top: solid 1px #f1e8db;
    border-bottom: solid 1px #f1e8db;
    margin-top: 15px;
    display: flex;
    width: 100%;
}
.faculty-list ul li div h4, .entry-header-color h4
{
    color: #000;
    line-height: 20px;
    font-size: 14px;
    font-weight: 300;
    display: flex;
    align-items: center;
}
.entry-header-color h4
{
    color: #fff;
    float: left;
    margin-right: 15px;
}
.faculty-list ul li div h4 span, .entry-header-color h4 span
{
    display: inline-block;
    color: #db213d;
    font-family: "Viaoda Libre", serif;
    font-size: 24px;
    font-weight: 600;
    margin-right: 3px;
}
.faculty-list ul li div h4 span:after, .entry-header-color h4 span:after
{
    content: "+";
}
.faculty-list ul li .workcateg
{
    margin-top: auto;
    margin-bottom: 30px;
}
.faculty-list ul li .workcateg span, .faculty-details p span
{
    border-radius: 10px;
    border: solid 1px #db213d;
    color: #db213d;
    font-size: 14px;
    padding: 0 7px;
    margin-right: 3px;
}
.faculty-list ul li .workcateg span
{
    padding: 3px 8px;
}
.faculty-list ul li a
{
    display: inline-block;
    color: #db213d;
    font-size: 14px;
    font-weight: 500;
    padding: 0 30px 0 0px;
    margin-top: auto;
    position: relative;
    text-transform: uppercase;
    overflow: hidden;
}
.faculty-list ul li a:hover
{
    padding: 0 0 0 30px;
}
.faculty-list ul li a:before
{
    color: #db213d;
    font-family: 'Material Symbols Outlined';
    content: "\e5c8";
    font-size: 21px;
    font-weight: 300;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-18px, -50%) rotate(0deg);
}
.faculty-list ul li a:hover:before
{
    transform: translate(0px, -50%) rotate(0deg);
}
.faculty-list ul li a:after
{
    color: #db213d;
    font-family: 'Material Symbols Outlined';
    content: "\e5c8";
    font-size: 21px;
    font-weight: 300;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-8px, -50%) rotate(0deg);
}
.faculty-list ul li a:hover:after
{
    transform: translate(20px, -50%) rotate(0deg);
}
.sankar, .explore-gallery
{
  background-image: linear-gradient( -10deg, #ab32ba 0%, #d42450 25%, #6709cf 50%, #ff00c0 100%);
  animation: unicorn-slide 10s ease infinite;
  -webkit-animation: unicorn-slide 10s ease infinite;
  background-size: 200% 200%;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 9;
}
@keyframes unicorn-slide {
      0% { background-position: 0% 50% }
      50% { background-position: 100% 50% }
      100% { background-position: 0% 50% }
   }

    @-webkit-keyframes unicorn-slide {
      0% { background-position: 0% 50% }
      50% { background-position: 100% 50% }
      100% { background-position: 0% 50% }
   }

.sankar:before, .getintouch:before
{
    content: " ";
    background: url(images/MusicNotesWhite.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -8;
    animation: rotatewave 20s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
    margin: auto;
    opacity: 0.2; 
}
.sankar .row, .explore-gallery .row
{
    max-width: 800px;
    text-align: center;
}
.sankar .row h1, .getintouch h1, .explore-gallery .row h1
{
    font-family: "Viaoda Libre", serif;
    color: #fff;
    font-size: 60px;
    line-height: 60px;
}
.sankar .row p, .explore-gallery .row p
{
    color: #fff;
}
.sankar .row a.cfs-hyperlink, .explore-gallery .row a.cfs-hyperlink, .careers-form-content a.cfs-hyperlink
{
    color: #fff;
    border:solid 1px #fff;
}
.careers-form-content a.cfs-hyperlink
{
    background: rgba(0,0,0,0.5);
}
.sankar .row a.cfs-hyperlink:hover, .explore-gallery .row a.cfs-hyperlink:hover, .careers-form-content a.cfs-hyperlink:hover
{
    border:solid 1px #db213d;
}
.sankar .row a.cfs-hyperlink:after, .explore-gallery .row a.cfs-hyperlink:after, .careers-form-content a.cfs-hyperlink:after
{
    color: #fff;
}
.testimonials
{
    text-align: center;
}
.testimonials .owl-carousel,
.OtherProgramsSliders
{
    margin-top: 30px;
    padding-bottom: 75px;
}
.testimonials .owl-dots,
.OtherProgramsSliders .owl-dots
{
    display: none;
}
.testimonials .owl-carousel .owl-stage
{
    display: flex;
}
.testimonials .owl-carousel.owl-drag .owl-item
{
    display: flex;
}
.testimonials .TestimonialsSlider .item
{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    background: #f7eef7;
    text-align: left;
    padding: 15px 30px;
    border-radius: 10px;
}
.testimonials .TestimonialsSlider .item:after
{
    content: "\f10e";
    font-family: 'FontAwesome';
    color: #db213d;
    font-size: 50px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    mix-blend-mode: color-burn;
}
.testimonials .TestimonialsSlider .item h3
{
    font-family: "Viaoda Libre", serif;
    color: #141117;
    font-size: 24px;
    font-weight: normal;
    line-height: 24px;
    text-transform: none;
}
.testimonials .TestimonialsSlider .item h3 small
{
    color: #db213d;
    font-size: 15px;
    display: block;
}
.getintouch
{
    position: relative;
    z-index: 9;
    overflow: hidden;
}
.getintouch:before
{
    opacity: 0.05; 
}
.getintouch .wp-block-image .aligncenter
{
    width: 100px;
    height: 100px;
    background: rgba(41,27,55,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    animation: rotatewave 10s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
}
.getintouch p
{
    color: #fff;
}

.site-footer
{
    background: #fff;
    position: relative;
    z-index: 9;
}
.footer-content
{
    width: 330px;
}
.footer-content p strong
{
    color:#fff !important;
    font-weight:300 !important;
}
.footer-content .wp-block-image a:after
{
    bottom: 8px;
    left: 26px;
    display: none;
}
.site-footer article
{
    padding: 85px 0;
}
.site-footer article h2
{
    font-family: "Viaoda Libre", serif;
    color: #141117;
    font-size: 30px;
    line-height: 36px;
}
.site-footer article p a:hover
{
    text-decoration:none;    
}
.site-footer article p strong
{
    color:#db213d;
}
.site-footer article aside
{
    margin-right: 8%;
}
.site-footer article aside:nth-of-type(3), .site-footer article aside:last-of-type
{
    margin-right: 0;
}
.site-footer .menu-primary-menu-container, .site-footer .menu-our-programs-container
{
    
}
.site-footer .menu-primary-menu-container ul, .site-footer .menu-our-programs-container ul
{
    padding:0;
    margin:0;
}
.site-footer .menu-primary-menu-container ul li, .site-footer .menu-our-programs-container ul li
{
    margin-bottom: 10px;
}
.site-footer .menu-primary-menu-container ul li a, .site-footer .menu-our-programs-container ul li a
{
    color: #141117;
    line-height: 24px;
    font-size: 16px;
    font-weight: 300;
    position: relative;
}
.site-footer .menu-primary-menu-container ul li a:hover, .site-footer .menu-our-programs-container ul li a:hover
{
    color: #db213d;
}
.site-footer .menu-primary-menu-container ul li a:before, .site-footer .menu-our-programs-container ul li a:before
{
    content: " ";
    background: #db213d;
    position: absolute;
    top: 9.5px;
    right: 105%;
    width: 0;
    height: 2px;
}
.site-footer .menu-primary-menu-container ul li a:hover:before, .site-footer .menu-our-programs-container ul li a:hover:before
{
    width: 10px;
}
.menu-follow-us-container
{
   
}
.menu-follow-us-container li
{
   float: left;
    margin-right: 5px;
}
.menu-follow-us-container li a
{
    display: block;
    background: #4267b2;
    color: #fff;
    width: 42px;
    height: 42px;
    text-align: center;
    padding: 9px 0;
    font-size: 24px;
    border-radius: 50%;
    float: left;
}
.menu-follow-us-container li:nth-of-type(2) a
{
    background: #f09433; 
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.menu-follow-us-container li:nth-of-type(3) a
{

    background: #fe1101;
}
.menu-follow-us-container li:nth-of-type(4) a
{
    background: #0076b4;
}
.menu-follow-us-container li:nth-of-type(5) a
{
    background: #1da1f3;
}
.site-info
{
    background: #141117;
    padding: 20px 0;
}
.site-info p{color: #fff;}
.site-info strong{font-weight: 500;color: #fff;}
.site-info a{color: #db213d;font-weight: 500}
.site-info a:hover{color: #fff;}
.error-404
{
    padding: 15px 20px;
    position: relative;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 75px 20px 100px 20px;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    border-bottom: solid 2px #fff;
}
.error-404
{
    padding: 75px 20px 100px 20px;
    border-top:solid 1px #cccccc;
}
.error-404 h1
{
    font-size: 54px;
    font-weight: 500;
    color: #6d6d6d;
    line-height: 54px;
}
.entry-header-wrap
{
    width: 100%;
    height: 80vh;
}
.entry-header
{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 80vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 9;
    display: flex;
    overflow: hidden;
}
.entry-header-color
{
    position: relative;
    background: #141117;
    height: 300px;
    overflow: hidden;
    display: flex;
    z-index: 9;
}
.error-404 h1 small
{
    display: block;
    text-transform: uppercase;
    font-size: 22px;
}
.entry-header:before
{
    content: " ";
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -8;
}
.entry-header:after
{
    top: 0;
    bottom: 0;
    right: -400px;
    width: 800px;
    height: 800px;
}
.entry-header .row, .entry-header-color .row
{
    margin: auto auto 50px auto;
}
.entry-header aside, .entry-header-color aside
{
    width: 600px;
}
.entry-header h1, .entry-header-color h1
{
    font-family: "Viaoda Libre", serif;
    color: #fff;
    font-size: 62px;
    position: relative;
}
.entry-header-color h1 small
{
    font-size: 18px;
    display: block;
    font-weight: 400;
    color: #fff;
}
.entry-header h1:before
{
    content: " ";
    background: #db213d;
    position: absolute;
    bottom: 0;
    left: -30px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    z-index: -78;
    mix-blend-mode: overlay;
}
.entry-header p, .entry-header-color p
{
    color: #fff;
    font-size: 18px;
}
.entry-header nav, .entry-header-color nav
{
    position: absolute;
    bottom: 15px;
    right: 0px;
}
.entry-header nav ul, .entry-header-color nav ul
{
    padding: 0;
    margin: 0;
}
.entry-header nav ul li, .entry-header-color nav ul li
{
    float: left;
    color: #fff;
    font-size: 12px;
    font-weight:400;
    margin-right: 25px;
    position: relative;
    text-transform: uppercase;
}
.entry-header nav ul li:first-of-type:before, .entry-header-color nav ul li:first-of-type:before
{
    display:none;
}
.entry-header nav ul li:before, .entry-header-color nav ul li:before
{
    content: " ";
    top: 0;
    bottom: 0;
    left: -13px;
    width: 0;
    position: absolute;
    border-left: dotted 1px #fff;
}
.entry-header nav ul li a, .entry-header-color nav ul li a
{
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}
.entry-header nav ul li a:hover, .entry-header-color nav ul li a:hover
{
    color: #fff;
    text-decoration: overline;
}
.contactus .formfield
{
    width: 60%;
}
.programs
{
    position: relative;
    background: #fff;
    z-index: 9;
}
.programs ul
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    counter-reset: item;
}
.programs ul li
{
    
}
.program-details
{
    position: relative;
    background: #fff;
    z-index: 9;
}
.quickfacts
{
    width: 35%;
    background-image: linear-gradient(-10deg, #ab32ba 0%, #d42450 25%, #6709cf 50%, #ff00c0 100%);
    padding: 15px 30px;
    border-radius: 0 0 10px 10px;
    position: sticky;
    margin-top: -86px;
    top: 100px;
}
.quickfacts h2
{
    color: #fff;
    font-size: 32px;
    line-height: 38px;
}
.quickfacts p
{
    color: #fff;
    display: flex;
    text-align: right;
    border-top: solid 1px rgba(255, 255, 255, 0.1);
    margin: 0;
    padding: 10px 0;
}
.quickfacts p span
{
    display: inline-block;
    width: 30%;
    margin-right: auto;
    text-align: left;
    position: relative;
}
.quickfacts p span:after
{
    content: ":";
    position: absolute;
    top: 0;
    right: 0;
}
.quickfacts p strong
{
    width: 70%;
    color: #fff;
    font-weight: 400;
}
.program-content
{
    width: 60%;
}
.what-you-will-learn
{
    background: #f7eef7;
    margin: 20px 0;
    border-radius: 10px;
    padding: 15px 30px;
}
.what-you-will-learn ul
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-bottom: 15px;
}
.what-you-will-learn ul li
{
    background: #fff;
    border-radius: 10px;
    padding: 5px 20px 5px 46px;
    box-shadow: 2px 3px 6px #dfcedf;
    position: relative;
}
.what-you-will-learn ul li:before
{
    color: #db213d;
    font-family: 'Material Symbols Outlined';
    content: "\f1fe";
    font-size: 28px;
    font-weight: 200;
    position: absolute;
    top: 22px;
    left: 17px;
}
.availability, .flexible
{
    border: solid 1px #db213d;
    background: #fff;
    padding: 15px 30px 15px 120px;
    border-radius: 10px;
    position: relative;
}
.availability h2, .flexible h2
{
    font-size: 34px;
    line-height: 28px;
}
.availability h2 small
{
    font-size: 20px;
    display: block;
    color: #db213d;
}
.other-programs
{
    text-align: center;
}
.flexible
{
}
.flexible span, .availability span
{
    background: #db213d;
    color: #fff;
    font-size: 50px;
    font-weight: 100;
    position: absolute;
    top: 20px;
    left: 30px;
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;;
    justify-content: center;
    border-radius: 50%;
    z-index: 9;
}
.flexible span:after, .availability span:after
{
    content: " ";
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
    background-color: #db213d;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
    z-index: -8;
}
@-webkit-keyframes ripple
{
    0%
    {
        -webkit-transform: scale(-1);
        transform: scale(-1);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: scale(-1.5);
        transform: scale(-1.5);
    }
}
@keyframes ripple
{
    0%
    {
        -webkit-transform: scale(-1);
        transform: scale(-1);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: scale(-1.5);
        transform: scale(-1.5);
    }
}
.facultytab
{
    background: #f7eef7;
    position: relative;
    z-index: 9;
}
.facultytab ul
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
.facultytab ul li
{
    background: #fff;
    border-radius: 10px;
    padding: 35px 50px;
    box-shadow: 2px 3px 6px #dfcedf;
}
.facultytab ul li img
{
    margin: 15px 0;
}
.facultytab ul li h3
{
    font-family: "Viaoda Libre", serif;
    font-weight: 400;
    font-size: 26px;
}
.faculty-photo
{
    width: 35%;
    border: solid 1px #db213d;
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    position: sticky;
    top: 100px;
    margin-top: -125px;
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.2);
}
.faculty-photo img
{
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: top center;
    border-radius: 6px;
}
.faculty-details
{
    width: 60%;
}
.faculty-details blockquote
{
    border-left: solid 2px #db213d;
    padding-left: 20px;
}
.events-intro
{    
    position: relative;
    background: #fff;
    z-index: 9;
}
.events-content
{    
    width: 40%;
}
.events-list
{    
    width: 56%;
}
.events-list ul
{    
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
}
.events-list ul li
{    
    background: #f7eef7;
    text-align: left;
    padding: 15px 30px;
    border-radius: 10px;
}
.events-list ul li:nth-of-type(2)
{    
    background: #fff;
    box-shadow: 0px 12px 22px rgba(0, 0, 0, 0.1);
    border:solid 1px #db213d;
}
.events-list ul li img
{    
    margin: 15px 0;
}
.events-list ul li h3
{    
    font-family: "Viaoda Libre", serif;
    font-weight: 500;
    font-size: 32px;
}
.explore-gallery
{

}
.explore-gallery h3
{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}
.menu-gallery-nav-container
{
    position: relative;
    background: #fff;
    z-index: 9;
    padding: 50px 0 50px 0;
}
.menu-gallery-nav-container #gallery-nav
{
    width: 1200px;
    margin: auto;
}
.menu-gallery-nav-container ul
{
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.menu-gallery-nav-container ul li
{
    list-style: none;
    float: left;
    margin-right:30px;
    margin-right:30px;
    position: relative;
}
.menu-gallery-nav-container ul li a
{
    color: #141117;
    font-size: 14px;
    font-weight: 500;
    display: block;
    position: relative;
    padding: 5px 0px;
    text-transform: uppercase;
    overflow: hidden;
}
.menu-gallery-nav-container ul li a span
{
  transform: translateY(0);
  display: block;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.menu-gallery-nav-container ul li a:hover span
{
  transform: translateY(-50px);
}
.menu-gallery-nav-container ul li a::before
{
  content: attr(data-hover);
  position: absolute;
  top: 100%; /* Positioned below the link */
  left: 0;
  width: 100%;
  text-align: center;
  transition: transform 0.3s ease;
}
.menu-gallery-nav-container ul li a:hover::before
{
  transform: translateY(-100%);
}
.menu-gallery-nav-container ul li a:after
{
    content: " ";
    background: #db213d;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 2px;
    width: 0%;
    position: absolute;
}
.menu-gallery-nav-container ul li a:hover:after,.menu-gallery-nav-container ul li.active > a:after
{
    width: 100%;
}
.menu-gallery-nav-container ul li:hover > a, .menu-gallery-nav-container ul li.active > a
{
    color:#db213d;
}
.menu-gallery-nav-container .current_page_item > a,
.menu-gallery-nav-container .current-menu-ancestor > a
{
    color:#db213d;
}
.menu-gallery-nav-container .current_page_item > a:after,
.menu-gallery-nav-container .current-menu-ancestor > a:after
{
    width: 100%;
}
.photo-gallery-title
{
    position: relative;
    background: #fff;
    z-index: 9;
}
.photo-gallery-title ul
{
    padding: 0;
    margin: -20px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.photo-gallery-title ul li
{
    float: left;
    list-style: none;
    width: 33.333333%;
}
.photo-gallery-title ul li a
{
    display: block;
    margin: 20px;
    position: relative;
    background: #f7eef7;
    border-radius: 0 0 10px 10px;
}
.photo-gallery-title ul li a:hover
{
    background: #fff;
    box-shadow: 0px 12px 22px rgba(0, 0, 0, 0.1);
}
.photo-gallery-title ul li a figure
{
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.photo-gallery-title ul li a figure img
{
    width: 100%;
    height: 240px;
    object-fit: cover;
    object-position: center;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.photo-gallery-title ul li a:hover figure img
{
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}
.photo-gallery-title ul li a figure:before
{
    content: " ";
    position: absolute;
    display: block;
    background: rgba(0, 0, 0, 0.9);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-tranistion: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    z-index: 9;
    opacity: 0;
}
.photo-gallery-title  ul li a figure:hover:before
{
    opacity:.5
}
.photo-gallery-title ul li a figure:after
{
    content: "\f00e";
    color: #fff;
    background: rgba(0,0,0,0.5);
    font-family: 'FontAwesome';
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 60px;
    height: 60px;
    margin: auto;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 99;
    border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    opacity: 0;
}
.photo-gallery-title ul li a figure:hover:after
{
    opacity: 1;
}
.photo-gallery-title ul li p
{
    font-size: 17px;
    padding: 12px;
    margin: 0;
    font-weight: 500;
	position: relative;
}
.photo-gallery-title ul li a p:after
{
    font-family: 'Material Symbols Outlined';
    content: "\e5c8";
    font-size: 24px;
    color: #db213d;
    font-weight: 300;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translate(0px, -50%);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}
.photo-gallery-title ul li a:hover p:after
{
    background: #db213d;
    color: #fff
}
.photo-gallery
{
    position: relative;
    background: #fff;
    z-index: 9;
}
.photo-gallery ul
{
    padding: 0;
    margin: -20px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.photo-gallery ul li
{
    float: left;
    list-style: none;
    width: 33.333333%;
}
.photo-gallery ul li a
{
    display: block;
    margin: 20px;
    position: relative;
    background: #f7eef7;
    border-radius: 10px;
    overflow: hidden;
}
.photo-gallery ul li a:hover
{
    background: #fff;
    box-shadow: 0px 12px 22px rgba(0, 0, 0, 0.1);
}
.photo-gallery ul li a img
{
    width: 100%;
    height: 240px;
    object-fit: cover;
    object-position: center;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.photo-gallery ul li a:hover img
{
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}
.photo-gallery ul li a:before
{
    content: " ";
    position: absolute;
    display: block;
    background: rgba(0, 0, 0, 0.9);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-tranistion: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    z-index: 9;
    opacity: 0;
}
.photo-gallery  ul li a:hover:before
{
    opacity:.5
}
.photo-gallery ul li a:after
{
    content: "\f00e";
    color: #fff;
    background: rgba(0,0,0,0.5);
    font-family: 'FontAwesome';
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 60px;
    height: 60px;
    margin: auto;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 99;
    border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    opacity: 0;
}
.photo-gallery ul li a:hover:after
{
    opacity: 1;
}
.video-gallery
{
    position: relative;
    background: #fff;
    z-index: 9;
	padding-top: 5px;
	text-align: center;
}
.video-gallery h2
{
    margin:50px 0 0 0;
}
.video-gallery a.cfs-hyperlink
{
    margin:50px 0 15px 0;
}
.video-gallery ul
{
    padding:30px 0 0 0;
    margin:30px 0 0 0;
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
	border-top:dotted 1px #db213d;
}
.video-gallery ul li
{
	
}
.videoWrapper
{
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-gallery ul li a.cfs-hyperlink
{
	margin-top: 30px;
}
.carrers-intro
{
    position: relative;
    background: #fff;
    z-index: 9;
}
.opening-jobs
{    
    position: relative;
    background: #fff;
    z-index: 9;
}
.opening-jobs .row
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.opening-jobs .row article
{
    border: solid 1px #f7eef7;
    background: #f7eef7;
    padding: 35px 50px;
    border-radius: 10px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
}
.opening-jobs .row article h2
{
    font-size: 34px;
    line-height: 40px;
    margin: 0;
}
.opening-jobs .row article h3
{
    font-family: "Viaoda Libre", serif;
    font-size: 26px;
    line-height: 30px;
    font-weight: 400;
    margin: 0;
}
.opening-jobs .row article:hover
{
    background: #fff;
    box-shadow: 0px 12px 22px rgba(0, 0, 0, 0.1);
    border: solid 1px #db213d;
}
.opening-jobs .row .linkbox
{
    margin-top: auto;
    width: 160px;
}
.why-anvi
{    
    position: relative;
    background: #f7eef7;
    z-index: 9;
}
.why-anvi ul
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
.why-anvi ul li
{
    background: #fff;
    border-radius: 10px;
    padding: 35px 50px;
    box-shadow: 2px 3px 6px #dfcedf;
}
.why-anvi ul li img
{
    margin: 15px 0;
}
.why-anvi ul li h3
{
    font-family: "Viaoda Libre", serif;
    font-weight: 400;
    font-size: 26px;
}
.career-contact
{
    background-image: linear-gradient(-10deg, #ab32ba 0%, #d42450 25%, #6709cf 50%, #ff00c0 100%);
    animation: unicorn-slide 10s ease infinite;
    -webkit-animation: unicorn-slide 10s ease infinite;
    background-size: 200% 200%;
    position: relative;
    z-index: 9;
}
.career-contact-content
{
    width: 50%;
}
.career-contact-button
{    
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}
.career-contact-button a
{
    display: block;
    float: left;
    color: #fff;
    font-size: 17px;
    padding: 30px 30px;
    background: rgba(255, 255, 255, 0.1);
    border: solid 1px rgba(255, 255, 255, 0.1);
    width: 200px;
    border-radius: 10px;
}
.career-contact-button a:hover
{
    color: #db213d;
    background: rgba(255, 255, 255);
    border: solid 1px #db213d;
}
.career-contact-button a small
{
    display: block;
    font-size: 13px;
    margin-top: 10px;
    line-height: 16px;
}
.career-contact-button a:hover small
{
    color: #141117;
}
.career-contact-button a:before
{
    color: #fff;
    font-family: 'Material Symbols Outlined';
    content: "\e158";
    font-size: 46px;
    font-weight: 100;
    display: block;
    padding: 0;
    margin: -10px 0 15px -5px;
}
.career-contact-button a:nth-of-type(2):before
{
    content: "\e0b0";
}
.career-contact-button a:hover:before
{
    color: #db213d;
}
.careers-form
{

}
.careers-form .row
{
    display: flex;
}
.careers-form-content
{
    width: 35%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 35px 50px;
    border-radius: 10px;
}
.careers-form-content h1
{
    font-family: "Viaoda Libre", serif;
    color: #fff;
    font-size: 42px;
    line-height: 46px;
}
.careers-form-content p
{
    color: #fff;
    font-size: 18px;
}
.careers-form .formfield
{
    width: 60%;
    margin-left: auto;
}
.formfield
{
    
}
.formfield form
{
    margin: -10px;
}
.formfield input::-webkit-input-placeholder,
.formfield textarea::-webkit-input-placeholder,
.contactus input::-webkit-input-placeholder,
.formfield textarea::-webkit-input-placeholder
{
    color: #000;
    font-family: "Instrument Sans", sans-serif;
    font-weight:400;
    font-size:15px;
}
.formfield input::-moz-placeholder,
.formfield textarea::-moz-placeholder,
.contactus input::-moz-placeholder,
.formfield textarea::-moz-placeholder
{
    color: #000;
    font-family: "Instrument Sans", sans-serif;
    font-weight:400;
    font-size:15px;
}
.formfield input:-ms-input-placeholder,
.formfield textarea:-ms-input-placeholder,
.contactus input:-ms-input-placeholder,
.formfield textarea:-ms-input-placeholder
{
    color: #000;
    font-family: "Instrument Sans", sans-serif;
    font-weight:400;
    font-size:15px;
}
.formfield input:-moz-placeholder,
.formfield textarea:-moz-placeholder,
.contactus input:-moz-placeholder,
.formfield textarea:-moz-placeholder
{
    color: #000;
    font-family: "Instrument Sans", sans-serif;
    font-weight:400;
    font-size:15px;
}
.form-split
{
    width: 50%;
}
.formfield label, .contactus label
{
    display:block;
    padding:10px;
}
.formfield h2,
.formfield p
{
    padding-left: 10px;
}
.formfield label strong
{
    display: block;
    font-weight: 500;
    margin-bottom: 4px;
    color: #141117;
    font-size: 14px;
}
.formfield input[type=text], .formfield input[type=email], .formfield input[type=number], .formfield input[type=tel], .formfield input[type=search], .formfield input[type=date], .contactus input[type=text], .contactus input[type=email], .contactus input[type=number], .contactus input[type=search], .contactus input[type=date]
{
    padding: 16px 20px;
    width: 100%;
    background: #fff;
    border: 1px solid #141117;
    border-radius: 10px;
    outline: 0px;
    position: relative;
    color: #5b5b68;
    font-size: 15px;
    font-family: "Instrument Sans", sans-serif;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.formfield input[type="date"]::-webkit-calendar-picker-indicator,
.contactus input[type="date"]::-webkit-calendar-picker-indicator
{
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.formfield input[type=text]:focus, .formfield input[type=email]:focus, .formfield input[type=number]:focus, .formfield input[type=tel]:focus, .formfield textarea:focus
{
    
}
.formfield input[type="file"]
{
    padding: 12px 20px;
    width: 100%;
    background: #fff;
    border: 1px solid #141117;
    border-radius: 10px;
    outline: 0px;
    position: relative;
    color: #5b5b68;
    font-size: 15px;
    font-family: "Instrument Sans", sans-serif;
}
.formfield input[type="file"]::file-selector-button
{
  border: 2px solid #f0d3c3;
  padding: 0.2em 0.4em;
  border-radius: 0.2em;
  background-color: #f0dfd5;
  transition: 1s;
}
.formfield input[type="file"]::file-selector-button:hover
{
    
}
.selectdiv
{
    position: relative;
    font-family: "Instrument Sans", sans-serif;
}
.selectdiv select::-ms-expand
{
    display: none;
}
.selectdiv:before
{
    content: " ";
    right: 27px;
    top: 21px;
    position: absolute;
    width: 1px;
    height: 10px;
    background: #000;
    -webkir-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 9999;
}
.selectdiv:after
{
    content: " ";
    right: 20px;
    top: 21px;
    position: absolute;
    width: 1px;
    height: 10px;
    background: #000;
    -webkir-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 9999;
}
.selectdiv:hover:before
{
    -webkir-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.selectdiv:hover:after
{
    -webkir-transform: rotate(45deg);
    transform: rotate(45deg);
}
.selectdiv select
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    padding:16px 20px;
    font-size: 16px;
    color: #000;
    background: #fff;
    border: 1px solid #141117;
    background-image: none;
    border-radius: 10px;
    -ms-word-break: normal;
    word-break: normal;
    font-family: "Instrument Sans", sans-serif;
    cursor:pointer;
}
.selectdiv:hover select
{
    
}
.selectdiv select:focus
{
    
}
.formfield textarea, .contactus textarea
{
    padding: 16px 20px;
    width: 100%;
    height:120px;
    background: #fff;
    border: 1px solid #141117;
    border-radius: 10px;
    outline: 0px;
    position: relative;
    color: #5b5b68;
    font-size: 15px;
    font-family: "Instrument Sans", sans-serif;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.formfield input[type=submit], .formfield input[type=button], .contactus input[type=submit], .contactus input[type=button]
{
    border: solid 1px #db213d;
    background: #fff;
    padding: 16px 30px;
    outline: 0;
    color: #db213d;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    font-family: "Instrument Sans", sans-serif;
    border-radius: 10px;
    display: inline-block;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    text-transform: uppercase;
}
.formfield input[type=submit]:hover, .formfield input[type=button]:hover
{
    
}
.contactus
{
    position: relative;
    background: #fff;
    z-index: 9;
}
.contact-details
{
    width: 35%;
    background-image: linear-gradient(-10deg, #ab32ba 0%, #d42450 25%, #6709cf 50%, #ff00c0 100%);
    padding: 15px 30px;
    border-radius: 10px;
}
.contact-details h2
{
    font-family: "Viaoda Libre", serif;
    color: #fff;
    font-size: 32px;
    line-height: 38px;
}
.contact-details p
{
    margin: 15px 0;
    position: relative;
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    padding: 10px 15px 10px 40px;
    border-radius: 8px;
}
.contact-details p strong
{
    color: #fff;
    display: block;
}
.contactus:first-of-type p:before
{
    content: "\e0c8";
    font-family: 'Material Symbols Outlined';
    font-size: 34px;
    color: #fff;
    position: absolute;
    top: 15px;
    left: 4px;
    font-weight: 200;
}
.contactus:first-of-type p:nth-of-type(2):before
{
    content: "\e0c8";
}
.contactus:first-of-type p:nth-of-type(3):before
{
    content: "\e7ba";
}
.contactus:first-of-type p:nth-of-type(4):before
{
    content: "\e158";
}
.contactus .wp-block-columns form p
{
    margin: 0 0 !important;
    padding-left: 0px !important;
}
.contactus .wp-block-columns form p:before
{
    display: none;
}
.gmap
{
    margin-top: 50px;
}
.gmap iframe
{
    width: 100%;
    height: 400px;
    border-radius: 30px;
    filter: grayscale(100%);
}
.404-error
{
    position: relative;
    background: #fff;
    z-index: 9;
	text-align: center;
}
.404-error h1
{
    font-family: "Viaoda Libre", serif;
    color: #141117;
    font-size: 42px;
    line-height: 46px;
}
.wpcf7-not-valid-tip
{
    color: red !important;
    font-size: 14px !important;
    position: absolute !important;
    margin: 2px 0 0 0 !important;
}

/*Responsive*/
@media only screen and (max-width:1200px)
{
    .row
    {
        width: auto;
    }
    .main-navigation ul li
    {
        margin-left: 15px;
    }
}
@media only screen and (max-width:1024px)
{
    .site-header
    {
        padding-right: 20px;
    }
    .main-navigation
    {
        margin-right: 10px;
    }
    .main-navigation ul li
    {
        margin-left: 15px;
    }
}
@media only screen and (max-width:960px)
{
    .main-navigation
    {
        display: none;
    }
    .enrollnow
    {
        margin-left: auto;
        margin-right: 15px;
    }
    .navbar
    {
        display: block;
    }
    .container
    {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .row
    {
        padding: 0 20px;
    }
    .site-footer article
    {
        padding: 35px 20px;
        display: flex;
        flex-wrap: wrap;
    }
    .site-footer article aside
    {
        width: 50%;
        margin: 0;
    }
}
@media only screen and (max-width:768px)
{
    .hero article
    {
        width: auto;
        padding: 0 20px;
    }
    .hero article h1
    {
        font-size: 48px;
    }
    .intro .row
    {
        grid-template-columns: 1fr 2fr;
    }
    .intro-list
    {
        display: flex;
        grid-column: 1 / 5;
    }
    .container h2
    {
        font-size: 36px;
        line-height: 40px;
    }
    .feature-programs-content, .faculty-content, .carrers-intro-content, .why-anvi-content
    {
        grid-template-columns: 1fr;
    }
    .faculty-list ul
    {
        grid-template-columns: 1fr 1fr;
    }
    .sankar .row h1, .getintouch h1
    {
        font-size: 45px;
        line-height: 52px;
    }
    .entry-header aside, .entry-header-color aside
    {
        width: auto;
    }
    .entry-header h1, .entry-header-color h1
    {
        font-size: 48px;
    }
    .programs ul
    {
        grid-template-columns: 1fr 1fr;
    }
    .quickfacts, .program-content, .faculty-photo, .faculty-details, .events-content, .events-list, .career-contact-content, .career-contact-button, .careers-form-content, .careers-form .formfield, .contactus .formfield, .contact-details
    {
        width: auto;
        float: none;
    }
    .quickfacts, .faculty-photo
    {
        position: static;
        margin-top: 0px;
        border-radius: 10px;
    }
    .facultytab ul
    {
        grid-template-columns: 1fr 1fr;
    }
    .events-list ul
    {
        grid-template-columns: 1fr;
    }
    .menu-gallery-nav-container
    {
        padding: 30px 0 30px 20px;
    }
    .photo-gallery ul li a img
    {
        height: 180px;
    }
    .video-gallery ul
    {
        grid-template-columns: 1fr 1fr;
    }
    .opening-jobs .row
    {
        grid-template-columns: 1fr;
    }
    .opening-jobs .row article
    {
        padding: 15px 30px;
    }
    .why-anvi ul
    {
        grid-template-columns: 1fr 1fr;
    }
    .why-anvi ul li, .careers-form-content
    {
        padding: 15px 30px;
    }
    .career-contact-button a
    {
        width: 100%;
    }
    .careers-form .row
    {
        display: block;
    }
    .contact-details
    {
        margin-top: 30px;
    }
}
@media only screen and (max-width:520px)
{
    .enrollnow
    {
        display: none;
    }
    .navbar
    {
        margin-left: auto;
    }
    .intro .row
    {
        display: block;
        grid-template-columns: auto;
    }
    .intro-list ul
    {
        grid-template-columns: 1fr;
        width: 100%;
    }
    .intro-image 
    {
        width: 100%;
        height: 300px;
        margin: 0 0 30px 0;
    }
    .faculty-list ul
    {
        grid-template-columns: 1fr;
    }
    .footer-content .is-layout-flex
    {
        justify-content: center;
    }
    .site-footer article
    {
        text-align: center;
        display: block;
    }
    .site-footer article aside
    {
        width: auto;
        float: none;
    }
    .site-info
    {
        padding: 20px 60px !important;
    }
    .site-info p
    {
        text-align: center;
        float: none;
    }
    .menu-follow-us-container
    {
        text-align: center;
    }
    .menu-follow-us-container li
    {
       float: none;
        margin-right: 0;
        display: inline-block;
    }
    .entry-header h1, .entry-header-color h1
    {
        font-size: 34px;
    }
    .entry-header p, .entry-header-color p
    {
        line-height: 22px;
        font-size: 16px;
    }
    .programs ul
    {
        grid-template-columns: 1fr;
    }
    .what-you-will-learn ul
    {
        grid-template-columns: 1fr;
    }
    .availability, .flexible
    {
        padding: 120px 30px 15px 30px;
    }
    .facultytab ul
    {
        grid-template-columns: 1fr;
    }
    .photo-gallery ul li, .photo-gallery-title ul li 
    {
        width: 50%;
    }
    .photo-gallery ul li a img, .photo-gallery-title ul li img
    {
        height: 150px;
    }
    .video-gallery ul
    {
        grid-template-columns: 1fr;
    }
    .why-anvi ul
    {
        grid-template-columns: 1fr;
    }
	.form-split
	{
		width: 100%;
	}
}
@media only screen and (max-width:320px)
{
    .photo-gallery ul li, .photo-gallery-title ul li 
    {
        width: 100%;
    }
    .photo-gallery ul li a img, .photo-gallery-title ul li img
    {
        height: 180px;
    }
    .video-gallery ul
    {
        grid-template-columns: 1fr;
    }
}