@import url('../twentyseventeen/style.css');
/*
Theme Name: Twenty Seventeen Child
Template:twentyseventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 3.7
Tested up to: 6.6
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
html{
	scroll-behavior: smooth;
}
body {
	font-family: "Poppins", sans-serif!important;
}
.site-branding {
        padding: 0;
    }
.wrap {
        max-width: 100%;
		padding-left: 0;
        padding-right: 0;
    }
.header-section-top {
    background: #1a1a1a;
    width: 100%;
    float: left;
    padding: 0 5em;
}
.header-left {
    width: 50%;
    float: left;
}
.header-left ul {
    line-height: 36px;
	margin: 0;
}
.header-left ul li {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
}
.header-left ul li i {
    color: #354b9c;
	opacity: 1;
    display: inline-block;
    padding: 0 10px 0 0;
}
.header-left ul li a {
    color: #ffffff;
}

.header-right {
    width: 50%;
    float: left;
}
.header-right ul {
    line-height: 36px;
	margin: 0;
}
.header-right ul li {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
}
.header-right ul li:last-child {
    float: right;
    position: relative;
    line-height: 36px;
}
.header-right ul li i {
    color: #354b9c;
	opacity: 1;
    display: inline-block;
    padding: 0 10px 0 0;
}
.header-right ul li a {
    color: #ffffff;
	font-weight: 600;
}
.header-right ul li img {
    max-width: 20px;
	position: absolute;
    top: 8px;
    left: -28px;
}
.header-left ul li a:hover, .header-right ul li a:hover {
    color: #40c8f4;
}
.navigation-top .wrap {
    padding: 0 5em;
    max-width: 100%;
}
.navigation-top {
    background: #fff;
    border-bottom: 0 solid #eee;
    border-top: 0 solid #eee;
}
.logo {
    width: 25%;
    float: left;
}
.logo a {
    padding: 6px 0 0;
}
.custom-logo-link img {
    display: inline-block;
    max-height: 72px;
    width: auto;
}
.menu-top-menu-container {
    width: 75%;
    float: left;
    padding-right: 0;
}
.menu-top-menu-container ul {
    float: right;
    line-height: 50px;
}
.main-navigation li {
    border: 0;
    display: inline-block;
}
.navigation-top a {
    color: #222;
    font-weight: 500;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    text-transform: uppercase;
}
a, a:hover, a:active, a:link, a:visited, a:focus{
	outline: none;
	text-decoration: none;
}
.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
    color: #354b9c;
}
.main-navigation a:hover {
    color: #354b9c;
}
.site-navigation-fixed {
    box-shadow: 0 0 8px #ddd;
}

.page-one-column .panel-content .wrap{
	max-width: 100%;
}
.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
    border-top: 0;
}
.panel-content .wrap {
    padding-bottom: 0;
    padding-top: 0;
 }

.welcome-section {
    padding: 4.5em 5em;
    background-color: #354b9c;
}
.welcome-content {
    z-index: 99;
	position: relative;
	
}
.welcome-content h2 {
   font-size: 42px;
    font-weight: 700;
    line-height: 1.5;
    color: #40c8f4;
    margin: 0;
    padding: 10px 0 0;
    vertical-align: baseline;
    text-transform: uppercase;
}
.welcome-content h2 strong{
	color: #ffffff;
}
.welcome-content h3 {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.5;
    color: #ffffff;
    margin: 0;
    padding: 10px 0;
    vertical-align: baseline;
    text-transform: uppercase;
}
.welcome-content h3 strong{
	color: #40c8f4;
}
.welcome-content h4 {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.5;
    color: #ffffff;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    text-transform: uppercase;
}
.welcome-content h4 strong{
	color: #40c8f4;
	text-decoration:underline;
}
.welcome-form {
    z-index: 99;
    padding: 28px 18px 0;
    background: #ffffff;
    border-radius: 10px 10px 0 10px;
	position: relative;
}
.welcome-form:before {
    height: 85%;
    content: "";
    border-right: 10px solid #40c8f4;
    width: 100%;
    position: absolute;
    display: block;
    right: -10px;
    bottom: -10px;
    border-radius: 0 5px 5px 10px;
	z-index: -1;
}
.welcome-form:after {
    content: "";
    border-bottom: 10px solid #40c8f4;
    width: 85%;
    position: absolute;
    display: block;
    right: -10px;
    bottom: -10px;
    border-radius: 0 0 10px 5px;
}
.welcome-form h3 {
    font-size: 18px;
    color: #ffffff;
    width: 70%;
    margin: -55px 15% 0;
    background: #40c8f4;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    font-weight: 600;
}
.welcome-form h2 {
    color: #25346d;
    font-weight: 600;
    text-decoration: underline;
    font-size: 22px;
    text-align: center;
	padding: 18px 0 0;
}
.welcome-form input[type="text"], .welcome-form input[type="email"], .welcome-form input[type="tel"], .welcome-form select{
    background: transparent;
    border: 1px solid #25346d;
    border-radius: 5px;
    padding: 8px 5px;
    margin-top: 16px;
	min-width: 100%;
	height: 42px;
	font-size: 15px;
    font-family: 'poppins';
}
.welcome-form lable {
    display: block;
    background: transparent;
    border: 1px solid #25346d;
    border-radius: 5px;
    padding: 8px 5px;
    margin-top: 16px;
    min-width: 100%;
    height: 42px;
	font-size: 15px;
}
.welcome-form input[type="submit"] {
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    transition: all 0.4s;
    border: 1px solid #25346d;
    border-radius: 5px;
	margin-top: 16px;
    padding: 8px 5px;
    min-width: 100%;
    height: 42px;
    font-weight: 600;
    font-size: 18px;
	background: #25346d;
	
}
.welcome-form p {
    margin: 0;
}
.welcome-form .wpcf7-not-valid-tip {
    padding-top: 2px;
    color: #dc3232;
    font-size: 14px;
    font-weight: normal;
    display: block;
}
.welcome-form .wpcf7 form .wpcf7-response-output {
    font-size: 12px;
    margin: 0 0 1.5em;
    padding: 0.2em o.5em;
    border: 2px solid #ffb600;
}
.welcome-form select option{
	font-size: 15px;
	font-family: 'poppins';
}
::placeholder{
	font-size: 15px;
	font-family: 'poppins';
}

.about-us-section {
    padding: 4.5em 5em 5em;
}
.about-us-image figure{
	margin-bottom: 0;
    position: relative;
    border: 1px solid #354b9c;
    min-height: 420px;
    border-radius: 8px;
}
.about-us-image figure img {
    background: #40c8f4;
    padding-top: 30px;
    border-radius: 8px;
    position: absolute;
    top: 10px;
    left: 10px;
}
.about-us-content h3 {
    font-size: 18px;
    color: #000000;
    font-weight: 400;
    display: block;
    margin-bottom: 0;
}
.about-us-content h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.5;
    color: #354b9c;
    margin: 0;
    padding: 10px 0 12px;
    vertical-align: baseline;
}
.about-us-content p{
    font-size: 15px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    margin: 0;
    padding-bottom: 10px;
    line-height: 1.75;
}
.about-us-content p a {
    padding: 7px 20px;
    background: #354b9c;
    color: #fff;
    border-radius: 3px;
    display: inline-block;
    transition: all 0.4s;
}
.about-us-content p:hover a{
	background: #40c8f4;
	transition: all 0.4s;
}
.about-us-content p a i {
    padding-left: 5px;
}
.our-courses-section {
    padding: 0;
	background: #354b9c;
}
.our-courses-section:where(.wp-block-columns.is-layout-flex) {
    gap: 0!important;
}
.our-courses-section .wp-block-column {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-blend-mode: color;
    background-color: rgb(0 0 0 / 40%);
}
.regular-course {
    background: url(https://www.apexwebhub.com/rishikulcollege/wp-content/uploads/2024/07/regular-course.jpg);
}
.distance-course {
    background: url(https://www.apexwebhub.com/rishikulcollege/wp-content/uploads/2024/07/distance-courses.png);
}
.online-course {
    background: url(https://www.apexwebhub.com/rishikulcollege/wp-content/uploads/2024/07/online-course.png);
}
.our-courses-section h2 {
    color: #354b9c;
    text-align: center;
    margin: 0;
    padding: 140px 20px 80px;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
	transition: all 0.4s;
}
.our-courses-section h2 a{
	color: #ffffff;
	transition: all 0.4s;
}
.our-courses-section .wp-block-column{
	cursor: pointer;
}
.our-courses-section .wp-block-column:hover a{	
	color: #ffffff;
	text-decoration: underline;
	transition: all 0.4s;
}
.regular-course, .distance-course, .online-course{
	position: relative
}
.regular-course h2:before, .distance-course h2:before, .online-course h2:before {
    font-family: 'FontAwesome';
    color: #354b9c;
    font-size: 42px;
    position: absolute;
    top: 62px;
    left: 0;
    right: 0;
	transition: all 0.4s;
}
.our-courses-section .wp-block-column:hover h2:before{
	color: #40c8f4;
	transition: all 0.4s;
}
.regular-course h2:before{
	    content: "\f02d";
}
.distance-course h2:before{
	    content: "\f518";
}
.online-course h2:before{
	    content: "\f87c";
}
.courses-section {
    padding: 4.5em 5em;
	background: #f8f9fa;
}
.courses-section-distance {
    background: #ffffff;
}
.courses-content h2 {
    text-align: center;
    color: #354b9c;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0;
    padding-bottom: 28px;
	margin-bottom: 28px;
}
.courses-content ul li {
    width: 46%;
    float: left;
    list-style: square;
    margin-left: 12px;
    padding: 5px 0;
    font-size: 15px;
    color: #0a0a0a;
    line-height: 1.75;
    vertical-align: baseline;
    cursor: pointer;
    font-weight: 500;
	transition: all 0.4s;
}
.courses-content ul li:hover{
	color: #354b9c;
	transition: all 0.4s;
}
.courses-content figure {
    clear: both;
    display: ruby-text;
    position: relative;
    margin: 0;
}
.courses-content-online figure {
	display: inline-block;
}
.courses-content-online figure img {
    max-width: 160px;
    height: 52px;
    margin: 5px 10px;
}

.counsellor-section {
    padding: 4.5em 5em 0;
	margin: 0;
}
.counsellor-section .wp-block-columns{
	margin: 0;
}
.counsellor-section h2 {
    text-align: center;
    color: #354b9c;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0;
    padding-bottom: 12px;
    margin-bottom: 28px;
    text-transform: uppercase;
}
.counsellor-text h3 {
    font-size: 32px;
    font-weight: 700;
    color: #354b9c;
    line-height: 1.5;
    margin: 0;
    padding-bottom: 12px;
}
.counsellor-text h4 {
    font-size: 24px;
    line-height: 1.5;
    padding: 0;
    text-align: right;
    font-weight: 700;
}
.counsellor-text h4 strong{
	color: #ff0000;
	text-transform: uppercase;
}
.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
.counsellor-text ul li img{
	max-width: 20px;
	margin-right: 10px;
}
.counsellor-image .wp-block-image{
	margin-bottom: 0;
}
.counsellor-text ul li {
    display: inline-block;
    border-radius: 12px 12px;
    list-style: none;
    color: #40c8f4;
    font-size: 22px;
    padding: 10px;
    background: #354b9c;
    margin: 10px 0;
    width: 73%;
}
.counsellor-text ul li i {
    padding-right: 8px;
}
.counsellor-text ul li a {
    color: #fff;
}

.site-footer {
    border-top: 0;
    margin-top: 0;
	background: #f8f9fa;
}
.site-footer .wrap {
    padding-bottom: 0;
    padding-top: 0;
}
.site-info {
    float: left;
    padding: 0;
    width: 100%;
    margin-bottom: 0;
    background: #f8f9fa;
}
.site-info p {
    margin: 0;
    font-size: 15px;
    color: #5f6368;
    font-weight: 400;
    line-height: 1.5;
    padding: 25px 5em;
    text-align: center;
}
.site-info p a {
    color: #354b9c;
    font-weight: 500;
    outline: none;
    box-shadow: 0 0 0;
    transition: all 0.4s;
}
.site-info p a:hover, .site-info p a:active, .site-info p a:visited, .site-info p a:focus {
	text-decoration: underline;
	box-shadow: 0 0 0;
}
.site-footer .widget-column.footer-widget-1 {
    float: left;
    width: 50%;
    padding-left: 0;
}
.site-footer .widget-column.footer-widget-3 {
    float: left;
    width: 50;
    padding-left: 2.5em;
	padding-right: 0;
}
.site-footer .widget-area {
    padding-bottom: 5.5em;
    padding-top: 4.5em;
    padding-left: 5em;
    padding-right: 5em;
}
.widget {
    padding-bottom: 0;
}
.widget-column.footer-widget-1 h2, .widget-column.footer-widget-3 h2 {
    position: relative;
    color: #202124;
    font-size: 24px;
    letter-spacing: normal;
    line-height: 1.5;
    font-weight: 500;
    margin: 0 0 1em;
    padding: 0 0 0.5em;
    vertical-align: baseline;
    text-transform: capitalize;
}
.widget-column.footer-widget-1 h2:before, .widget-column.footer-widget-3 h2:before {
    content: "";
    border: 1px solid #202124;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    line-height: 1.75;
}
.widget-column.footer-widget-1 ul {
    padding-top: 40px;
}
.widget-column.footer-widget-3 p{
	font-size: 18px;
    font-weight: 400;
    color: #202124;
	margin: 5px 0;
}
.widget ul li, .widget ol li{
	border: 0;
}
.widget-column.footer-widget-1 ul li, .widget-column.footer-widget-1 ul li a, .widget-column.footer-widget-3 ul li a {
    color: #5f6368;
    line-height: 1.75;
    vertical-align: baseline;
    font-size: 15px;
    list-style: none;
	cursor: pointer;
	font-weight: 500;
}
.widget-column.footer-widget-1 ul li i{
	color: #5f6368;
	padding-right: 10px;
	font-size: 16px;
}
.widget-column.footer-widget-3 ul li i {
    padding-right: 10px;
    color: #5f6368;
    font-size: 16px;
}
.widget-column.footer-widget-3 ul li a{
	color: #5f6368;
	display: block;
	position: relative;
	font-weight: 500;
}
.widget-column.footer-widget-3 ul li {
    background: #e9e9e9;
    margin: 9px 0;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 6px;
	min-width: 250px;
}
.widget-column.footer-widget-3 ul li a:after {
    content: "\f061";
    font-family: 'FontAwesome';
    position: absolute;
    right: 0;
    top: -3px;
    transform: rotate(-45deg);
    font-size: 20px;
}
.widget-column.footer-widget-1 ul li:hover, .widget-column.footer-widget-1 ul li:hover a, .widget-column.footer-widget-3 ul li:hover a{	
	color: #354b9c;
	transition: all 0.4s;
}
.widget-column.footer-widget-1 ul li a:active, .widget-column.footer-widget-1 ul li a:focus, .widget-column.footer-widget-1 ul li a:visited, .widget-column.footer-widget-3 ul li a:active, .widget-column.footer-widget-3 ul li a:focus, .widget-column.footer-widget-3 ul li a:visited{
	color: #354b9c;
}

.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.page:not(.home) #content {
        padding-bottom: 0;
    }
.site-content {
        padding: 0;
  }
section.error-404.not-found {
    padding: 5.5em 4.5em 3.5em;
}

/* -- About Us CSS --*/
.inner-about-section {
    background-image: url(https://www.rishikulcollegejagos.in/wp-content/uploads/2024/10/about-us-new.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: color;
    position: relative;
    margin: 0;
	padding: 7.5em 5em 7.5em;
	background-position: bottom center;
}
.inner-about-section:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: rgb(60 60 60 / 60%);
}
.inner-about-content-section{
	position: relative;
	z-index: 99;
}
.inner-welcome-content h2 {
   font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
    color: #40c8f4;
    margin: 0;
    padding: 10px 32px 0;
    vertical-align: baseline;
    text-transform: uppercase;
	text-align: center;
}
.inner-welcome-content h3 {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.3;
    color: #ffffff;
    margin: 0;
    padding: 24px 0;
    vertical-align: baseline;
    text-transform: uppercase;
	text-align: center;
}
.inner-welcome-content p {
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    margin: 0;
}
.wp-block-columns.inner-about-section-odd, .wp-block-columns.inner-about-section-even{
		margin: 0!important;
}
.welcome-form.inner-welcome-form h2{
	font-size: 18px;
}
.inner-about-section-odd{
    padding: 4.5em 5em 3.5em;
    background-color: #354b9c;
}
.inner-about-section-even{
    padding: 4.5em 5em 3.5em;
}
.inner-about-content-left h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.5;
    color: #40c8f4;
    margin: 0;
    padding: 0 0 12px;
    vertical-align: baseline;
    text-transform: uppercase;
}
.inner-about-content-left h3 {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.5;
    color: #40c8f4;
    margin: 0;
    padding: 12px 0 4px;
    vertical-align: baseline;
    text-transform: uppercase;
}
.inner-about-content-left h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    color: #40c8f4;
    margin: 0;
    padding: 0 0 8px;
    vertical-align: baseline;
}
.inner-about-content-left p{
	font-size: 15px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
    padding-bottom: 10px;
    line-height: 1.75;
}
.inner-about-content-left p strong{
	font-weight: 500;
}
.inner-about-content-left p em {
    color: #40c8f4;
    font-style: normal;
    font-weight: 600;
}
.inner-about-content-left ul {
    list-style: circle;
    margin-left: 40px;
}
.inner-about-content-left ul li{
	font-size: 15px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
    padding-bottom: 8px;
    line-height: 1.75;
}
.inner-about-content-left ul li strong{
	font-weight: 600;
}
.inner-about-content-right figure{
	margin-bottom: 0;
}
.inner-about-content-right figure img {
    padding: 50px 4px 4px;
    background: #40c8f4;
    border: 4px solid #fff;
    border-radius: 3px;
}
.inner-about-content-right h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.5;
    color: #354b9c;
    margin: 0;
    padding: 0 0 12px;
    vertical-align: baseline;
    text-transform: uppercase;
}
.inner-about-why-us h3 {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.5;
    color: #354b9c;
    margin: 0;
    padding: 0 0 12px;
    vertical-align: baseline;
    text-transform: uppercase;
	display: none;
}
.inner-about-content-right h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    color: #354b9c;
    margin: 0;
    padding: 0 0 8px;
    vertical-align: baseline;
}
.inner-about-content-right p{
	font-size: 15px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.9);
    margin: 0;
    padding-bottom: 10px;
    line-height: 1.75;
}
.inner-about-content-right p strong{
	font-weight: 500;
}
.inner-about-content-right ul {
    list-style: circle;
    margin-left: 40px;
}
.inner-about-content-right ul li{
	font-size: 15px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.9);
    margin: 0;
    padding-bottom: 8px;
    line-height: 1.75;
}
.inner-about-content-right ul li strong{
	font-weight: 600;
}
.inner-about-why-us ul {
    list-style: circle;
    margin-left: 20px;
	margin-bottom: 0;
}
.inner-about-why-us ul li{
	font-size: 15px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.9);
    margin: 0;
    padding-bottom: 8px;
    line-height: 1.75;
}
.inner-about-why-us-cat h2{
	font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    color: #40c8f4;
    margin: 0;
    padding: 0 0 12px;
    vertical-align: baseline;
    text-transform: capitalize;
    text-align: center;
	min-height: 58px;
}
.inner-about-why-us-cat h2 a{
	color:  rgba(255, 255, 255, 0.9);
}
.inner-about-why-us-cat p{
	font-size: 15px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
    padding-bottom: 0;
    line-height: 1.75;
	text-align: center;
}
.wp-block-columns.inner-about-why-us-cat .wp-block-column {
    padding: 20px;
}
.inner-about-why-us-cat figure {
    text-align: center;
}
.inner-about-why-us-cat figure img {
    border-radius: 100px;
    border: 1px dashed #ffffff;
    padding: 4px;
}
.why-us-cat-one {
    background: #ff6766;
	border-radius: 16px;
    box-shadow: 0px 5px 0px 0 #fd4240;
}
.why-us-cat-two{
	background: #ffc000;
	border-radius: 16px;
    box-shadow: 0px 5px 0px 0 #e5ac00;
}
.why-us-cat-three{
	background: #abcd52;
	border-radius: 16px;
    box-shadow: 0px 5px 0px 0 #9ac135;
}
.welcome-section, .about-us-section, .our-courses-section, .courses-section{
	margin: 0;	
}
.page.page-id-9 .menu-item-41, .page.page-id-9 .menu-item-244 {
    display: none;
}
.page.page-id-165 .menu-item-230, .page.page-id-165 .menu-item-240{
	display: none;
}
.page.page-id-9 .school-logo {
	display: none;
}
.page.page-id-165 .custom-logo-link {
	display: none
}
.school-logo img {
    max-width: 265px;
}





@media screen and (min-width:320px) and (max-width: 767px){
	
	.mobmenu-content .menu-top-menu-container {
    width: 100%;
    float: left;
}
#mobmenuright li a, #mobmenuright li a:visited, #mobmenuright .mobmenu-content h2, #mobmenuright .mobmenu-content h3, .mobmenu-left-panel .mobmenu-display-name {
    border-bottom: 1px solid #dbdbdb!important;
}	
	.mobmenu-content li > .sub-menu li {
    padding-left: 0!important;
    background: #f7f7f7;
}
	.mobmenu-content #mobmenuright .sub-menu a {
    color: #666!important;
}
	.mobmenu-content #mobmenuright .sub-menu a:focus {
    color: #666;
}
	.menu-top-menu-container ul {
    float: left;
    width: 100%;
}
	.mobmenu-content #mobmenuright .sub-menu a:hover, .mobmenu-content #mobmenuright .sub-menu a:focus {
    color: #fff!important;
	background: #666!important;
}
	.mobmenu-content li a{
		padding: 10px 10px!important;
	}
	.mob-expand-submenu i {
    font-size: 18px!important;
}
	body .is-layout-flex {
    display: flow-root;
}
	.welcome-section {
		padding: 4.5em 1em 3.5em;
		background-size: auto;
	}
	.welcome-content h2 {
		font-size: 30px;
	}
	.welcome-form h2 {
    font-size: 17px;
}
	.welcome-content h3{
		font-size: 28px;
	}
	.welcome-content h4 {
		font-size: 36px;
	}
	.welcome-form {;
    margin-top: 72px !important;
}
	.about-us-section {
		padding: 4.5em 1em 3.5em;
	}
	.about-us-content h2{
		font-size: 27px;
	}
	.about-us-image figure {
    width: 97%;
    min-height: 225px;
    margin-bottom: 100px;
}
	.courses-section {
    padding: 4.5em 1em 2.5em;
}
	.our-courses-section h2 {
    padding: 120px 10px 60px;
    font-size: 32px;
}
	.courses-section-regular figure img {
    max-width: 200px;
}
	.courses-content h2{
		margin-bottom: 12px;
		font-size: 32px;
	}
	.courses-content ul {
    padding-left: 1em;
}
	.courses-content ul li{
		font-size: 14px;
		width: 45%;
	}
	.courses-content-online figure img {
    max-width: 88px;
    height: 28px;
    margin: 5px 0;
}
	.courses-content-distance .wp-block-column.courses-image {
    position: relative;
}
	.courses-content-distance ul{
		margin-top: 100px;
	}
	.courses-content figure {
    position: static;
}
	
	.courses-content-distance img {
    position: absolute;
    top: -100px;
    left: 0;
    max-width: 200px;
    right: 0;
    margin: 0 auto;
}
.counsellor-section {
    padding: 4.5em 1em 0;
}
	.counsellor-section h2{
		font-size: 32px;
	}
	.counsellor-text h3 {
		font-size: 28px;
	}
	.counsellor-text h4 {
		font-size: 18px;
	}	
	.counsellor-text ul li{
		font-size: 15px;
		width: 100%;
		position: relative;
		padding: 10px 5px;
	}
	.counsellor-text ul li:last-child {
    padding-left: 28px;
}
	.counsellor-text ul li i {
    padding-right: 5px;
}
	.counsellor-text ul li img {
    max-width: 18px;
    margin-right: 5px;
    position: absolute;
    left: 5px;
    top: 14px;
}
	.widget-column.footer-widget-1 ul {
    padding-top: 0;
}
	.site-footer .widget-area {
    padding-left: 1em;
    padding-right: 1em;
}
	.site-footer .widget-column.footer-widget-1, .site-footer .widget-column.footer-widget-3 {
    float: left;
    width: 100%;
    padding-left: 0;
	margin-bottom: 18px;
}
	.widget-column.footer-widget-2 .wp-block-column {
    width: 100%;
    display: inline-block;
		margin-bottom: 28px;
}
	.site-info p {
    padding: 12px 1em;
}
	.site-footer .widget-area {
    padding-bottom: 1.5em;
}
section.error-404.not-found {
    padding: 3.5em 1.5em 3.5em;
}	

	.inner-about-section{
		padding: 3.5em 1em 2.5em;
	}
	.inner-welcome-content h2{
		font-size: 32px;
		padding: 0 8px;
	}
	.inner-welcome-content h3{
		    font-size: 34px;
	}
	.inner-welcome-content p{
		font-size: 16px;
	}
	.welcome-form.inner-welcome-form h2 {
    font-size: 17px;
}
	.inner-about-section-odd {
    padding: 3.5em 1em 2.5em;
}
	.inner-about-content-left h2, .inner-about-content-right h2 {
		font-size: 30px;
	}
	.inner-about-content-left h3, .inner-about-content-right h3 {
		font-size: 24px;
	}
	.inner-about-section-even {
    padding: 3.5em 1em 2.5em;
}
	.inner-about-why-us-cat h2 {
    min-height: auto;
}
	.wp-block-column.why-us-cat-one, .wp-block-column.why-us-cat-two{
    margin-bottom: 28px;
}
	.inner-about-content-right figure img{
		margin-top: 32px;
	}
.inner-about-content-left h4 {
	font-size: 18px;
	}
.inner-about-why-us h3 {
    margin: 0 0 32px;
    display: block;
	font-size: 32px;
}
	.why-us h2 {
    display: none;
}
	.nav, .main-navigation, .genesis-nav-menu, #main-header, #et-top-navigation, .site-header, .site-branding, .ast-mobile-menu-buttons, .storefront-handheld-footer-bar, .hide {
        display: block !important;
    }
.header-section-top {
    padding: 0;
    display: none;
}
.navigation-top .wrap {
    padding: 0;
}
.menu-toggle{
	display: none!important;
}
.page.page-id-9 .logo{
			padding-left: 6px;
}
.logo {
    width: 50%;
    float: left;
    position: fixed;
    top: 4px;
    left: 0;
    z-index: 99999;
}
.site-branding, .custom-header {
    margin-bottom: 0 !important;
}
.school-logo img {
    max-width: 195px;
}
.mob-menu-logo-holder {
    display: none;
}
}

@media screen and (min-width:360px) and (max-width: 767px){
	
	.courses-content-online figure img {
        max-width: 101px;
		height: 32px;
    }
	    .counsellor-text ul li {
        font-size: 17px;
	}
}


@media screen and (min-width:375px) and (max-width: 767px){
		.welcome-content h2 {
        font-size: 36px;
    }
	.welcome-content h4 {
		font-size: 42px;
	}
	.courses-content-online figure img {
        max-width: 106px;
        height: 32px;
        margin: 5px 0;
    }
	.counsellor-text ul li {
		font-size: 18px;
	}
}

@media screen and (min-width:411px) and (max-width: 767px){
	.welcome-content h2 {
        font-size: 36px;
    }
	.welcome-content h4 {
		font-size: 42px;
	}   
	.about-us-image figure {
        width: 97%;
        min-height: 280px;
        margin-bottom: 100px;
    }
	    .courses-content-online figure img {
        max-width: 118px;
        height: 36px;
        margin: 5px 0;
    }
	    .counsellor-text ul li {
        font-size: 20px;
    }
.nav, .main-navigation, .genesis-nav-menu, #main-header, #et-top-navigation, .site-header, .site-branding, .ast-mobile-menu-buttons, .storefront-handheld-footer-bar, .hide {
        display: block !important;
}
.header-section-top {
    padding: 0;
    display: none;
}
.navigation-top .wrap {
    padding: 0;
}
.menu-toggle{
	display: none!important;
}
.page.page-id-9 .logo{
			padding-left: 6px;
}
.logo {
    width: 50%;
    float: left;
    position: fixed;
    top: 4px;
    left: 0;
    z-index: 99999;
}
.site-branding, .custom-header {
    margin-bottom: 0 !important;
}
.school-logo img {
    max-width: 195px;
}
.mob-menu-logo-holder {
    display: none;
}
}



@media screen and (min-width:768px) and (max-width: 1024px){
	
		.mobmenu-content .menu-top-menu-container {
    width: 100%;
    float: left;
}
#mobmenuright li a, #mobmenuright li a:visited, #mobmenuright .mobmenu-content h2, #mobmenuright .mobmenu-content h3, .mobmenu-left-panel .mobmenu-display-name {
    border-bottom: 1px solid #dbdbdb!important;
}	
	.mobmenu-content li > .sub-menu li {
    padding-left: 0!important;
    background: #f7f7f7;
}
	.mobmenu-content #mobmenuright .sub-menu a {
    color: #666!important;
}
	.mobmenu-content #mobmenuright .sub-menu a:focus {
    color: #666;
}
	.menu-top-menu-container ul {
    float: left;
    width: 100%;
}
	.mobmenu-content #mobmenuright .sub-menu a:hover, .mobmenu-content #mobmenuright .sub-menu a:focus {
    color: #fff!important;
	background: #666!important;
}
section.error-404.not-found {
    padding: 3.5em 1.5em 3.5em;
}
	.inner-about-why-us h3 {
    margin: 0 0 32px;
    display: block;
	font-size: 32px;
}
	.why-us h2 {
    display: none;
}
	.header-section-top {
    display: none;
    padding: 0 1em;
}
	.custom-header{
		margin-bottom: 0!important;
	}
	.site-navigation-fixed.navigation-top {
    display: none;
}
	.site-branding{
		margin-bottom: 0!important;
	}
}