/**
Theme Name: KG Mittal College
Author: Svayambhu Tech
Author URI: https://svayambhutech.com/
Description: Custom Child WordPress Theme For KG Mittal
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kg-mittal-college
Template: astra
*/

:root {
  --main-color: #FF4040;
  --sc-color: #F01515;
  --hover-color: #F01515;
  --accent-2: #8E2DE2;
  --accent-3: #4A00E0;
  --accent-4: #E94057;
  --accent-5: #8A2387;
  --heading-color: #101010;
  --para-color: #2B2A35;
  --border-color: #e9e9e9;
  --bg-color: #F7F7F9;
  --white: #fff;
  --black: #000;
}
section.error-404.not-found {
 padding: 100px 0;
}
body p {
 margin-bottom: 10px;
}

header .hfe-nav-menu__layout-horizontal li.menu-item {
 border-bottom: 4px solid rgba(170, 164, 164, 0);
}
header .hfe-nav-menu__layout-horizontal li.menu-item.current-menu-item {
 border-bottom: 4px solid rgb(255, 255, 255);
}
.elementor div.elementor-element .sub-menu .menu-item.current-menu-item a.hfe-sub-menu-item.hfe-sub-menu-item-active {
 background-color: #fff;
}
.elementor-template-full-width div.ast-container {
 display: block;
 width: 100%;
 max-width: 100%;
 margin: 0 auto;
 padding: 0;
}
.infrastructure-wrap .swiper-slide {
 height: 100%;
}
.infrastructure-wrap .swiper-slide {
 height: 100%;
}
.infrastructure-wrap .swiper-slide img {
 height: 100%;
 object-fit: cover;
 height: 385px;
}

.infrastructure-wrap .swiper-slide-inner {
 background-color: #fff;
 padding: 20px;

 width: 100%;
}
.infrastructure-wrap .elementor-widget-image-carousel .swiper {
 position: relative;
 padding-bottom: 100px;
}
.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button {
 position: absolute;
 top: auto;
 bottom: 0;

 left: 50%;
}
.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button.elementor-swiper-button-next {
 transform: translateX(30px);
}
.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button.elementor-swiper-button-prev {
 transform: translateX(-30px);
}
.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button {
 height: 52px;
 width: 52px;
 border-radius: 50%;
 line-height: 52px;
 display: flex;
 justify-content: center;
 align-items: center;
 text-align: center;
 background-color: #0000009e;
}
.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button:hover {
 background-color: var(--main-color);
}
.ff-default .ff-el-form-control {
 min-height: 50px;
 line-height: 1.3em;
 padding: 10px 15px 12px 15px;
 border-radius: 10px;
 color: var(--heading-color)!important;
 font-size: 16px;
  background:#fff ;
  border:1px solid #cccccc63  !important;
		height:100%;
}
.ff-default .ff-el-form-control::placeholder {
 line-height: 1.3em;
 font-size: 16px;
 color: var(--heading-color)!important;

	height:100%;
}
.ff-el-group select.ff-el-form-control:not([size]):not([multiple]) {
  
    height: 50px !important;
}
.fluentform .ff-el-group.ff_submit_btn_wrapper {
    margin-bottom: 0px;
}
.elementor-element .fluentform-widget-wrapper form.frm-fluent-form div.ff_submit_btn_wrapper button.ff-btn.ff-btn-submit{
  background-color: var(--main-color) !important;
  border-radius:10px;
  padding: 10px 30px 10px 30px;
  border: 1px solid var(--main-color);
  outline: none;
  box-shadow: none;
  position: relative;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 0;
}
.elementor-element .fluentform-widget-wrapper form.frm-fluent-form div.ff_submit_btn_wrapper button.ff-btn.ff-btn-submit:hover {
  background-color: transparent !important;
  color: var(--main-color) !important;
}

.ff-el-input--label label{
	display:none !important;
}
.img-gl .gallery-item {
height:300px;
}
.img-gl .gallery-item .gallery-icon {
height:100%;
}
.img-gl .gallery-item .gallery-icon a {
height:100%;
display:block;
}
.img-gl .gallery-item .gallery-icon a img{
height:100%;
}

.our-event-wrap .swiper-slide-inner img {
 object-fit: cover;
 width: 100%;
 height: 100%;
}

.our-event-wrap .swiper-pagination-clickable .swiper-pagination-bullet {
 border: 6px solid #fff;
 box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
 box-shadow: #00000014 0px 1px 3px 0px, #00000014 0px 0px 0px 1px;
}
.hero-slider .swiper-slide-inner img {
 width: 100%;
 height: 100%;
}

.social-icon .elementor-social-icon {
 border: 2px solid var(--main-color);
 background-color: transparent !important;
}
.social-icon .elementor-social-icon:hover {
 background-color: var(--hover-color) !important;
}
.top-bar .hfe-nav-menu .menu-item-has-children .sub-menu {
 position: absolute;
 top: 100%;
 left: auto;
 z-index: 9999;
 visibility: hidden;
 opacity: 0;
 right: 0;
}
.menu-item-has-children .hfe-has-submenu-container .sub-menu {
 margin-top: 20px !important;
}
div.elementor div.elementor-element.hfe-nav-menu__align-right nav.hfe-nav-menu__layout-horizontal:not(.hfe-dropdown) ul.sub-menu ul.sub-menu {
 margin-top: 0 !important;
}
div.elementor div.elementor-element .sub-menu li a.hfe-sub-menu-item:hover {
 background-color: #f5f5f5;
}
.hfe-nav-menu__layout-horizontal .hfe-nav-menu span.sub-arrow {
 margin-left: 5px;
}
div.elementor div.elementor-element .elementor-image-carousel-caption a {
 color: #000;
}
div.elementor div.elementor-element .elementor-image-carousel-caption a:hover {
 color: var(--main-color);
}




.social-icon .elementor-social-icon svg {
 padding: 4px;
}
/* popup box */
/* popup style */
div.mfp-auto-cursor .mfp-content {
 margin: 0 auto;
 cursor: auto;
 width: 700px;
 background-color: var(--white);
 position: relative;
 padding: 0 30px;
 border-radius: 10px;
 margin-top: 40px;
}
.mfp-content .elementor-widget-image {
 height: 200px;
}
.mfp-content .elementor-widget-image img {
 height: 100%;
 width: 100%;
 object-fit: contain;
}
div.mfp-close-btn-in .mfp-close {
 background-color: #000000af;
 color: var(--white);
 opacity: 1;
}
.mfp-close-btn-in .mfp-close:hover {
 background-color: #000;
 color: var(--white);
}
.mfp-content .e-con.e-flex > .e-con-inner {
 display: flex !important;
 flex-grow: row;
 flex-wrap: nowrap;
 flex-direction: row;
 padding: 0;
}
.faculty_popbox {
 position: relative;
}
.mfp-content .e-con-boxed {
 position: static;
}
.mfp-close-btn-in .mfp-content .mfp-close {
 top: 20px;
 right: 20px;
}
.mfp-content .elementor-widget-icon-list .elementor-icon-list-icon svg {
 fill: var(--dark-color-1);
 font-size: 12px;
}
.mfp-content .react-heading .title-inner .title {
 margin-bottom: 5px;
 margin-top: 10px;
}

div.border-image-box.elementor-widget-image-box {
 margin-bottom: 0px !important;
 margin-block-end: 0 !important;
}
/*  */
figure.elementor-image-box-img a {
 height: 170px;
 width: 170px;
 display: block;
 border: 5px solid #e9e9e9;
 border-radius: 50%;
}
figure.elementor-image-box-img a img {
 height: 100%;
 width: 100%;
 object-fit: cover;
 border: none !important;
 border-radius: 50%;
 object-position: top;
}

#textBlock p {
 margin-bottom: 0;
}
.elementor-widget-image-box.border-image-box .elementor-image-box-img {
 display: flex;
 justify-content: center;
 width: 100% !important;
 align-items: center;
}
.ast-single-post .entry-content a,
.ast-comment-content a:not(.ast-comment-edit-reply-wrap a) {
 text-decoration: none !important;
}

.lenders-gallery.elementor-widget-image-carousel
  .elementor-image-carousel
  .swiper-slide
  figure
  img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.lenders-gallery.elementor-widget-image-carousel
  .elementor-image-carousel
  .swiper-slide
  figure {
    height: 55px;
}
.lenders-gallery.elementor-widget-image-carousel .swiper-slide {
    border: 1px solid rgba(0, 0, 0, 10%);
    border-radius: 10px;
    padding: 15px;
	background:#fff;
}

a.elementor-social-icon:hover svg{
	fill:#fff !important;
}

/*
'
'
'
'
'
'
'
responsive style
'
'
'
'
'
'
'
*/
@media only screen and (max-width: 991px) {
	br{
		display:none;
	}
 .elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button {
   height: 40px;
   width: 40px;

   line-height: 40px;
 }
 .elementor-element .swiper .elementor-swiper-button svg,
 .elementor-element .swiper ~ .elementor-swiper-button svg,
 .elementor-lightbox .swiper .elementor-swiper-button svg,
 .elementor-lightbox .swiper ~ .elementor-swiper-button svg {

   height: 0.5em;
  
 }
}
@media only screen and (max-width: 767px) {
 .social-icon .elementor-social-icon svg {
   padding: 0;
 }
 .elementor div.elementor-element nav.hfe-dropdown.menu-is-active {
   margin-top: 0px !important;
   /* width: calc(100% - 20px) !important; */
   padding: 20px;
   background: 
   var(--main-color);
 }
 .frm_style_formidable-style.with_frm_style .contact-wrap .form-field {
   margin-bottom: 15px;
 }
 .with_frm_style .contact-wrap .frm_submit.frm_flex {
   margin-top: 0px;
 }
 .elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button.elementor-swiper-button-prev {
   transform: translateX(-50px);
 }
 .elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button.elementor-swiper-button-next {
   transform: translateX(15px);
 }
 .infrastructure-wrap .elementor-widget-image-carousel .swiper {
   padding-bottom: 65px;
 }
 div.elementor div.elementor-element nav.hfe-dropdown .menu-item.current-menu-item a.hfe-menu-item,
 div.elementor div.elementor-element nav.hfe-dropdown li a.hfe-menu-item:hover {
   color: #eeeeee !important;
 }
 br {
   display: none;
 }
 .clip-content {
   background-image: none !important;
   background-color: var(--main-color);
 }
 .bg-footer {
   background-image: none !important ;
 }
.img-gl .gallery-item {
    height: 220px;
}
}