HOME

Mini Shell 1.0
DIR:/home/kgnuser/www/wp-content/themes/KGN/
Current File : /home/kgnuser/www/wp-content/themes/KGN/style.css
@charset "UTF-8";

/*
Theme Name: KGN
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 5.9
Requires PHP: 5.6
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Spacer...............Specific styles for the spacer block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

/* Categories 01 to 03 are the basics. */

/* Every Pages Imported Style */
/* ============================*/ */

/* ======================================================*/ */
body {
    margin: 0px;
    padding: 0px;
}
p{text-align:justify !important;}
.search-modal-area .modal-content {
  height: 100vh;
  border: none;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.9);
  position: relative;
}

.search-modal-area .modal-content form.search-box {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.search-modal-area .modal-content form.search-box .search-input {
  width: 810px;
  position: relative;
  padding: 30px;
}

.search-modal-area .modal-content form.search-box .search-input .form-control {
  color: var(--white-color);
  height: 60px;
}

.search-modal-area .modal-content form.search-box .search-input .form-control::-webkit-input-placeholder {
  color: #eeeeee;
}

.search-modal-area .modal-content form.search-box .search-input .form-control:-ms-input-placeholder {
  color: #eeeeee;
}

.search-modal-area .modal-content form.search-box .search-input .form-control::-ms-input-placeholder {
  color: #eeeeee;
}

.search-modal-area .modal-content form.search-box .search-input .form-control::placeholder {
  color: #eeeeee;
}

.search-modal-area .modal-content form.search-box .search-input .search-btn {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 60px;
  height: 60px;
  line-height: 63px;
  font-size: 25px;
  background-color: var(--white-color);
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.search-modal-area .modal-content form.search-box .search-input .search-btn:hover {
  color: var(--white-color);
  background-color: var(--main-color);
}

.search-modal-area .modal-content .closer-btn {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: #ff3131;
  color: var(--white-color);
  font-size: 20px;
  z-index: 1;
}

.search-modal-area .modal-dialog {
  max-width: 100%;
  margin: 0;
}

.search-modal-area.modal {
  overflow: hidden;
  padding: 0 !important;
}
.cart-icon a {
  color: white;
  position: relative;
  bottom: 2px;
}
.cart-icon i {
  color: white;
  margin: 0px 8px;
}
/*
Banner Area Style
======================================================*/
.banner-area {
  position: relative;
  z-index: 1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.n2_clear {
  clear: both;
}
.banner-area .n2-ss-slide-limiter {
  max-width: inherit !important;
}
.banner-area.bg-1 {
  background-image: url(https://www.htlogics.com/kgnwp/wp-content/uploads/2022/05/banner-bg-1.jpg);
}

.banner-area.bg-2 {
  background-image: url(https://www.htlogics.com/kgnwp/wp-content/uploads/2022/05/banner-bg-1.jpg);
}

.banner-area.bg-3 {
  background-image: url(https://www.htlogics.com/kgnwp/wp-content/uploads/2022/05/banner-bg-1.jpg);
  padding-top: 200px;
  padding-bottom: 400px;
}

.banner-area.bg-3::before {
  background-color: #000000;
  opacity: 0.8;
}

.banner-area.bg-3::after {
  display: none;
}

.banner-area.bg-3 .banner-content {
  margin-top: 50px;
}

.banner-area.bg-3 .banner-content span {
  color: var(--white-color);
}

.banner-area.bg-3 .banner-content h1 {
  color: var(--white-color);
  font-weight: 700;
}

.banner-area.bg-3 .banner-content .courses-link {
  margin-top: 100px;
}

.banner-area.bg-3 .banner-content .courses-link a {
  color: var(--white-color);
}

.banner-area.bg-3 .banner-content .courses-link a:hover {
  color: var(--white-color);
}

.banner-area.bg-3 .banner-content .courses-link .study-online {
  margin-left: 100px;
}

.banner-area.bg-3 .video-button {
  text-align: center;
}

.banner-area.bg-3 .social-link {
  top: 21%;
  right: 0;
}

.banner-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--white-color);
  opacity: 0.9;
  z-index: -1;
}

.banner-area:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 760px;
    height: 100%;
    z-index: -1;
}
.banner-area .social-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  position: absolute;
  top: 26%;
  right: 10px;
  z-index: 1;
  list-style-type: none;
  padding: 0;
  margin: 0;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
	display:none;
}

.banner-area .social-link li {
  margin: 35px 0;
}

.banner-area .social-link li a {
  display: block;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  color: var(--white-color);
  font-weight: 500;
  text-transform: capitalize;
  font-size: 16px;
}

.banner-area .social-link li a:hover {
  color: var(--main-color);
}

.banner-area.banner-area-style-two {
  overflow: initial;
  padding-bottom: 0;
}

.banner-area.banner-area-style-two::after {
  content: "";
  position: absolute;
  top: auto;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 350px;
  background-color: var(--white-color);
  z-index: -1;
}

.banner-area.banner-area-style-two .banner-content {
  text-align: center;
  max-width: 990px;
  margin: auto;
}

.banner-area.banner-area-style-two .banner-content h1 {
  font-size: 72px;
}

.banner-area.banner-area-style-two .banner-content .find-courses-from-bg {
  background-color: var(--white-color);
  padding: 0;
  border: 1px solid #d7d7d7;
  margin-bottom: 100px;
}

.banner-area.banner-area-style-two .banner-content .find-courses-from-bg .form-group {
  margin-bottom: 0;
}

.banner-area.banner-area-style-two .banner-content .find-courses-from-bg .form-group .form-control {
  border: none;
  max-width: 100%;
  width: 420px;
}

.banner-area.banner-area-style-two .banner-content .find-courses-from-bg .form-group select.form-control {
  border-left: 1px solid #d7d7d7;
}

.banner-area.banner-area-style-two .banner-content .find-courses-from-bg ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.banner-area.banner-area-style-two .banner-content .find-courses-from-bg ul li {
  display: inline-block;
}

.banner-area.banner-area-style-two .banner-content .find-courses-from-bg ul li .default-btn {
  padding: 14px 27px;
  top: 1px;
}

.banner-area.banner-area-style-two .video-banner {
  max-width: 1100px;
  margin: auto;
  position: relative;
  z-index: 1;
}

.banner-area.banner-area-style-two .video-banner .video-button {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}

.banner-area.banner-area-style-two .video-banner .shape-1 {
  position: absolute;
  bottom: -30px;
  right: -30px;
  z-index: -1;
}

.banner-content {
    margin-top: 100px;
}
.banner-content h6 {
  font-size: 18px;
  font-weight: 600;
  color: #00235a;
}
.banner-content h4 {
  font-size: 20px;
}
.banner-content h1 label {
    color: #ef8433;
    font-size: 110px;
}
.banner-content span {
    font-size: 20px;
    display: block;
    color: #000;
    margin-bottom: 10px;
    font-weight: 600;
}
.banner-content h1 {
    font-size: 60px;
    margin-bottom: 10px;
    color: #00235a;
    -webkit-animation: 0.6s fadeInUpBig;
    /*font-family: 'remixicon';*/
    animation: 0.6s fadeInUpBig;
    font-weight: 600;
    text-transform: uppercase;
}
.banner-content p {
  margin-bottom: 30px;
  max-width: 750px;
  font-size: 18px;
  -webkit-animation: 0.9s fadeInUpBig;
          animation: 0.9s fadeInUpBig;
  color: var(--heading-color);
}

.banner-content .banner-btn {
    -webkit-animation: 1s fadeInUpBig;
    animation: 1s fadeInUpBig;
    margin-top: 45px;
    margin-right: 20px;
    position: relative;
}
.banner-btn .default-btn {
    position: relative;
    margin-right: 20px;
}
.banner-btn a:nth-child(1) {
    background-color: #00235a;
    color: white;
    box-shadow: 0px 0px 20px #00235a;
    text-align: center;
    font-size: 16px;
    padding: 16px;
    border: 2px solid transparent;
    margin: 0px 20px 0 0;
    text-transform: uppercase;
}
.banner-btn a:nth-child(1):hover {
    background-color: transparent;
    box-shadow: none;
    border: 3px solid #00235a;
    color: #00235a;
    font-weight: 500;
}
.banner-content .courses-link {
  margin-top: 100px;
  -webkit-animation: 1s fadeInUpBig;
          animation: 1s fadeInUpBig;
}

.banner-content .courses-link a {
  font-size: 18px;
  color: var(--heading-color);
}

.banner-content .courses-link a i {
  position: relative;
  top: 4px;
  margin-left: 8px;
}

.banner-content .courses-link a:hover {
  color: var(--main-color);
}

.banner-content .courses-link .study-online {
  margin-left: 100px;
}

.banner-img {
  -webkit-animation: 1s fadeInUpBig;
   padding-left:0px;
}

/*
About Area Style
======================================================*/
.about-area {
  position: relative;
  z-index: 1;
  padding: 0px 0px 60px 0px;
}
.about-area.about-area-style-three {
  background-image: unset;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}

.about-area.about-area-style-three .about-img-two {
  padding-right: 0;
  padding-bottom: 0;
}

.about-area.about-area-style-three .about-img-two::before {
  background-color: var(--main-color);
}

.about-area.about-area-style-three .about-img-two .about-shape {
  display: none;
}

.about-img {
    position: relative;
    z-index: 1;
    border-top: 20px solid #00235a;
    border-right: 20px solid #40437a;
    border-bottom: 20px solid #00235a;
    border-left: 20px solid #40437a;
    margin: 0;
    padding: 20px;
}
.about-img.mr-15 img {
    width: 100%;
    object-fit: cover;
    max-height: 300px;
    object-position: top center;
}
.about-img.mr-15 figcaption {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 10px 10px 10px;
    display: block;
    background: #4c6cd1;
    color: #fff;
}
.about-content.ml-15 {
    padding-left: 50px !important;
}
.about-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 500px;
    height: 100%;
    z-index: -1;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    border-top: 20px solid #00235a;
    border-right: 20px solid #40437a;
    border-bottom: 20px solid #00235a;
    border-left: 20px solid #40437a;
    visibility: hidden;
    opacity: 0;
}
.about-img:hover::before {
     border-right: 20px solid #00235a;
    border-left: 20px solid #40437a;
    border-top: 20px solid #00235a;
    border-bottom: 20px solid #40437a;
}
.about-img-two {
  position: relative;
  padding-right: 0;
  padding-bottom: 0;
}

.about-img-two::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 500px;
  height: 350px;
  background-color: #efeef2;
  z-index: -1;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.about-img-two .about-shape {
  position: relative;
  position: absolute;
  top: 100px;
  right: -30px;
  opacity: 0.4;
  display: none;
}

.about-content span {
    font-size: 21px;
	letter-spacing:2px;
    color: #4169e1;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}

.about-area h2 {
    font-size: 32px;
    margin-bottom: 20px;
    color: #00235a;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 44px;
}
.about-content p {
  margin-bottom: 30px;
}

/*
Study Area Style
======================================================*/
.study-area {
  background-image: url(https://www.htlogics.com/kgnwp/wp-content/uploads/2022/05/study-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
  z-index: 1;
}

.study-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #4169e0;
  opacity: 0.9;
  z-index: -1;
}

.study-area::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 200px;
  background-color: var(--white-color);
  z-index: -1;
}

.study-area .section-title {
  margin-left: 0;
  text-align: left;
}

.study-area .section-title p {
  margin-left: 0;
}

.study-area .owl-theme .owl-nav {
  margin-top: 0 !important;
  position: absolute;
  right: 7px;
  top: -95px;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
}

.study-area .owl-theme .owl-nav .owl-prev, .study-area .owl-theme .owl-nav .owl-next {
  margin: 0 5px;
}

.study-area .owl-theme .owl-nav .owl-prev i, .study-area .owl-theme .owl-nav .owl-next i {
  font-size: 20px;
  color: var(--white-color);
  border: 1px solid var(--white-color);
  width: 50px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.study-area .owl-theme .owl-nav .owl-prev:hover i, .study-area .owl-theme .owl-nav .owl-next:hover i {
  background-color: var(--white-color);
  color: var(--main-color);
}

.study-area .owl-theme .owl-nav .owl-next {
  right: -50px;
  left: auto;
}

.study-area .owl-theme .owl-nav [class*=owl-]:hover {
  background-color: transparent;
}

.study-area.study-area-style-two::after {
  height: 100%;
}

.study-area.study-area-style-two .owl-theme .owl-nav .owl-prev i, .study-area.study-area-style-two .owl-theme .owl-nav .owl-next i {
  font-size: 20px;
  color: var(--heading-color);
  border: 1px solid var(--heading-color);
}

.study-area.study-area-style-two .owl-theme .owl-nav .owl-prev:hover i, .study-area.study-area-style-two .owl-theme .owl-nav .owl-next:hover i {
  background-color: var(--main-color);
  color: var(--white-color);
  border-color: var(--main-color);
}

.study-area.study-area-style-two .owl-theme .owl-nav .owl-next {
  right: -50px;
  left: auto;
}

.study-area.study-area-style-two .owl-theme .owl-nav [class*=owl-]:hover {
  background-color: transparent;
}

.single-study {
  background-color: var(--white-color);
  border: 1px solid #e8e8e8;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  padding: 20px;
  margin-bottom: 30px;
}

.single-study.style-img {
  padding: 0;
}

.single-study.style-img .single-study-content {
  padding: 20px;
  position: relative;
}

.single-study.style-img .single-study-content i {
  color: #ebebeb;
  width: auto;
  height: auto;
  line-height: 1;
  display: inline-block;
  background-color: transparent;
  position: absolute;
  bottom: 20px;
  right: 20px;
  margin-bottom: 0;
}

.single-study.study-f3f3f4 {
  background-color: #f3f3f4;
  border: none;
  padding: 30px;
}

.single-study i {
  font-size: 40px;
  line-height: 1;
  margin-bottom: 20px;
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  background-color: #00235a;
  border-radius: 50%;
  text-align: center;
  color: var(--white-color);
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.single-study h3 {
  font-size: 23px;
  margin-bottom: 14px;
}

.single-study h3 a {
  color: var(--heading-color);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  font-size: 17px;
}

.single-study p {
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.single-study:hover {
    background-color: #00235a;
    border: transparent;
}

.single-study:hover.style-img {
  background-color: var(--white-color);
  border: 1px solid #e8e8e8;
}

.single-study:hover.style-img .single-study-content i {
  background-color: var(--white-color);
  color: #ebebeb;
}

.single-study:hover.style-img .single-study-content h3 a {
  color: var(--main-color);
}

.single-study:hover.style-img .single-study-content p {
  color: var(--body-color);
}

.single-study:hover.style-img .single-study-content .read-more {
  color: var(--main-color);
}

.single-study:hover i {
  background-color: var(--white-color);
  color: var(--main-color);
}

.single-study:hover h3 a {
  color: var(--white-color);
}

.single-study:hover p {
  color: var(--white-color);
}

.single-study:hover .read-more {
  color: var(--white-color);
}

.study-load {
  text-align: center;
}

/*
Our Campus Information Area Style
======================================================*/
.our-campus-bg.our-campus-bg-style {
  background-color: #f8fafb;
  padding-top: 0;
  margin-bottom: 0;
  padding-left: 50px;
  padding-right: 50px;
}

.our-campus-bg.our-campus-bg-style::before {
  display: none;
}

.our-campus-bg.our-campus-bg-style::after {
  display: none;
}

.our-campus-bg.our-campus-bg-style .campus-content {
  background-color: transparent;
  padding: 0;
}

.our-campus-bg.our-campus-bg-style .campus-content::before {
  display: none;
}

.our-campus-bg.our-campus-bg-style .campus-content span {
  color: var(--main-color);
}

.our-campus-bg.our-campus-bg-style .campus-content h2 {
  color: var(--heading-color);
}

.our-campus-bg.our-campus-bg-style .campus-content p {
  color: var(--body-color);
}

.our-campus-bg.our-campus-bg-style .campus-content .read-more {
  color: var(--main-color);
}

.our-campus-bg.our-campus-bg-style .campus-img-2 {
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
  z-index: 1;
}

.our-campus-bg.our-campus-bg-style .campus-img-2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--main-color);
  width: 300px;
  height: 100%;
  z-index: -1;
  margin: auto;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.our-campus-bg.our-campus-bg-style .campus-img-2:hover::before {
  background-color: var(--optional-color);
}

.our-campus-bg.our-campus-bg-style-three .campus-content {
  background-color: var(--optional-color);
}

.our-campus-bg.our-campus-bg-style-three .campus-content::before {
  left: -415px;
  width: 460px;
  background-color: var(--optional-color);
}

.our-campus-bg.our-campus-bg-style-three .campus-img {
  position: relative;
  z-index: 1;
}

.our-campus-bg.our-campus-bg-style-three .campus-img::before {
  content: "";
  position: absolute;
  top: -30px;
  left: -30px;
  width: 400px;
  height: 500px;
  background-color: var(--main-color);
  z-index: -1;
}

.campus-img {
  margin-top: 0;
}

.campus-content {
  background-color: #3b4292;
  padding: 49px;
  padding-left: 26px;
  position: relative;
}

.campus-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: -300px;
  width: 400px;
  height: 100%;
  background-color: var(--main-color);
  z-index: -1;
}

.campus-content span {
  color: var(--white-color);
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
  display: inline-block;
}

.campus-content h2 {
    font-size: 37px;
    color: var(--white-color);
    margin-bottom: 20px;
    line-height: 44px;
    font-weight: 500;
}
.campus-content p {
  color: var(--white-color);
  margin-bottom: 22px;
}

.campus-content .read-more {
  color: var(--white-color);
}

/*
Simple Steps Area Style
======================================================*/
.single-simple-steps {
  padding: 30px;
  margin-bottom: 30px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border: 1px solid #dddddd;
}

.single-simple-steps.icon-bg-style i {
  background-color: var(--white-color);
  color: var(--optional-color);
  -webkit-box-shadow: var(--box-shadow);
          box-shadow: var(--box-shadow);
  position: relative;
  border-radius: 50%;
}

.single-simple-steps.icon-bg-style i::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: -3px 3px 0px 0px rgba(0, 0, 0, 0.9);
          box-shadow: -3px 3px 0px 0px rgba(0, 0, 0, 0.9);
  border-radius: 50%;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.single-simple-steps.icon-bg-style:hover i:after {
  -webkit-box-shadow: 0 3px 0px 0px rgba(0, 0, 0, 0.9);
          box-shadow: 0 3px 0px 0px rgba(0, 0, 0, 0.9);
}

.single-simple-steps i {
  background-color: var(--optional-color);
  width: 100px;
  height: 100px;
  line-height: 100px;
  border-radius: 50%;
  color: var(--white-color);
  display: inline-block;
  text-align: center;
  font-size: 50px;
  margin-bottom: 20px;
}

.single-simple-steps h3 {
  font-size: 25px;
  margin-bottom: 10px;
}

.single-simple-steps:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

/*
Events Area Style
======================================================*/
.events-area.events-area-style-two .events-timer {
  background-color: var(--main-color);
}

.events-area.events-area-style-two .events-timer .default-btn {
  background-color: var(--white-color);
  color: var(--heading-color);
  display: block;
}

.events-area.events-area-style-two .events-timer .default-btn:hover {
  color: var(--white-color);
}

.events-area.events-area-style-two .pagination-area {
  text-align: left;
}

.events-content span {
  font-size: 15px;
  font-weight: 600;
  color: var(--main-color);
  display: block;
  margin-bottom: 10px;
}

.events-content h2 {
  font-size: 45px;
  margin-bottom: 50px;
}

.events-content .events-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.events-content .events-list li {
  position: relative;
  padding-left: 140px;
  margin-bottom: 40px;
}

.events-content .events-list li:last-child {
  margin-bottom: 0;
}

.events-content .events-list li .events-date {
  background-color: var(--optional-color);
  padding: 30px;
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.events-content .events-list li .events-date span {
  color: var(--white-color);
  margin-bottom: 0;
  font-size: 16px;
}

.events-content .events-list li span {
  margin-bottom: 12px;
  display: block;
  font-size: 14px;
}

.events-content .events-list li h3 {
  font-size: 24px;
  margin-bottom: 15px;
}

.events-content .events-list li h3 a {
  color: var(--heading-color);
}

.events-content .events-list li:hover .events-date {
  background-color: var(--main-color);
}

.events-content .events-list li:hover h3 a {
  color: var(--main-color);
}

.events-content .events-list.events-list-style-three li {
  background-color: #f3f3f4;
  padding: 30px;
  padding-left: 150px;
}

.events-content .events-list.events-list-style-three li .events-date {
  padding: 20px;
  top: 31px;
  left: 31px;
}

.events-content .events-list.events-list-style-three li h3 {
  font-size: 23px;
}

.events-timer {
  background-color: var(--optional-color);
  text-align: center;
  padding: 50px 30px;
}

.events-timer .event-img {
  margin-bottom: 30px;
}

.events-timer span {
  color: var(--white-color);
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  font-family: var(--heading-font-family);
  margin-bottom: 30px;
}

.events-timer h3 {
  color: var(--heading-color);
  font-size: 40px;
  margin-bottom: 30px;
  font-weight: 900;
  letter-spacing: 5px;
}

.events-timer #timer div {
  display: inline-block;
  background-color: var(--white-color);
  color: var(--heading-color);
  width: 80px;
  height: 80px;
  padding-top: 13px;
  font-size: 25px;
  font-weight: 700;
  text-align: center;
  margin-right: 7px;
  margin-bottom: 30px;
}

.events-timer #timer div span {
  display: block;
  text-transform: capitalize;
  margin-top: -4px;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: normal;
  color: var(--heading-color);
  font-weight: 600;
}

.events-timer #timer div:last-child::before {
  display: none;
}

.events-timer #timer div:last-child::after {
  display: none;
}

/*
Admission Area Style
======================================================*/
.admission-img {
  position: relative;
  padding-top: 70px;
  padding-bottom: 70px;
  padding-left: 70px;
  z-index: 1;
}

.admission-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 500px;
    height: 100%;
    border: 20px solid rgba(250,250,250,0.3);
    z-index: -1;
    -webkit-transition: var(--transition);
    transition: var(--transition);
}

.admission-img:hover::before {
  border: 20px solid rgba(250,250,250,1) !important;
}

.admission-content span {
  font-size: 15px;
  color: var(--white-color);
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
}

.admission-content h2 {
    margin-bottom: 20px;
    color: #fff;
    text-transform: capitalize;
    font-size: 32px;
    line-height: 44px;
}
.admission-area{
	position:relative;
}
.admission-area:before {
    position: absolute;
    content: '';
    background-image: url(https://www.htlogics.com/kgnwp/wp-content/uploads/2022/05/page-title-bg-1.jpg);
    background-size: cover;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    opacity: 0.1;
    background-position: center;
    top: 0;
    left: 0;
}
.admission-content p {
  margin-bottom: 30px;
}

/*
Find A Courses Area Style
======================================================*/
.find-courses-bg {
  position: relative;
  z-index: 1;
}

.find-courses-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 48%;
  height: 100%;
  background-color: #f9f5f1;
  z-index: -1;
  display: none;
}

.find-courses-from-bg {
  background-color: #f9f5f1;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-right: 50px;
  padding-left: 50px;
}

.find-courses-from-bg h2 {
    font-size: 32px;
    margin-bottom: 30px;
    border-bottom: 1px solid #edebe8;
    padding-bottom: 10px;
    margin-top: -8px;
    line-height: 44px;
}
.find-courses-from-bg .form-group {
  margin-bottom: 25px;
  position: relative;
}

.find-courses-from-bg .form-group .form-control {
  color: var(--body-color);
}

.find-courses-from-bg .form-group .form-control::-webkit-input-placeholder {
  color: var(--body-color);
}

.find-courses-from-bg .form-group .form-control:-ms-input-placeholder {
  color: var(--body-color);
}

.find-courses-from-bg .form-group .form-control::-ms-input-placeholder {
  color: var(--body-color);
}

.find-courses-from-bg .form-group .form-control::placeholder {
  color: var(--body-color);
}

.find-courses-from-bg .form-group .form-control:focus {
  border-color: var(--main-color);
}

.find-courses-from-bg .form-group i {
  color: var(--body-color);
  position: absolute;
  top: 8px;
  right: 0;
  padding: 5px 15px;
  font-size: 20px;
}

.find-courses-from-bg select option {
  color: var(--heading-color);
}

.find-courses-from-bg .default-btn {
  width: 100%;
  background-color: var(--main-color);
  color: var(--white-color);
}

.find-courses-from-bg .default-btn:hover {
  color: var(--white-color);
}

.find-courses-from-bg.find-courses-from-bg-three {
  padding: 100px;
  padding-bottom: 75px;
  background-image: url(../../assets/images/find-courses-from-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
  z-index: 1;
  margin-top: -200px;
}

.find-courses-from-bg.find-courses-from-bg-three::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--optional-color);
  opacity: 0.9;
  z-index: -1;
}

.find-courses-from-bg.find-courses-from-bg-three h2 {
  text-align: center;
  color: var(--white-color);
  border-color: #384a57;
}

.find-courses-from-bg.find-courses-from-bg-three .single-check {
  color: var(--white-color);
}

.find-courses-from-bg.find-courses-from-bg-three .single-check .checkmark {
  border: 1px solid var(--white-color);
}

.find-courses-from-bg.find-courses-from-bg-three .form-group i {
  color: var(--white-color);
}

.find-courses-from-bg.find-courses-from-bg-three .form-control {
  color: var(--white-color);
}

.find-courses-from-bg.find-courses-from-bg-three .form-control::-webkit-input-placeholder {
  color: var(--white-color);
}

.find-courses-from-bg.find-courses-from-bg-three .form-control:-ms-input-placeholder {
  color: var(--white-color);
}

.find-courses-from-bg.find-courses-from-bg-three .form-control::-ms-input-placeholder {
  color: var(--white-color);
}

.find-courses-from-bg.find-courses-from-bg-three .form-control::placeholder {
  color: var(--white-color);
}

.find-courses-from-bg.find-courses-from-bg-three ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.find-courses-from-bg.find-courses-from-bg-three ul li {
  display: inline-block;
  margin-right: 30px;
}

.find-courses-from-bg.find-courses-from-bg-three ul li:last-child {
  margin-right: 0;
}

/*
Single Check Area Style
======================================================*/
.single-check {
  display: block;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-bottom: 25px;
  font-weight: 600;
}

.single-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.single-check input:checked ~ .checkmark {
  background-color: var(--main-color);
  border-color: var(--main-color);
}

.single-check input:checked ~ .checkmark:after {
  display: block;
}

.single-check:hover input ~ .checkmark {
  background-color: var(--main-color);
  border-color: var(--main-color);
}

.single-check .checkmark {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border-radius: 0;
  border: 1px solid var(--heading-color);
  background-color: transparent;
  position: absolute;
  top: 5px;
  left: 0;
  height: 12px;
  width: 12px;
  border-radius: 50%;
}

.single-check .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 2px;
  left: 2px;
  width: 6px;
  height: 6px;
  border-radius: 0;
  background: var(--white-color);
  border-radius: 50%;
}

/*
Counter Area Style
======================================================*/
.counter-area {
  overflow: hidden;
}

.counter-bg {
  position: relative;
  z-index: 1;
}

.counter-bg .shape {
  position: absolute;
  z-index: -1;
}

.counter-bg .shape.counter-shape-1 {
  top: -30px;
  left: -30px;
}

.counter-bg .shape.counter-shape-2 {
  bottom: -0;
  right: -30px;
}

.single-counter {
    background-color: #00235a;
    text-align: center;
    padding: 10px 30px;
    margin-bottom: 20px;
    -webkit-transition: var(--transition);
    transition: var(--transition);
}
.single-counter.bg-172f41 i {
    color: royalblue !important;
}
.single-counter i {
    color: #00235a !important;
}
.single-counter.bg-172f41 {
    background-color: #4169e1;
}

.single-counter.mt-minus-24 {
  margin-top: -24px;
}

.single-counter.bg-style {
  background-color: #efeef2;
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 165px;
  padding-right: 40px;
  text-align: left;
  margin-bottom: 30px;
}

.single-counter.bg-style i {
  position: absolute;
  top: 38px;
  left: 40px;
  width: 100px;
  height: 100px;
  line-height: 100px;
  font-size: 50px;
  text-align: center;
}

.single-counter.bg-style h2 {
  color: var(--heading-color);
}

.single-counter.bg-style h4 {
  color: var(--body-color);
}

.single-counter i {
  background-color: var(--white-color);
  width: 70px;
  height: 70px;
  line-height: 70px;
  color: var(--main-color);
  display: inline-block;
  border-radius: 50%;
  font-size: 40px;
  margin-bottom: 15px;
}

.single-counter h2 {
  color: var(--white-color);
  margin-bottom: 5px;
}

.single-counter h4 {
  font-weight: normal;
  font-size: 18px;
  color: var(--white-color);
}

.single-counter:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

/*
Campus Experience Area Style
======================================================*/
.campus-experience-area {
  background-image: url("https://kgneducationcareersolution.com/wp-content/uploads/2022/05/campus-experience-bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.logistics-solutions-img {
  text-align: center;
}

.campus-experience-slider.owl-theme .owl-nav {
  margin-top: 0 !important;
}

.campus-experience-slider.owl-theme .owl-nav .owl-prev, .campus-experience-slider.owl-theme .owl-nav .owl-next {
  position: absolute;
  left: -5px;
  top: 50%;
  -webkit-transform: translateY(-12px);
          transform: translateY(-12px);
  margin: 0 5px;
  opacity: 0;
}

.campus-experience-slider.owl-theme .owl-nav .owl-prev i, .campus-experience-slider.owl-theme .owl-nav .owl-next i {
  font-size: 20px;
  color: var(--main-color);
  border: 1px solid var(--main-color);
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.campus-experience-slider.owl-theme .owl-nav .owl-prev:hover i, .campus-experience-slider.owl-theme .owl-nav .owl-next:hover i {
  background-color: var(--main-color);
  color: var(--white-color);
}

.campus-experience-slider.owl-theme .owl-nav .owl-next {
  right: -5px;
  left: auto;
}

.campus-experience-slider.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: transparent;
}

.campus-experience-slider:hover.owl-theme .owl-nav .owl-prev, .campus-experience-slider:hover.owl-theme .owl-nav .owl-next {
  opacity: 1;
}

.single-campus-experience {
  background-color: var(--white-color);
  padding: 20px;
}

.single-campus-experience span {
  color: var(--main-color);
  margin-bottom: 10px;
  display: block;
}

.single-campus-experience h3 {
    font-size: 32px;
    margin-bottom: 20px;
    text-transform: capitalize;
    line-height: 44px;
}

.single-campus-experience .default-btn {
  margin-top: 16px;
}

.single-campus-experience .read-more {
  margin-top: 25px;
  display: block;
}
.single-campus-experience p {
  color: #000000ab !important;
}
.campus-experience-bg {
  background-image: url(../../assets/images/campus-experience-bg-2.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.campus-experience-bg .campus-experience-slider {
  max-width: 620px;
  margin-left: auto;
  margin-right: 50px;
}

.campus-experience-area-style .campus-experience-bg {
  position: relative;
}

.campus-experience-area-style .campus-experience-bg::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 400px;
  height: 100%;
  background-color: var(--optional-color);
  display: none;
}

.campus-experience-area-style .campus-experience-bg::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 400px;
  height: 50px;
  background-color: var(--white-color);
  display: none;
}

/*
Team Area Style
======================================================*/
.single-team-member {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  margin-bottom: 30px;
  position: relative;
  transition: var(--transition);
}

.single-team-member .team-content {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: var(--white-color);
}

.single-team-member .team-content .team-name {
  background: var(--white-color);
  -webkit-box-shadow: var(--box-shadow);
          box-shadow: var(--box-shadow);
  padding: 20px 20px;
  width: 351px;
  max-width: 100%;
  text-align: center;
}

.single-team-member .team-content h3 {
  margin-bottom: 10px;
  font-size: 20px;
}

.single-team-member .team-content span {
  display: block;
  font-size: 15px;
  color: var(--body-color);
}

.single-team-member .team-content .team-social .control {
  width: 64px;
  height: 64px;
  line-height: 64px;
  background-color: var(--optional-color);
  font-size: 20px;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: -64px;
  color: var(--white-color);
  z-index: 1;
}

.single-team-member .team-content .team-social:hover .control {
  background-color: var(--main-color);
}

.single-team-member .team-content .team-social ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  bottom: 64px;
  left: -64px;
  opacity: 0;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.single-team-member .team-content .team-social ul li a i {
  width: 64px;
  height: 64px;
  line-height: 64px;
  background-color: var(--main-color);
  color: var(--white-color);
  font-size: 20px;
  text-align: center;
  border-bottom: 1px solid #eeeeee;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  display: inline-block;
}

.single-team-member .team-content .team-social ul li a:hover i {
  background-color: var(--heading-color);
}

.single-team-member .team-content .team-social ul li:nth-child(4) a i {
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
}

.single-team-member .team-content .team-social ul li:nth-child(3) a i {
  -webkit-transform: translateY(80px);
          transform: translateY(80px);
}

.single-team-member .team-content .team-social ul li:nth-child(2) a i {
  -webkit-transform: translateY(120px);
          transform: translateY(120px);
}

.single-team-member .team-content .team-social ul li:nth-child(1) a i {
  -webkit-transform: translateY(160px);
          transform: translateY(160px);
}

.single-team-member .team-content .team-social:hover ul {
  opacity: 1;
}

.single-team-member .team-content .team-social:hover ul li:nth-child(4) a i {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.single-team-member .team-content .team-social:hover ul li:nth-child(3) a i {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.single-team-member .team-content .team-social:hover ul li:nth-child(2) a i {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.single-team-member .team-content .team-social:hover ul li:nth-child(1) a i {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.single-team-member:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

/*
Application Submit Area Style
======================================================*/
.application-submit-bg {
  background-image: url(../../assets/images/application-submit-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  padding: 100px;
  overflow: hidden;
}

.application-submit-bg .col-lg-6 {
  position: relative;
}

.application-submit-bg.application-submit-bg-style-three {
  overflow: initial;
}

.application-submit-bg.application-submit-bg-style-three .application-submit-img {
  bottom: -201px;
}

.application-submit-content h2 {
  font-size: 45px;
  color: var(--white-color);
  margin-bottom: 40px;
}

.application-submit-content .default-btn {
  background-color: var(--white-color);
  color: var(--optional-color);
}

.application-submit-content .default-btn:hover {
  color: var(--white-color);
}

.application-submit-img {
  text-align: center;
  position: absolute;
  bottom: -205px;
  right: 0;
  left: 0;
}

/*
Costing Area Style
======================================================*/
.costing-content {
  margin-bottom: 30px;
}

.costing-content h2 {
  font-size: 45px;
  margin-bottom: 20px;
}

.costing-content p {
  margin-bottom: 20px;
}

.single-costing-card {
  background-color: #f3f3f4;
  padding: 30px;
  text-align: center;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  margin-bottom: 30px;
}

.single-costing-card h3 {
  font-size: 25px;
  color: var(--main-color);
  margin-top: -4px;
}

.single-costing-card .subtitle {
  display: block;
  margin-bottom: 30px;
  font-size: 14px;
  font-weight: 600;
}

.single-costing-card p {
  border-bottom: 1px solid #dddfe2;
  padding-bottom: 15px;
  margin-bottom: 15px;
  font-weight: 600;
  color: var(--heading-color);
  font-size: 15px;
}

.single-costing-card p span {
  color: var(--body-color);
}

.single-costing-card p .price {
  color: var(--main-color);
}

.single-costing-card ul {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left;
}

.single-costing-card ul li {
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
}

.single-costing-card ul .price {
  color: var(--main-color);
  float: right;
}

.single-costing-card:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

/*
Blog Area Style
======================================================*/
.single-blog {
  margin-bottom: 30px;
}

.single-blog .blog-img {
  display: block;
  position: relative;
  margin-bottom: 30px;
}

.single-blog .blog-img span {
  background-color: var(--optional-color);
  color: var(--white-color);
  display: inline-block;
  padding: 5px 20px;
  font-size: 15px;
  position: absolute;
  bottom: 10px;
  left: 10px;
}

.single-blog .blog-content {
  position: relative;
  z-index: 1;
}

.single-blog .blog-content::before, .single-blog .blog-content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--white-color);
  z-index: -1;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.single-blog .blog-content::after {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}

.single-blog .blog-content ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}

.single-blog .blog-content ul li {
  font-size: 15px;
  display: inline-block;
  margin-right: 15px;
  color: var(--body-color);
}

.single-blog .blog-content ul li i {
  color: var(--main-color);
  position: relative;
  top: 2px;
  margin-right: 5px;
}

.single-blog .blog-content ul li a {
  color: var(--body-color);
}

.single-blog .blog-content ul li a:hover {
  color: var(--main-color);
}

.single-blog .blog-content h3 {
  font-size: 24px;
  margin-bottom: 15px;
}

.single-blog .blog-content h3 a {
  color: var(--heading-color);
}

.single-blog .blog-content p {
  margin-bottom: 17px;
  color: var(--body-color);
}

.single-blog .blog-content .read-more {
  color: var(--heading-color);
}

.single-blog:hover .blog-content h3 a {
  color: var(--main-color);
}

.single-blog:hover .blog-content::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.single-blog:hover .blog-content::after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
/* ------my css */
.banner-content h1 {font-size: 28px;margin-bottom: 10px;color: #00235a;-webkit-animation: .6s fadeInUpBig; /*font-family:'remixicon';*/ animation: .6s fadeInUpBig;font-weight: 600;text-transform: uppercase;}
.banner-content h1 label{color: #fff; font-size: 35px; font-weight: 700; padding: 11px 20px; background: #ef8433; border-radius: 100%; margin: 0 15px 0 0;}
.single-campus-experience-inner {display: flex;}
.single-campus-experience-inner figure {border: 1px solid #eee;border-radius: 50px;padding: 10px;}
.single-campus-experience-inner figure img {width: 60px !important;height: 60px !important;object-fit: cover;border-radius: 60px;}
.single-campus-experience-inner h3 {padding: 18px 0px 0px 18px;font-size: 21px;}
.admission-area{background-color: #00235a;}
.admission-area p{color: white;}
/*# sourceMappingURL=style.css.map */
header#masthead {display: none;}
.gallery-nav a:hover {background-color: transparent !important;border: 1px solid #ef8433 !important;}
.single-study:hover i {color: #00235a !important;}
.banner-inner {position: relative;padding: 0;overflow: hidden;height: 255px;background: #fbda1a;background: -moz-linear-gradient(left, #fbda1a 0%, #0044cc 100%);background: -webkit-linear-gradient(left, #fbda1a 0%,#0044cc 100%);background: linear-gradient(to right, #4169e1 0%,#00235a 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbda1a', endColorstr='#0044cc',GradientType=1 );-webkit-border-radius: 0 0 100px 0;-moz-border-radius: 0 0 100px 0;border-radius: 0 0 100px 0;z-index: 1;}
.banner-inner::before {content: "";background-attachment: scroll;background-repeat: no-repeat;background-position:center;background-size: cover;left: 0;background-image: url(/wp-content/uploads/2022/12/about-banner-scaled.jpg);top: 0;width: 100%;position: absolute;height: 100%;opacity: 0.5;}
.banner-inner .textblock {height: 255px;position: relative;}
.banner-inner .block {left: 0;top: 30%;position: absolute;width: 100%;}
.breadcrumb {font-size: 16px;line-height: 15px;position: relative;z-index: 5;margin: 0;padding: 0;background: none;color: #fff;display:block;}
.banner-inner .page-title .holder {overflow: hidden;position: relative;padding: 0;}
.breadcrumb .page-title .holder h1 {color: white !important; text-align:center;}
.breadcrumb > li {margin: 0 0 5px; text-align:center;}
.breadcrumb li a {color: #fff;  text-align:center;}
.page .entry-content {margin: 30px 0px;}
.image-border {padding: 10px;position: relative;border: 1px solid #eee;border-radius: 7px;margin: 30px 0px 0px 20px;}
.application-form .form-control {margin-bottom: 10px;padding: 5px 10px;color: #000000c7;background-color: #eeeeee3b;border-radius: 4px;height: 44px !important;position: relative;height: auto;/* box-shadow: 5px 1px 14px #eee; */}
.application-form .default-btn {border: 1px solid transparent;padding: 15px 30px;margin: 20px 0px;width: 150px;text-transform: uppercase;font-size: 18px;font-weight: 600;}
.application-form .default-btn:hover {background-color: transparent;border: 1px solid #ef8433;color: #ef8433;}
.map {padding: 10px;border: 1px solid #eee;}
form.wpcf7-form.init {background: #fff;box-shadow: 0px 5px 25px rgb(0 0 0 / 8%);padding: 25px 25px 15px;transition: 0.3s ease-in;}
.application-form label {position: relative;margin-bottom: 10px;}
.elementor-section.elementor-section-boxed > .elementor-container {max-width: 1277px !important;}
.contact-icon div ul li span{border: 1px dashed royalblue !important;padding: 20px 36px !important;border-radius: 50px !important;display: flex !important;justify-content: center !important;}
.contact-box {box-shadow: 0px 5px 25px rgb(0 0 0 / 8%);margin: 0px 20px 0px 0px;border-radius: 10px;}
.gallery-inner .rl-gallery-link.swipebox {border: 1px solid #eee;padding: 10px;margin: 10px 10px;overflow: hidden !important; background-color:transparent;}
.gallery-inner .rl-gallery-link.swipebox img {height: 240px;object-fit: cover;}
.single-study .icon {border: 1px solid;display: block;width: 26%;margin: 0px;padding: 10px;border-radius: 50px;}
.single-study img {width: 50px !important;margin: 0px;}
.edu-box {padding: 20px;border: 2px solid #eee;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}
.edu-box div img {min-width: 100% !important;height: 229px !important;object-fit: cover;}
.edu-box div h3 {background: none;color: #4169e1 !important;margin: 0 0 10px;padding: 0px;font-size: 22px;font-weight: 500 !important;}
.edu-box div p {text-align: center !important;font-size: 17px;color: #343434 !important;font-weight: 500 !important;}
.gallery-sec.home-gallery img {width: 100%;object-fit: cover;margin: 0px 0px 0px 0px;object-position: top;}
section.our-campus-information-area.pb-100 {background-color: #3f3f9a; padding: 0px;}
.find-courses-bg div figure {border-top: 10px solid royalblue;border-right: 10px solid #3155be;border-left: 10px solid #3155be;padding: 20px;border-bottom: 10px solid royalblue;}
.find-courses-bg div figure img{height: 551px;object-fit: cover;}
.campus-img img {height: 400px;object-fit: cover;width: 100%;}
.test-upper{padding:20px; background-color:#fff;}
footer .footer-links li{margin-bottom:30px;}
.test-box{padding: 30px;border: 2px solid #eee;display: flex;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}
.test-box figure {padding: 10px;margin-right: 30px;border: 1px solid #eee;text-align: center !important;max-width: 200px;margin: 0px 30px !important;}
.test-box .test-para h3{color: #413e9c;font-size: 32px;}
.test-box .test-para span{color: #ef8433;position: relative;}
.test-box figure img {width: 626px;height: 183px;object-fit: cover;}
.test-box .test-para p {margin-top: 12px;}
figure.image-border img {width: 100%;}
.n2-ss-slider .n2-ss-slider-wrapper-inside{position: relative;display: grid;grid-template-columns: 100%; height: 600px;}
.top-marquee marquee{font-size: 18px;vertical-align: bottom;text-transform: capitalize;}
section.top-marquee marquee i {font-size: 14px;top: 2px;position: relative;margin: 0px 10px;}
.campus-experience-area{padding:20px 0px;}
img.gs-logo--img.wp-post-image{height: 100px !important;width: 140px !important;object-fit: contain;}
.gs_logo_container .gs_logo_title{display:none;}
.gs_logo_area.carousel_nav_pos--left-right-out .swiper-button-next{right:0px;}
.gs_logo_area.carousel_nav_pos--left-right-out .swiper-button-prev{left:0px;}
section.partner-sec {padding: 20px 0px 70px 0px;}
.top-marquee marquee {font-size: 18px;vertical-align: bottom;}
.pum-theme-596 .pum-title, .pum-theme-enterprise-blue .pum-title{color: #413ea9 !important;text-align: left;text-shadow: 0px 0px 0px rgb(2 2 2 / 23%);font-family: inherit;font-weight: 600 !important;font-size: 34px;line-height: 36px;}
div#pum-603 form {box-shadow: none; padding:0px;}
.pum-theme-596 .pum-title, .pum-theme-enterprise-blue .pum-title {color: #315b7c !important;font-size: 34px !important;margin-bottom: 15px !important;}
.pum-theme-596 .pum-content + .pum-close, .pum-theme-enterprise-blue .pum-content + .pum-close {right: 42px !important;border-radius: 4px !important; top:35px !important;}
.pum-container.pum-responsive.pum-responsive-small {margin-left: -20%;width: 40%;padding: 30px 40px;}
.campus-content span{font-size: 14px !important;letter-spacing: 2px !important;}
.top-marquee marquee{background-color: #ef8433;color: #fff;padding: 5px 0px;}
.top-title h2{font-size: 19px;text-align: center;color: #fff;text-transform: uppercase;font-weight: 400;padding-left: 30px;}
.top-title h2 span{font-size: 30px;color: #fff;margin-right: 3px;font-weight: 800;}
header .sidebar-btn {position: fixed;right: -92px;top: 350px;transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);z-index: 999;}
header .sidebar-btn button {padding: 10px 32px;background-color: #413e9c;color: #fff;text-transform: uppercase;font-weight: 700;border: 5px solid #fff;}
/* result popup css */
div#popmake-817 {border: none;padding: 20px;background-color: #fff;box-shadow: none;border-left: 15px solid #ee8532;border-right: 15px solid #ee8532;border-top: 15px solid #c96312;border-bottom: 15px solid #c96312;}
button.pum-close.popmake-close {top: 26px !important;right: 17px !important;background-color: #424393 !important;border-radius: 10px !important;}   
div#pum_popup_title_817 {text-align: center;font-size: 29px;font-weight: 600;color: #ee8534;margin-bottom: 20px;}
.popup-right figure {display: flex;}
.popup-right figure img {width: 120px !important;}
section.result-popup h1 span {color: #2aade3;font-size: 40px;}
section.result-popup h1 {font-weight: 600;font-size: 19px;letter-spacing: 0px;}
.popup-right {display: flex;padding-top: 29px;}
.pum-theme-596 .pum-title, .pum-theme-enterprise-blue .pum-title {color: #315b7c;text-align: left;text-shadow: 0px 0px 0px rgb(2 2 2 / 23%);font-family: inherit;font-weight: 100;font-size: 34px;text-transform: uppercase;line-height: 36px;}
section.result-popup p {font-size: 16px;font-weight: 600;}
section.result-popup p a {color: #ee8433;font-weight: 700;}
.popup-right {display: flex;padding-top: 107px;}
/* end popup css */
.home-grid-gallery .right-img figure{padding: 10px;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}
.home-grid-gallery .right-img figure img {width: 100%;height: 250px;object-fit: cover;margin-bottom: 20px;border: 1px solid #ef8433; border-radius: 4px;}
.home-grid-gallery .left-img figure img{height: 960px;}
.home-grid-gallery .right-img figure figcaption h3{text-align: center;font-size: 16px;font-weight: 600;}
.home-grid-gallery .left-img figure {padding: 0;border-radius: 0 0 60px 0;overflow: hidden;margin: 0;position: relative;}
.home-grid-gallery .right-img {padding: 0 20px 0 0;}
.home-grid-gallery .left-img figure img {padding-right: 45px; border-radius: 0px 0px 101px 0px;}
.left-img figure figcaption{position: relative;bottom: 58px;background-color: #000;width: 93%;text-align: center;border-radius: 0px 0px 100px 0px;}
.left-img figure figcaption h3 {color: #fff;font-size: 21px;padding: 5px 0px;}
.home-grid-gallery .container{max-width: inherit;}
.home-grid-gallery {padding: 30px 0px 30px 0px!important;}
.banner-text {background: #413e9c;text-align: center;padding: 40px 0;}
.banner-text h2 {color: #fff;text-transform: uppercase;font-weight: 600;font-size: 38px;}
.banner-text h3 {background: #ef8433;color: #fff;font-weight: 600;padding: 15px 15px 10px;}
.banner-text h4 {color: #fff;font-weight: 600;text-transform: uppercase;}
.banner-text .container {max-width: inherit;padding: 0;}
.banner-text .row {margin: 0px;padding: 0px;}
@media(min-width:460px) and (max-width:768px){
  .banner-inner::before{background-size: inherit;}	
	.banner-content{margin-top: 20px;}
	.banner-content h1{font-size: 26px;}
	.banner-content h1 label{font-size: 57px;}
	.banner-content .banner-btn{margin-top: 10px;}
	.banner-btn{margin: 30px;}
	.banner-btn a{margin: 30px;}
	.about-area h2{font-size: 20px;line-height: 30px;text-align: justify;}
	.study-area .owl-theme .owl-nav{top: -26px;}
	.single-study .icon{width: 15%;}
	.campus-content h2{font-size: 22px;line-height: 30px;}
	section.admission-area.ptb-100{padding: 20px;}
	.admission-img.mr-15{padding: 20px !important;}
	.admission-content h2{font-size: 18px;line-height: 30px;}
	form.find-courses-from-bg.mr-15{padding: 20px;}
	.single-campus-experience{padding: 20px;}
	.single-campus-experience h3{font-size: 22px;line-height: 30px;}
  .popup-right {padding-top: 20px;}
  .top-header .col-md-3.col-12 {display: none;}
  .top-header .single-li {display: none;}
  .top-header .col-md-5.col-12 {width: 100%;}
  .top-header .header-right-content {justify-content: center;}

}

@media(min-width:320px) and (max-width:460px){
	
	.banner-content{margin-top: 0px;}
	.banner-content h1{font-size: 22px;}
	.banner-content h1 label{font-size: 51px;}
	.banner-btn{margin: 10px 0 !important;position: relative !important;width: 1;display: flex;}
	.banner-content .banner-btn a{width: 100% !important;/* margin: 20px; */font-size: 10px;padding: 5px;}
	.n2-ss-slider .n2-ss-slider-wrapper-inside{height: 300px !important;}
	section.about-area.ptb-100{padding: 0px;}
	.about-area h2{font-size: 20px;line-height: 30px;}
	.section-title.white-title h2{font-size: 23px;color: #ffff;}
	.study-area .owl-theme .owl-nav{top: -20px;}
	.single-study .icon{width: 19%;}
	.campus-content{padding: 20px;}
	.campus-content h2{font-size: 21px;line-height: 30px;}
	section.admission-area.ptb-100{padding: 20px !important;}
	.admission-img.mr-15{padding: 0px;}
	.admission-content h2{font-size: 22px;line-height: 30px;}
	form.find-courses-from-bg.mr-15{padding: 20px;}
	.footer-links{padding:0px !important;}	
	.header-right-content{display: block !important;}
	.top-header .header-right-content i{float: inherit!important; top:0px;}
	.test-box{display: block; padding: 10px;}
	.test-box figure{margin: 0px auto;}
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{display:none !important;}
  .top-header .col-md-3.col-12 {display: none;}
  .top-header .single-li {display: none;}
  .top-header .col-md-5.col-12 {width: 100%;}
  .top-header .header-right-content {justify-content: center;}
	.btn-wrap.col-sm-12 {margin-top: 10px;}
.checkbox-wrap span.wpcf7-list-item {display: flex;justify-content: flex-start;}
.application-form .checkbox-wrap .form-control {height: 220px !important;}
.campus-experience-area{background: none !important;}
.flyer-sec .box-wrap figure {
  padding: 10px;
}
.flyer-sec .box-wrap figure img {
  height: 138px !important;
  width: 100% !important;}
}


/***** balpreet cc *****/
@media(min-width:320px) and (max-width:767px){
.mobile-responsive-nav .logo { position: relative; width: 216px; z-index: 999; display: flex;  align-items: center;}
.logo-name h3 { color: #413e9c !important;  text-transform: uppercase; font-size: 14px;}

.copy-right  .col-6 { flex: 0 0 100% !important ; width: 100% !important;padding-bottom: 18px  !important;}	
	.pum-container.pum-responsive.pum-responsive-small{margin: 0; width: auto; left: 20px !important; right: 20px !important;}
	.top-header .header-left-content li small, .top-header .header-right-content small{display: none !important;}
	.top-header .header-left-content li i, .top-header .header-right-content i{top: -5px !important;}
	.navbar-area .mega-menu-toggle{display: none !important;}
	.banner-area{padding: 50px 15px !important;}
	.study-area .owl-theme .owl-nav {top: -20px;}
	.section-title.white-title h2{line-height: 33px; padding: 0 0 20px;}
	.about-area .about-content{padding: 20px 0 !important; margin: 0px !important;}
	.study-area{padding: 20px 0 !important;}
	.find-courses-area .ml-15{margin: 0 !important;}
	.test-upper{padding: 20px 0;}
	.test-upper h3{margin: 15px 15px 0;}
	.campus-content{padding: 15px 0 20px !important;}
	.footer-logo a span{font-size: 20px; padding: 14px 0px 0px 0;}
	.footer-links{padding: 0;}
	.container.footer-container {padding: 20px;}
  .banner .carousel-control-prev {width: 35px !important;height: 35px !important;}
  .carousel-control-next-icon, .carousel-control-prev-icon {display: inline-block;width: 2rem;height: 1rem;}
  .banner .carousel-control-next {width: 35px !important;height: 35px !important;}
  .carousel-control-next-icon, .carousel-control-prev-icon {display: inline-block;width: 2rem;height: 1rem;}
	.banner-text .row {margin: 0px !important;padding: 0px !important;}
  .banner-text h2 {font-size: 28px;}
  .banner-text h3 {font-size: 16px;}
  .banner-text h4 {font-size: 18px;}
  .top-header .col-md-3.col-12 {display: none;}
  .top-header .single-li {display: none;}
  .top-header .col-md-5.col-12 {width: 100%;}
  .top-header .header-right-content {justify-content: center;}
  .btn-wrap.col-sm-12 {margin-top: 10px;}
.checkbox-wrap span.wpcf7-list-item {display: flex;justify-content: flex-start;}
.application-form .checkbox-wrap .form-control {height: 220px !important;}
}

@media(min-width:768px) and (max-width:960px){
.mobile-responsive-nav .logo { position: relative; width: 216px; z-index: 999; display: flex;  align-items: center;}
.logo-name h3 { color: #413e9c !important;  text-transform: uppercase; font-size: 14px;}
	.copy-right  .col-6 { flex: 0 0 100% !important ; width: 100% !important;padding-bottom: 18px  !important;}	
	.top-header .col-sm-6{width: 35%;}
	.top-header .col-sm-6:nth-child(2){width: 65%;}
	.top-header .header-right-content .social-icon{padding: 0px 0px 0px 30px;}
	.pum-container.pum-responsive.pum-responsive-small{margin: 0; width: auto; left: 20px !important; right: 20px !important;}
	.top-header .header-left-content li small, .top-header .header-right-content small{display: none !important;}
	.top-header .header-left-content li i, .top-header .header-right-content i{top: -5px !important;}
	.navbar-area .mega-menu-toggle{display: none !important;}
	.banner-area{padding: 50px 15px !important;}
	.study-area .owl-theme .owl-nav {top: -20px;}
	.section-title.white-title h2{line-height: 33px; padding: 0 0 20px;}
	.about-area .about-content{padding: 20px 0 0 !important; margin: 0px !important;}
	.study-area{padding: 20px 0 !important;}
	.find-courses-area .ml-15{margin: 0 !important;}
	.test-upper{padding: 20px 0;}
	.test-upper h3{margin: 15px 15px 0;}
	.campus-content{padding: 15px 0 20px !important;}
	.footer-area .col-lg-4.col-sm-6{width: 33.3333%;}
	.footer-logo a img{width: 79px;}
	.footer-logo a span{font-size: 14px; padding: 14px 0px 0px 0;}
	.footer-links{padding: 0;}
	.container.footer-container {padding: 20px;}
  .top-header .col-md-3.col-12 {display: none;}
  .top-header .single-li {display: none;}
  .top-header .col-md-5.col-12 {width: 100%;}
  .top-header .header-right-content {justify-content: center;}
	
}

@media(min-width:960px) and (max-width:1090px){
.mobile-responsive-nav .logo { position: relative; width: 216px; z-index: 999; display: flex;  align-items: center;}
.logo-name h3 { color: #413e9c !important;  text-transform: uppercase; font-size: 14px;}
	.copy-right  .col-6 { flex: 0 0 100% !important ; width: 100% !important;padding-bottom: 18px  !important;}	
	.top-header .col-sm-6{width: 35%;}
	.top-header .col-sm-6:nth-child(2){width: 65%;}
	.top-header .header-right-content .social-icon{padding: 0px 0px 0px 30px;}
	.pum-container.pum-responsive.pum-responsive-small{margin: 0; width: auto; left: 20px !important; right: 20px !important;}
	.top-header .header-left-content li small, .top-header .header-right-content small{display: none !important;}
	.top-header .header-left-content li i, .top-header .header-right-content i{top: -5px !important;}
	.navbar-area .mega-menu-toggle{display: none !important;}
	.banner-area{padding: 50px 15px !important;}
	.study-area .owl-theme .owl-nav {top: -20px;}
	.section-title.white-title h2{line-height: 33px; padding: 0 0 20px;}
	.about-area .about-content{padding: 20px 0 0 !important; margin: 0px !important;}
	.study-area{padding: 20px 0 !important;}
	.find-courses-area .ml-15{margin: 0 !important;}
	.test-upper{padding: 20px 0;}
	.test-upper h3{margin: 15px 15px 0;}
	.campus-content{padding: 15px 0 20px !important;}
	.footer-area .col-lg-4.col-sm-6{width: 33.3333%;}
	.footer-logo a img{width: 79px;}
	.footer-logo a span{font-size: 14px; padding: 14px 0px 0px 0;}
	.footer-links{padding: 0;}
	.container.footer-container {padding: 20px;}
  .top-header .col-md-3.col-12 {display: none;}
  .top-header .single-li {display: none;}
  .top-header .col-md-5.col-12 {width: 100%;}
  .top-header .header-right-content {justify-content: center;}
  .copy-right  .col-4 { flex: 0 0 100%; width: 100%;padding-bottom: 18px  !important;}
}
figure.home-grid-large  img {
  height: 650px !important;
  object-position: left;
}
.banner .carousel-control-prev { top: 47%; width: 55px; height: 55px; z-index: 100; color: #ffffff; display: block; font-size: 24px; cursor: pointer; line-height: 55px; text-shadow: none; position: absolute; font-weight: normal; background: #ef8433; }
.banner .carousel-control-prev span { padding: 0 0 0 !important; display: block; margin: 0 auto; }
.banner .carousel-control-prev br {display: none;}
.banner .carousel-control-next { top: 47%; width: 55px; height: 55px; z-index: 100; color: #ffffff; display: block; font-size: 24px; cursor: pointer; line-height: 55px; text-shadow: none; position: absolute; font-weight: normal; background: #ef8433; }
.banner .carousel-control-next span { padding: 0 0 0 !important; display: block; margin: 0 auto; }
.banner .carousel-control-next br {display: none;}
.top-header .header-right-content .social-icon h4 {font-size: 12px;text-align: center;color: #fff;margin: 0px 0px -5px 0px;top: -10px;position: relative;}
section.pick-line {text-align: center;background-color: #4169e1;padding: 9px 0px;}
section.pick-line h3 {margin: 0px;color: #fff;position: relative !important;font-weight: 600;}
.flyer-sec {padding: 40px 0px;position: relative;z-index: 4;}
.flyer-sec:after {position: absolute;content: '';width: 100%;height: 70%;z-index: -2;inset: 0px;background-color: #5478e3;}
.flyer-sec h3 {color: #fff;margin-bottom: 10px;text-align: left;font-weight: 700;font-size: 28px;}
.flyer-sec .box-wrap figure {padding: 20px;}
.flyer-sec .box-wrap figure img {width: 100%;height: 400px;}
.flyer-sec .owl-item.active.center {transition: 0.5s ease-in-out;transform: scale(1.1);}
.home-grid-gallery .left figure {
    padding: 10px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}


.copy-right{background-color:white !important;}
.copy-right iframe{height:500px !important; width:100% !important}
.copy-right h1{text-align: center; padding-bottom: 16px;}

a.mega-menu-link {
    line-height: 24px !important;
    font-size: 12px !important;
}
.top-marquee marquee {
    background-color: #4169e1 !important;
    color: #fff !important;
    padding: 5px 0px !important;
}
section.pick-line {
    text-align: center !important;
    background-color: #ef8433 !important;
    padding: 9px 0px !important;
}
.col-lg-4.col-sm-6 #sp {
    color: white;}