/* ========================================================== */
/* 			               01. GENERAL LAYOUT                 */
/* ========================================================== */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
@media (min-width: 1200px){
.container {
    max-width: 1140px !important;
}}

body{
    font-family: 'InterV' !important;
    color: #000;
    overflow-x: hidden;
}
.font-1{
     font-family: 'InterV'; 
}
.font-2-{
    font-family: 'Reckless';
}
/* fonts  */
@font-face {
    font-family: 'InterV';
    src: url('../fonts/InterV.woff2') format('woff2'),
        url('../fonts/InterV.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Reckless';
    src: url('../fonts/Reckless-SemiBold.woff2') format('woff2'),
        url('../fonts/Reckless-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* fonts end */



ul {
	padding: 0;
}

ul, ol { 
	list-style: none; 
	list-style-image: none; 
	margin: 0; 
	padding: 0;
 font-family: 'InterV';
 
 
	margin-bottom:20px;
}
	
ul li, ol li{
    font-size: 15px;
    line-height: 26px;
	 font-family: 'InterV';
	list-style-type: none;
}

ul li i{
	vertical-align: middle;
 
}
.text-justify {
    text-align: justify;
    text-justify: inter-word;
}


.space{
    padding: 70px 0px;
}

p {
	font-size: 15px;
    line-height: 26px;
	font-weight: 400;
	color: #000;
	 
	 font-family: 'InterV';
}

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

a:hover{
	color:  #22683e;
}
.link-class{
    color:  #22683e;
}

.btn {
 
 
}

.mw-50 {
	max-width: 50%;
  }
.mw-60 {
	max-width: 60%;
  }
.mw-70 {
	max-width: 70%;
  }
  
  .mw-80 {
	max-width: 80%;
  }
  
  .mw-90 {
	max-width: 90%;
  }



.btn-link {
    font-weight: 600;
    color: #595959;
    text-decoration: none;
}

.btn-link i{
	font-size: 18px;
    font-weight: 600;
    color: #595959;
    text-decoration: none;
}

a:hover .btn-link i{color:#6E6E6E}

h1,
h2,
h3,
h4,
h5,
h6 {
 font-family: 'Reckless';
  line-height: 1.2;
  margin-top: 0;
  margin-bottom:18px;
  color: #22683e;
  font-weight: 700;
}

h1 {
	font-size: 42px;
}

h2 {
	font-size: 35px;
}

h3 {
	font-size: 28px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

.width-100{
	width: 100%;
}


.fs-13 {
	font-size: 13px;
  }
  
  .fs-12 {
	font-size: 12px;
  }
  
  .fs-10 {
	font-size: 10px;
  }
  
  .fs-14 {
	font-size: 14px;
  }
  
  .fs-15 {
	font-size: 15px;
  }
  
  .fs-18 {
	font-size: 18px;
  }
  
  .fs-20 {
	font-size: 20px;
  }
  
  .fs-22 {
	font-size: 22px;
  }
  
  .fs-24 {
	font-size: 24px;
  }
  
  .fs-26 {
	font-size: 26px;
  }
  .fs-30 {
    font-size: 30px;
}
  .fw-500 {
	font-weight: 500;
  }
  
  .fw-100 {
	font-weight: 100;
  }
  
  .fw-600 {
	font-weight: 600;
  }
  
  .fw-700 {
	font-weight: 700;
  }
  
  .fw-800 {
	font-weight: 800;
  }
  
  .mw-70 {
	max-width: 70%;
  }
  
  .mw-80 {
	max-width: 80%;
  }
  
  .mw-90 {
	max-width: 90%;
  }
  
  .white {
	color: #fff !important;
  }
  
  .blue {
	color: #314960;
  }
  
  .red {
	color: #e5143c;
  }
  
  .black_v2 {
	color: #515151;
  }
  
  .gray {
	color: #acacac;
  }
  
  .dark-gray {
	color: #6E6E6E;
  }
  
  .dark-black {
	color: #413f3f;
  }
  
 
  
  .yellow {
	color: #ffa001;
  }
  
  .green_bg {
    background-color:  #22683e;
}

.dark_bg {
    background-color: #22683e;
}
.placement_box:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
  .navbar-toggler:focus {
	box-shadow: unset;
  }
  
  .black {
	color: #000;
  }
  
  .bg_white {
	background-color: #fff !important;
  }
.image-shadow {
    border-radius: 8px 8px;
    box-shadow: 15px 10px 20px rgb(0 0 0 / 15%);
}

.blue{
	color:  #22683e;
}

.red{
	color: #e52f37;
}

.green {
    color:  #22683e;
}

.section-white {
	background: #fff;
	padding: 50px 0 70px 0;
}

.section-grey{
	background: #F1F1F1;
	padding: 90px 0 90px 0;
}

.section-blue{
	background:  #22683e;
	padding: 90px 0 70px 0;
}

.section-white.no-padding, .section-grey.no-padding, .section-blue.no-padding {
	padding:0;
}

.section-white.medium-paddings, .section-grey.medium-paddings, .section-blue.medium-paddings {
	padding: 60px 0;
}

.section-white.small-paddings, .section-grey.small-paddings, .section-blue.small-paddings {
	padding: 30px 0;
}

.section-white.xsmall-paddings, .section-grey.xsmall-paddings, .section-blue.xsmall-paddings {
	padding: 10px 0;
}

.section-white.small-padding-top, .section-grey.small-padding-top, .section-blue.small-padding-top {
	padding: 30px 0 90px 0;
}

.section-white.medium-padding-bottom, .section-grey.medium-padding-bottom, .section-blue.medium-padding-bottom {
	padding: 70px 0 70px 0;
}

.section-white.small-padding-bottom, .section-grey.small-padding-bottom, .section-blue.small-padding-bottom {
	padding: 90px 0 30px 0;
}

.section-white.no-padding-bottom, .section-grey.no-padding-bottom, .section-blue.no-padding-bottom {
	padding: 90px 0 0 0;
}

iframe {
    max-width: 100%;
    border: none;
}

.iframe-youtube{
    position: relative;
    margin-top: 30px;
    z-index: 100;
}

.iframe-youtube iframe{
    padding: 10px 10px;
    box-shadow: 0 15px 36px rgba(0, 0, 0, 0.20);
    background-color: #fff;
    webkit-border-radius: 8px 8px;
    -moz-border-radius: 8px 8px;
    border-radius: 8px 8px;
    z-index: 100;
}

/* margin and padding classes */

.margin-right-15 {
	margin-right: 15px;
}

.margin-left-15 {
	margin-left: 15px;
}

.margin-right-25 {
	margin-right: 25px !important;
}

.margin-left-25 {
	margin-left: 25px !important;
}

.margin-left-20 {
	margin-left: 20px !important;
}

.margin-top-120 {
	margin-top: 120px !important;
}

.margin-top-110 {
	margin-top: 110px !important;
}

.margin-top-100 {
	margin-top: 100px !important;
}

.margin-top-90 {
	margin-top: 90px !important;
}

.margin-top-80 {
	margin-top: 80px !important;
}

.margin-top-70 {
	margin-top: 70px !important;
}

.margin-top-60 {
	margin-top: 60px !important;
}

.margin-top-50 {
	margin-top: 50px !important;
}

.margin-top-40 {
	margin-top: 40px !important;
}

.margin-top-35 {
	margin-top: 35px !important;
}

.margin-top-30 {
	margin-top: 30px !important;
}

.margin-top-20 {
	margin-top: 20px !important;
}

.margin-top-10 {
	margin-top: 10px !important;
}

.margin-top-5 {
	margin-top: 5px !important;
}

.margin-bottom-0 {
	margin-bottom: 0px !important;
}

.margin-bottom-5{
	margin-bottom: 5px;
}

.margin-bottom-10 {
	margin-bottom: 10px !important;
}

.margin-bottom-20 {
	margin-bottom: 20px !important;
}

.margin-bottom-30 {
	margin-bottom: 30px !important;
}

.margin-bottom-40 {
	margin-bottom: 40px !important;
}

.margin-bottom-50 {
	margin-bottom: 50px !important;
}

.margin-bottom-60 {
	margin-bottom: 60px !important;
}

.margin-bottom-70 {
	margin-bottom: 70px !important;
}

.margin-bottom-80 {
	margin-bottom: 80px !important;
}

.margin-bottom-100 {
	margin-bottom: 100px !important;
}

.margin-bottom-120 {
	margin-bottom: 120px !important;
}

.margin-bottom-130 {
	margin-bottom: 120px !important;
}

.margin-bottom-140 {
	margin-bottom: 140px !important;
}

.padding-top-0 {
	padding-top: 0px !important;
}

.padding-top-10 {
	padding-top: 10px !important;
}

.padding-top-15 {
	padding-top: 15px !important;
}

.padding-top-20 {
	padding-top: 20px !important;
}
.padding-top-25 {
	padding-top: 25px !important;
}

.padding-top-30 {
	padding-top: 30px !important;
}

.padding-top-35 {
	padding-top: 35px !important;
}

.padding-top-40 {
	padding-top: 40px !important;
}

.padding-top-45 {
	padding-top: 45px !important;
}

.padding-top-50 {
	padding-top: 50px !important;
}
.padding-top-60 {
	padding-top: 60px !important;
}

.padding-top-70 {
	padding-top: 70px !important;
}

.padding-top-80 {
	padding-top: 80px !important;
}

.padding-top-100 {
	padding-top: 100px !important;
}

.padding-top-120 {
	padding-top: 120px !important;
}

.padding-top-150 {
	padding-top: 150px !important;
}

.padding-bottom-70 {
	padding-bottom: 70px !important;
}

.padding-bottom-60 {
	padding-bottom: 60px !important;
}

.padding-bottom-50 {
	padding-bottom: 50px !important;
}

.padding-bottom-40 {
	padding-bottom: 40px !important;
}

.padding-bottom-30 {
	padding-bottom: 30px !important;
}

.padding-bottom-20 {
	padding-bottom: 20px !important;
}

.padding-bottom-10 {
	padding-bottom: 10px !important;
}

.padding-bottom-0 {
	padding-bottom: 0px !important;
}

.margin-top-0 {
	margin-top: 0px !important;
}

.padding-left-20{
	padding-left: 20px;
}

/* ========================================================== */
/* 			               02. MENU-NAV                       */
/* ========================================================== */

.sub_dropdown_toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: unset;
    border-top: unset;
    border-right: unset;
    border-bottom: 0;
    border-left: unset;
    content: "\f107";
    font-family: 'FontAwesome';
}
.sub_dropdown {
    position: relative;
}
.sub_dropdown_menu {
 
    border: unset;
    box-shadow: 0 10px 40px rgba(0,0,0,.08);
    border-radius: 0px;
    padding: 10px 20px 10px;
    min-width: 250px;
    border-top: 2px solid  #22683e;
    position: absolute;
    left: 230px;
    background-color: #fff;
    top: 10px;
}.sub_dropdown_menu {
	display: none;}
 


ul.sub_dropdown_menu a {
    font-size: 14px;
    color: #3c4142;
    padding: 0.25rem 1rem;
}
.navbar-brand{
	font-family: 'Nunito', sans-serif;
	font-size: 24px;
	font-weight: 800;
	color: #071e55;
}

.navbar-brand i{
	color:  #22683e;
}

.navbar-brand:hover{
	color: #071e55;
}

.navbar-brand span.orange, .navbar-brand:hover span.orange{
	color:  #22683e;
}

.navbar-fixed-top.opaque .navbar-brand{
	color: #071e55;
}

.navbar-fixed-top.opaque .navbar-brand span.orange{
	color:  #22683e;
}

.navbar-fixed-top.opaque .navbar-brand:hover{
	color: #071e55;
}

.navbar {
	width: 100%;
	z-index: 9999;
	padding-top: 0px;
	padding-bottom: 0px;
}
.dropdown-menu {
    border: unset;
    box-shadow: 0 10px 40px rgba(0,0,0,.08);
    border-radius: 0px;
    padding: 10px 20px 10px;
    min-width: 250px;
    border-top: 2px solid  #22683e;
	max-width: 100%;
}

.navbar-toggler {
    border: 1px solid  #22683e;
}

.navbar-toggler-icon {
	width: 1.3em;
    height: 1.3em;
}
.dropdown-item{
	font-size: 14px;
	line-height: 20px;
	color: #000;
	white-space: normal;
}.dropdown:hover .dropdown-menu {
	display: block;
}
.navbar-toggler-icon i {
    color:  #22683e;
    vertical-align: middle;
}

.navbar-fixed-top {
	 
	 
	transition: background-color 0.25s ease 0s;
}

.navbar-fixed-top.opaque {
    position: fixed !important;
    top: 0;
    margin-top: 0;
    background-color: #fff !important;
    border-bottom: 1px solid #efefef;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.25s 
ease-in-out 0s;
    width: 100%;
    max-width: 100%;
    z-index: 99;
}.navbar-fixed-top.opaque .top-bar {
    display: none;
}

.navbar-fixed-top.opaque .navbar-nav > li{
	display: inline-block;
}

.navbar-fixed-top .navbar-nav > li > a {
    color: #000000;
    font-size: 16px !important;
    line-height: 30px !important;
    padding: 10px 12px!important;
   
    font-weight: 500;
    text-transform: capitalize;
}
.navbar-fixed-top.opaque .navbar-nav > li > a{
	color:#6E6E6E;
}.apply_now {
    box-shadow: rgba(33,33,33,.06) 0 4px 24px 5px;
    background-color: #22683e;
    color: #fff !important;
    display: inline-block;
    padding: 4px 15px !important;
    border-radius: 40px;
    padding-bottom: 6px;
    font-weight: 600;
    width: fit-content;
   
    border: 1px solid #22683e;
    margin-left: 15px;
	font-size: 15px;
}


.apply_now:hover {
    background-color: transparent;
    color: #22683e !important;
}


.iisab_btn {
    box-shadow: rgba(33,33,33,.06) 0 4px 24px 5px;
    background-color: #3c4142;
    color: #fff;
    display: inline-block;
    padding: 4px 15px;
    border-radius: 40px;
    padding-bottom: 6px;
    font-weight: 600;
    
    border: 1px solid #3c4142;
   
	font-size: 15px;
	text-align: center;
	width: auto;
}


.iisab_btn:hover {
    background-color: transparent;
    color: #3c4142;
}



.iisab_btn_white {
    box-shadow: rgba(33,33,33,.06) 0 4px 24px 5px;
    background-color: #ffffff00;
    color: #3c4142;
    display: inline-block;
    padding: 4px 15px;
    border-radius: 40px;
    padding-bottom: 6px;
    font-weight: 600;
   font-family: 'Reckless';
    border: 1px solid #3c4142;
 
    font-size: 15px;
    text-align: center;
    width: auto;
}


.iisab_btn_white:hover {
    background-color: #3c4142;
    color: #fff;
}


.navbar-fixed-top .navbar-nav > li > a:hover{
	color:  #22683e!important;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.nav-item.current a {
    color: #22683e!important;
     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navbar-fixed-top .navbar-nav > li > a.discover-btn {
	border: 2px solid   #22683e;
	color: #fff!important;
	background: #22683e;
	border-radius: 5px 5px;
	padding: 10px 18px!important;
	margin-left: 10px;
	margin-right: 15px;
     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navbar-fixed-top .navbar-nav > li > a.discover-btn:hover {
	color: #fff!important;
	background: transparent;
	border: 2px solid #fff;
}

.navbar-fixed-top.opaque .navbar-nav > li > a.discover-btn {
	color: #fff!important;
	background: #164145;
	border: 1px solid #164145;
     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navbar-fixed-top.opaque .navbar-nav > li > a.discover-btn:hover {
	border: 1px solid #164145;
	color: #164145!important;
	background: transparent;
}

.opaque .top_listing {
    display: none;
}
.opaque .navbar-brand {
    max-width: 100px;
}
/* mobile menu css  */
ul.mobile_sub_nav a {
    font-size: 14px;
}

ul.mobile_sub_nav {
    box-shadow: 0 10px 40px rgba(0,0,0,.08);
    border-radius: 0px;
    padding: 10px 10px 10px;
    border-top: 2px solid  #22683e;
	margin-top: 5px;
}
.mobile_menu_box_area a {
    font-size: 15px;
    color: #000;
}
li.mobile_nav_list a {
    position: relative;
}
.has_sub_menus {
    font-size: 25px !important;
    cursor: pointer;
    position: absolute;
    right: 15px;
    color:  #22683e;
}

.has_sub_menus_child {
    font-size: 25px !important;
    cursor: pointer;
    position: absolute;
    right: 25px;
    color:  #22683e;
}

.sub_menu_child {
    box-shadow: 0 10px 40px rgba(0,0,0,.08);
    border-radius: 0px;
    padding: 10px 10px 10px;
    border-top: 2px solid  #22683e;
    margin-top: 5px;
}
li.mobile_nav_list {
    padding-bottom: 8px;
}
.close_btn i {
    font-size: 30px;
    font-weight: bold;
}
.mobile_logo {
    max-width: 80px;
}
.has_sub_menu {
    font-size: 25px;
    color:  #22683e;
    font-weight: bold;
}
.close_btn {
    cursor: pointer;
}
.mobile_menu_box {
    background-color: #fff;
    box-shadow: 0 10px 40px rgba(0,0,0,.08);
    max-width: 320px;
    height: 100vh;
    z-index: 999999999;
    padding: 20px;
    position: fixed;
    top: 0px;
    width: 100%;
	overflow-y: scroll;
}
.for_mobile_toggle {
    font-size: 30px;
    text-align: right;
    cursor: pointer;
}
/* mobile menu css end */

/* ========================================================== */
/* 			                03. FOOTER                        */
/* ========================================================== */

 
.footer_copyright {
    position: relative;
    overflow: hidden;
    display: block;
    padding: 8px 0px;
    background-color: #072a1f;
}

.footer_copyright p {
	margin-bottom: 5px;
	line-height: 24px;
	color: #ffffff;
}

.footer_copyright p > a {
	font-size: 13px;
	color: #ffffff;
	 
}

.footer_copyright p > a:hover {
	color: #ffffff;
	text-decoration:underline;
}

span.template-name{
	font-weight: bold;
}

a.footer-links {
    display: block;
    font-size: 17px;
    margin-bottom: 2px;
    color: #ffffff;
}

a.footer-links:hover {
	color: #e52f37;
	text-decoration:underline;
    transition: all .5s ease-in-out;
}

/* Footer Social Icons */
ul.footer_social{
	float: right;
}

ul.footer_social li{
        color: #ffffff;
	display:inline-block;
    margin:0 ;
	line-height:100%!important;
}

ul.footer_social li a i {
  display: inline-block;
  margin:0 8px;
  padding:0;
  font-size:16px!important;
 
  color: #1e90ff;
  transition: all .5s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}
.footer_copyright p {
    font-size: 13px;
}
ul.footer_social li a.twitter i {
  color: #ffffff;
}

ul.footer_social li a i.fa-pinterest {
  color: #C92228;
}

ul.footer_social li a.instagram i {
  color: #ffffff;
}

ul.footer_social li a.whatsapp i {
  color:  #ffffff;
}

ul.footer_social li a.google i {
  color: #ffffff ;
}

ul.footer_social li a.github i {
  color: #ea4c89;
}

ul.footer_social li a i:hover {
	opacity: 0.59;
}

/* ========================================================== */
/* 			               04. HOME                           */
/* ========================================================== */

.home-section {
	width: 100%;
	position: relative;
  	 
  	padding-bottom: 50px;
	background-color: #F1F1F1;
}

.home-section h1{
	margin-bottom: 20px;
	line-height: 1.2;
    color: #212121;
}

.home-section p.hero-text{
	margin-bottom: 35px;
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
	color: #454545;
}

/* -----  Newsletter ----- */
.newsletter_form_wrapper{
	width:100%;
	text-align:center;
	margin-bottom:30px;
}

.newsletter_form_box{
	margin:0 auto;
	max-width:728px;
}

#newsletter-form{
	width: 100%;
	max-width: 500px;
    moz-border-radius: 5px 5px;
    -webkit-border-radius: 5px 5px;
    border-radius: 5px 5px;
    background-color: #fff;
    -webkit-box-shadow: 3px 4px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 4px 12px rgba(0, 0, 0, 0.1);
}

#newsletter-form #email_newsletter {
	background: url(../images/input-envelope.png) no-repeat 15px 20px;
	width:100%;
	max-width: 350px; 
	height: 59px;
    padding:0 20px 0 45px;
	border: none!important;
	background-color: #fff;
    moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
	color:#454545;  
    font-size:17px;
	margin:0!important
}

#newsletter-form #submit-button-newsletter {
    width: 145px;
	height:62px;
    background: #e52f37;
	border: none;
    color:#fff;  
    display: inline;
	margin:0!important;
    moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
	font-size:14px;
	font-weight:700;
	font-family: 'Nunito', sans-serif;
	vertical-align: top;
	transition: background-color .25s ease-in-out;
   -moz-transition: background-color .25s ease-in-out;
   -webkit-transition: background-color .25s ease-in-out;
}

#newsletter-form #submit-button-newsletter:hover {
	cursor: pointer;
    background-color: #df2931;
	transition: background-color .25s ease-in-out;
   -moz-transition: background-color .25s ease-in-out;
   -webkit-transition: background-color .25s ease-in-out;
}

input#email_newsletter::-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
}
input#email_newsletter:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}
input#email_newsletter::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}
input#email_newsletter:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999;
}

.newsletter_success_box{
	font-size: 18px;
	font-style: italic;
	color:  #22683e;
	margin: 5px 0;
}

p.newsletter-form-terms {
    margin: 15px 0 5px 0;
    font-size: 14px;
    color: #878787;
    text-shadow: none;
}

p.newsletter-form-terms span {
    margin-right: 15px;
}

p.newsletter-form-terms i {
    font-size: 18px;
    line-height: 28px;
    margin-right: 1px;
    color:  #22683e;
}

/* ========================================================== */
/* 			                05. SERVICES                      */
/* ========================================================== */

.main-services {
	margin-top: 40px;
	padding: 25px 30px;
	background-color: #fff;
	box-shadow: rgba(33,33,33,.06) 0 4px 24px 5px;
    border-radius: 8px;
	text-align: center;
	transition: all 1s;
}

.main-services:hover {
	margin-top: 25px;
	transition: all 1s;
}

.main-services i{
	display: block;
	font-size: 46px;
    margin-bottom: 5px;
}

.main-services p{
	padding: 0 10px;
}

/* ========================================================== */
/* 			                10.FEATURES                       */
/* ========================================================== */
.feature-box{
	overflow: hidden;
	margin: 30px 0 0 0;	
}

.feature-box i{
	float: left;
    font-size: 40px;
    line-height: 50px;
    width: 55px;
    height: 55px;
    text-align: center;
    color:  #22683e;
}

.feature-box.light-green i{
    color:  #22683e;
}

.feature-box.light-blue i{
    color: #50a0d2;
}

.feature-box.orange i{
    color: #fe9c24;
}

.feature-box.dark-blue i{
    color: #3473b8;
}

.feature-box.light-red i{
    color: #fc6a3f;
}

.feature-box.dark-green i{
    color:  #22683e;
}

.feature-box img{
	float: left;
	width: 100%;
	max-width: 48px;
}

.feature-box-text {
	float: left;
	width: 75%;
	margin-left: 20px;
}

.feature-box h4{
	font-size: 20px;
	margin-bottom: 10px;
}

/* ========================================================== */
/* 			               10.TESTIMONIALS                    */
/* ========================================================== */

.testim-info{
	width: 100%;
	max-width: 500px;
}

.testim-inner{
}

.testim-inner h6{
	margin-bottom: 5px;
	font-size: 15px;
	line-height: 28px;
	font-weight: 800;
	text-transform: uppercase;
}

.testim-inner h6 span{
	text-transform: none;
}
 

.testim-inner p{
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 30px;
	font-style: italic;
	color: #656565;
}

.testim-inner i{
	display: block;
	margin-bottom: 20px;
	font-size: 40px;
	line-height: 40px;
}

.testim-inner a.video-play-icon i{
	margin-bottom: 12px;
	font-size: 26px;
	line-height: 70px;
	color: #164145;
}

.testim-rating {
	margin-bottom: 30px;
}

.testim-rating i{
	color: #fdcc28;
}

.testim-rating{
	display: inline-block;
	margin-right: 20px;
}

.testim-platform p{
	display: inline-block;
	font-size: 18px;
}

/* ----- Testimonial Single ----- */
p.testimonial-single {
    margin-bottom: 15px;
    font-size: 26px;
    line-height: 38px;
    font-weight: 300;
    font-style: italic;
}
/* ----- Vertical Carousel Indicators ----- */
.carousel-indicators{
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    height:20px;
    right:-20px; 
    left:auto;
    width:auto;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.carousel-indicators button {
    display:block; 
    margin-bottom:5px;
    border-top: none!important;
    border-bottom: none!important;
    width: 15px!important;
    height: 15px!important;
    margin-right: 3px!important;
    margin-left: 3px!important;
    border-radius: 50%!important;
    text-indent: -999px;
    cursor: pointer;
    background-color: #cecece!important;
}

.carousel-indicators button.active{
    margin-bottom:3px;
    border-top: none!important;
    border-bottom: none!important;
    background:#e52f37!important;
}

.carousel-inner {
    overflow: visible!important;
}

/* ========================================================== */
/* 			               05. TEAM                           */
/* ========================================================== */

.team-item{
	padding: 10px 25px 40px 25px;
    text-align: center;
    transition: all 1s;
	border-radius: 0 0 8px 8px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.team-item h4{
	margin:20px 0 1px 0!important;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

.team-info {
	display: block;
}

.team-info p{
	color:#acacac;
	font-style:italic;
}

.team-img{
	border-radius: 8px 8px;
}

ul.team-icon {
	margin: 25px 0 0 0;
}

ul.team-icon li{
	display: inline-block;
	margin:0 3px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

ul.team-icon li a{
	margin: 0;
	display: inline-block;
	padding: 8px 8px;
	width: 36px;
	height: 36px;
	font-size: 18px;
	line-height: 18px;
	background-color: #fff;
	border-radius: 50%;
	color:#fff;
}

ul.team-icon li a.twitter{
	background-color: #4099ff;
}

ul.team-icon li a.pinterest{
	background-color: #C92228;
}

ul.team-icon li a.facebook{
	background-color: #3b5998;
}

ul.team-icon li a.dribble{
	background-color: #ea4c89;
}

.team-icon li a:hover{
	color:#dedede;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

/* ========================================================== */
/* 			               10. OTHER ELEMENTS                 */
/* ========================================================== */

/* c) Our Partners */
.our-partners {
    width: calc(20% - 10px);
    margin: 5px;
	padding: 29px 10px;
	background-color: #fff;
	box-shadow: rgba(33,33,33,.06) 0 4px 24px 5px;
    border-radius: 8px;
	text-align: center;
	transition: all 1s;
}
.pra_slider_grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.our-partners:hover {
	margin-top: 10px;
	transition: all 1s;
}

/* c) Benefits List */
ul.benefits {
    margin-bottom: 25px;
}

ul.benefits li {
    margin-bottom: 4px;
}

ul.benefits.white li {
	color: #fff;
}

ul.benefits li i {
    font-size: 26px;
    line-height: 26px;
    margin-right: 1px;
}

ul.benefits.white li i {
    color: #fff;
}

ul.benefits-together li {
    margin-right: 10px;
    display: inline-block;
}

/* ----- d) Fun Facts ----- */
.fun-facts-boxs{
	display: inline-block;
	width:19%;
	padding:10px 10px;
}

.fun-facts-title{
	font-size:16px;
	font-weight:400;
}

.fun-facts-title span{
	font-size:26px;
	line-height:40px;
	font-weight:700;
	font-style:normal;
	color:#071e55;
	font-family: 'Nunito', sans-serif;
}

.fun-facts-box i{
	display: block;
	margin-bottom: 10px;
	font-size:40px;
	line-height:60px;
	color: #071e55;
}

.fun-facts-box.green i{
	color:  #22683e;
}

.fun-facts-box.blue i{
	color: #1e90ff;
}

.fun-facts-box.red i{
	color: #fc6a3f;
}

.fun-facts-box.yellow i{
	color: #fe9c24;
}

/* c) Popup Gallery */
.popup-gallery .video-popup-image{
	z-index: 100;
}

.popup-gallery:hover .video-popup-image{
	opacity: 1;
}

.video-play-icon {
	position: absolute;
	z-index: 100;
	top: 50%;
	left: 50%;
	margin-top: -45px;
	margin-left: -45px;
	width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 40px;
    color: #e52f37;
    background-color: rgba(255, 255, 255, 0.78);
    border-radius: 50% 50%;
    display: inline-block;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.video-play-icon:hover {
    background-color: rgba(255, 255, 255, 0.99);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.video-play-icon i {
    color: #e52f37;
    font-size: 40px!important;
}

.popup-wrapper{
	display:block;
	position:relative;
	overflow:hidden;
}

.popup-gallery{
	display:inline-block;
	position:relative;
}

.popup-gallery img {
	position:relative;
	z-index:10;
	width: 100%;
	height: auto;
}

.popup-gallery:hover img {
	opacity: 1;
}

.popup-gallery a span.eye-wrapper{
	background-color:#164145;
	position: absolute;
	display: block;
	overflow:hidden;
	top: 0;
	left: 0;
	z-index: 999;
	width: 92%;
	height:92%;
	margin-top: 4%;
	margin-left: 4%;
	font-size: 36px;
	color:#fff;
	text-align: center;
	font-weight:300;
	opacity: 0;
}

.popup-gallery a span.eye-wrapper i.eye-icon{
	position: absolute;
	display: inline-block;
	font-size:36px;
	z-index: 9999;
	top: 50%!important;
	margin-top: -18px!important;
	left: 0%;
	right: 0%;
	color: #fff;
}

.popup-gallery a span.eye-wrapper2 {
	background-color:#164145;
	position: absolute;
	display: block;
	overflow:hidden;
	top: 0;
	left: 0;
	border-radius: 5px 5px;
	z-index: 999;
	width: 100%;
	height:100%;
	font-size: 36px;
	color:#fff;
	text-align: center;
	font-weight:300;
	opacity: 0;
}

.popup-gallery a span.eye-wrapper2 i{
	position: absolute;
	display: inline-block;
	font-size:36px;
	z-index: 9999;
	top: 50%!important;
	margin-top: -18px!important;
	left: 0%;
	right: 0%;
	color: #fff;
}

.popup-gallery a:hover span.eye-wrapper, .popup-gallery a:hover span.eye-wrapper2{
	opacity: 0.75!important;
}

.popup-gallery img,
.popup-gallery a span {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.gallery-item{
	margin-bottom: 37px;
}


/* c) How It Works - Accordion Tabs */
.accordion{
	position: relative;
	margin: 20px 0;
}

.accordion-item{
	margin-bottom: 15px;
	border:none;
    background-color: #fff !important;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
}

.accordion-header {
	max-width: 100%;
	position: relative;
    padding: 15px 25px;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: none;
    /* border-left: 6px solid #27b36a; */
}

.accordion-button {
	font-family: 'Nunito', sans-serif;
	padding: 0;
    font-weight: 700;
    font-size: 20px;
    color: #071e55;
	text-align: left!important;
    background-color: transparent;
}

.accordion-button i {
	width: 46px;
	height: 46px;
	margin-right: 10px;
	padding: 10px 10px;
    color:  #22683e;
    font-size: 20px;
    line-height: 20px;
    border:2px solid  #22683e;
    border-radius: 50%;
}

.accordion-button:not(.collapsed) {
    color: #071e55;
    background-color: transparent;
    box-shadow: none;
}

.accordion-header h5 .btn-link:hover, .accordion-header h5 .btn-link:focus {
	text-decoration: none;
}

.accordion-body {
    padding: 1px 25px 25px 25px;
    border-top: none;
    /* border-left: 6px solid #27b36a; */
     font-family: 'InterV';
    color: #7c8595;
}

.testim-rating {
	margin-bottom: 30px;
}

.testim-rating i{
	color: #fdcc28;
}

.testim-platform.first{
	display: block;
	border-right: 1px solid #cecece;
}

.testim-platform p{
	margin-bottom: 5px;
	font-weight: bold;
	color: #071e55;
}

/* ========================================================== */
/* 			               07. PRICING                        */
/* ========================================================== */

.price-box{
	text-align: center;
	background-color: #fff;
	border-bottom: 3px solid #e0e0e0;
	box-shadow: rgba(33,33,33,.06) 0 4px 24px 5px;
	padding: 40px 0 30px 0;
	margin-bottom: 20px;
	border-radius: 8px 8px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}

.price-box:hover{
	border-bottom: 3px solid #1e90ff;
	transition: all 1s;
}

.price-box .price-subtitle,.price-box .price-text{
	color: #6a6a6a;
}

ul.pricing-list{
	padding: 0 55px;
}

ul.pricing-list li.price-title{
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #071e55;
}

ul.pricing-list li.price-value{
	font-family: 'Nunito', sans-serif;
	font-size: 65px;
	line-height: 70px;
	display: block;
	margin-top:20px;
	margin-bottom: 10px;
	font-weight: 600;
	color: #071e55;
}

ul.pricing-list li.price-subtitle{
	 font-family: 'InterV';
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	color: #6a6a6a;
}

ul.pricing-list li.price-text{
	display: block;
	 font-family: 'InterV';
	text-align: left;
	font-size: 16px;
	line-height: 28px;
	font-weight: 400;
	margin-bottom: 5px;
}

ul.pricing-list li.price-tag a{
	color: #fff;
	background: #1e90ff;
	border:1px solid #1e90ff;
	border-radius: 5px 5px;
	padding: 15px 30px;
	display: inline-block;
	font-size: 15px;
	line-height: 24px;
	font-weight: 600;
	margin: 30px 0 5px 0;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

ul.pricing-list li.price-tag a:hover{
	background: #037aef;
}

ul.pricing-list li.price-tag-line a{
	color: #1e90ff;
	background: transparent;
	border:1px solid #1e90ff;
	border-radius: 5px 5px;
	padding: 15px 30px;
	display: inline-block;
	font-size: 15px;
	line-height: 24px;
	font-weight: 600;
	margin: 30px 0 5px 0;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

ul.pricing-list li.price-tag-line a:hover{
	color: #fff;
	background: #037aef;
	border:1px solid #037aef;
}

.ribbon {
   position: absolute;
   right: 8px;
   top: -5px;
   z-index: 1;
   overflow: hidden;
   width: 75px; height: 75px; 
   text-align: right;
}

.ribbon span {
   font-size: 10px;
   color: #fff; 
   text-transform: uppercase; 
   text-align: center;
   font-weight: bold; line-height: 20px;
   transform: rotate(45deg);
   width: 100px;
   display: block;
   box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
   position: absolute;
   top: 19px; right: -21px;
   background-color: #1e90ff;
}

.ribbon span::before {
   content: '';
   position: absolute; 
   left: 0px; top: 100%;
   z-index: -1;
   border-left: 3px solid  #22683e;
   border-right: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid  #22683e;
   border-left-color: #1e5799;
   border-top-color: #1e5799;
}

.ribbon span::after {
   content: '';
   position: absolute; 
   right: 0%; top: 100%;
   z-index: -1;
   border-right: 3px solid #22683e;
   border-left: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #22683e;
   border-right-color: #1e5799; border-top-color: #1e5799;
}

/* ========================================================== */
/* 			                   10. BLOG                       */
/* ========================================================== */

.blog-item{
	position: relative;
  margin: 40px 5px 1px 5px;
    background-color: #fff;
    box-shadow: rgb(33 33 33 / 6%) 0 4px 24px 5px;
    border-radius: 8px;
    transition: all 1s;
}

.blog-item:hover{
	margin-top: 30px;
	transition:all 1s;
}

.blog-item img {
	-webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
}

.blog-item-inner{
	margin-bottom: 30px;
	padding: 25px 25px;
}

.blog-item-inner p{
	margin:12px 0 2px 0;
}

h3.blog-title{
	margin-bottom:10px;
        font-size: 16px;
}

h3.blog-title a{
	font-size:16px;
	    color: #22683e;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

h3.blog-title a:hover{
	color: #22683e;
	text-decoration: underline;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

a.blog-icons{
	color:#858585;
	font-size:14px;
	font-style:italic;
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #aaa;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

a.blog-icons i{
	padding-right: 4px;
	color:#656565;
	font-size:17px;
	line-height:18px;
	vertical-align: text-bottom;
}

a.blog-icons:hover {
	color: #22683e;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

a.blog-icons.last{
	border-right: none;
}

/* ========================================================== */
/* 						    10. CONTACT                       */
/* ========================================================== */

iframe.contact-maps {
	margin-bottom: 20px;
    padding: 10px 10px;
    border-radius: 8px;
    background-color: #f6f7f8;
    border: 1px solid #eaeaea!important;
}

p.contact-info{
	margin-bottom:8px;
}

p.contact-info a{
	margin-bottom:8px;
	color: #7c8595;
}

p.contact-info a:hover{
	text-decoration: underline;
}

p.contact-info i{
	font-size:18px;
	padding-right:5px;
	vertical-align: middle;
	color: #1e90ff;
}

#contact-form{
	margin-bottom:10px;
}

input.contact-input{
	width:100%;
	height:55px;
    padding-left:2%;
    padding-right:2%;
	margin-bottom:23px;
	color: #727272;
	background-color: #f6f7f8;
    border: 1px solid #ececec!important;
    font-size:14px;
	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

textarea{
	height:205px;
	margin-bottom:20px;
	width:100%;
    padding-left:2%;
    padding-right:2%;
    padding-top:10px;
    padding-bottom:10px;
	color: #727272;
	background-color: #f6f7f8;
    border: 1px solid #ececec!important;
    font-size:14px;
	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

input.contact-submit{
	color: #fff;
	background:  #22683e;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
	font-weight:600;
    padding: 17px 29px;
    position: relative;
    text-transform: uppercase;
	-webkit-border-radius: 5px 5px;
    -moz-border-radius: 5px 5px;
    border-radius: 5px 5px;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

input.contact-submit:hover{
	color: #fff;
	background: #0b5ed7;
}

input.white-input::-webkit-input-placeholder,
textarea.white-input::-webkit-input-placeholder { /* WebKit browsers */
    color:#aaa;
}
input.white-input:-moz-placeholder,
textarea.white-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#aaa;
}
input.white-input::-moz-placeholder,
textarea.white-input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#aaa;
}
input.white-input:-ms-input-placeholder,
textarea.white-input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#aaa;
}

#contact-form input.contact-input:focus, #contact-form textarea.contact-commnent:focus {
  border-color:#fff;
  outline: none;
}

p.contact_success_box{
	display:inline-block;
	color:#454545;
	font-size:21px;
	font-style:italic;
}


/* main css home page  */


.slick-dots li button:before {
	content: "" !important;
	background-color: #6bb54480;
	height: 4px !important;
	width: 15px !important;
	opacity: 1 !important;
  }
  
 
  
  .slick-dots li {
	position: relative;
	display: inline-block;
	width: 15px !important;
	height: 4px !important;
	margin: 0 3px !important;
  }
  
  .slick-dots {
	position: absolute;
	 
  }
  
  .slick-dots li.slick-active button:before {
	opacity: 1;
	color: black;
	background-color: #22683e;
  }
  


/* gallery css  */
.row_gallery > .column_gallery {
	padding: 0 4px;
  }
  
  .row_gallery:after {
	content: "";
	display: table;
	clear: both;
  }
  
  .column_gallery {
	float: left;
	width: 25%;
  }
  
  /* The modal_gallery (background) */
  .modal_gallery {
	display: none;
	position: fixed;
	z-index: 9999999;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: #0000008c;
  }
  
  /* modal_gallery Content */
  .modal_gallery-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 100%;
    max-width: 800px;
	padding: 5px;
}
  
  /* The Close_gallery Button */
  .close_gallery {
    color: white;
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 35px;
    font-weight: bold;
    z-index: 9999999;
}
  
  .close_gallery:hover,
  .close_gallery:focus {
	color: #999;
	text-decoration: none;
	cursor: pointer;
  }
  
  .mySlides {
	display: none;
  }
  
  .cursor {
	cursor: pointer;
  }
  
  /* Next_gallery & prev_galleryious buttons */
  .prev_gallery,
  .next_gallery {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 10px;
	margin-top: -25px;
	color: white;
	font-weight: bold;
	font-size: 20px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	-webkit-user-select: none;
  }
  
  /* Position the "next_gallery button" to the right */
  .next_gallery {
	right: 0;
	border-radius: 3px 0 0 3px;
  }
  
  /* On hover, add a black background color with a little bit see-through */
  .prev_gallery:hover,
  .next_gallery:hover {
	background-color: rgba(0, 0, 0, 0.8);
  }
  
  /* Number text (1/3 etc) */
  .numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
  }
  
  .row_gallery img {
	margin-bottom: -4px;
	border-radius: 8px;
  }
  
  .caption-container {
	text-align: center;
	background-color: black;
	padding: 2px 16px;
	color: white;
  }
  
  .demo_gallery {
	opacity: 0.6;
  }
  
  .active,
  .demo_gallery:hover {
	opacity: 1;
  }
  
  img.hover-shadow {
	transition: 0.3s;
  }
  
  .hover-shadow:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
/* gallery css end */



/* placement css  */
.green_bg .price_title {
    color: #fff;
}.white_bg {
    background-color: #fff;
}span.big_price {
    font-size: 30px;
}


.placement_box {
	     
    padding: 35px 15px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 10px;
}

.price_title {
    font-size: 20px;
    font-weight: 900;
}.price_title i {
    font-size: 30px;
}
.video_title_box h5 {
    font-size: 16px;
    color: #000;
    font-weight: 600;
}
.placement_price .col {
    padding: 8px;
}
.placement_box.dark_bg p {
    color: #fff;
}
.placement_box.dark_bg h5 {
    color: #fff;
}
 


/* info grid css  */
.moving_text {
    background-color: #3c4142;
    border-radius: 30px;
    color: #fff;transition: all 1s;
    padding: 5px 10px;
    font-weight: 600;
    box-shadow: rgba(33,33,33,.06) 0 4px 24px 5px;
    margin-bottom: 15px;
}
.moving_text:hover {
    background-color: #fff;
    color:  #22683e;
}


.moviing_text_2 {
    background-color:  #22683e;
    color: #ffffff;
    transition: all 1s;
    padding: 2px 10px;
    font-weight: 600;
    box-shadow: rgba(33,33,33,.06) 0 4px 24px 5px;
}

.moviing_text_2:hover { background-color:  #22683e;
    color: #fff;
}
.moving_stripe {
    background-color: #f1f1f1;
    padding: 6px 0px;
    border-bottom: 1px solid #CCCCCC;
}


 
.info_box_slider .slick-slide {
    margin: 30px 8px;
}
.pra_slider .slick-slide {
    margin: 20px 8px;
}
.info_grid {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    padding: 25px 20px;
    background-color: #fff;
    box-shadow: rgba(33,33,33,.06) 0 4px 24px 5px;
    border-radius: 8px;
    text-align: center;
    transition: all 1s;
}

.info_grid:hover {
    background-color: #22683e;
    transition: all 1s;
}
.info_grid:hover h4{
	color: #fff;
}
.info_grid h4 {
    margin-bottom: 0px !important;
}
/* info grid css end */





/* header css  */

.top_listing {
    text-align: right;
	 
}


a.banner_btn:hover {
    background-color: transparent;
    color: #22683e;
}
a.banner_btn {
    box-shadow: rgba(33,33,33,.06) 0 4px 24px 5px;
    background-color: #22683e;
    color: #fff;
    display: inline-block;
    padding: 6px 20px;
   
    padding-bottom: 8px;
     
    
    border: 1px solid #22683e;
}
.fw-800 {
  font-weight: 800 !important;
}
.btn-primary {
    color: #fff;
    background-color: #22683e;
    border: #22683e;
    padding: 4px 15px;
    border-radius: 30px;
}.btn-primary:hover {
    background-color: #22683e;
    border-color: #22683e;
}
a.navbar-brand {
    max-width: 146px;
}
.top_listing li {
    display: inline-block;
    padding-right: 10px;
}.top_listing a {
    font-size: 15px;
    color: #fff;
    font-weight: bold;
}
section.top_bar {
    background-color: #22683e;
    padding: 5px 0px;
}

/* footer css  */
section.main_footer {
    padding: 40px 0px;
    padding-top: 50px;
    position: relative;
    background: #22683e;
    z-index: 1;
}
.footer-logo {
    max-width: 100px;
    
}
.footer_title {
    font-size: 18px;
    padding-bottom: 15px;
    color:  #fff;
    margin-bottom: 0px;
    font-family: 'Reckless';
    font-weight: 600;
    letter-spacing: 1px;
}
ul.footer_list {
    margin-bottom: 0px;
    padding-left: 0px;
}ul.footer_list a {
    color: #f1f1f1;
    font-size: 13px;
    text-decoration: unset;
}ul.footer_list li {
    list-style-type: none;
    padding-bottom: 4px;
}

ul.footer_list a:hover{
	color: #fff;
	text-decoration: underline;
}



/* slick arrow css  */



.slick-next:before {
    
    content: "\f133" !important;
    font-family: 'bootstrap-icons' !important;
    color: #22683e !important;
    opacity: 1 !important;
    font-size: 30px !important;
}


.slick-prev:before {
    
	content: "\f129" !important;
    font-family: 'bootstrap-icons' !important;
    color: #22683e !important;
    opacity: 1 !important;
    font-size: 30px !important;
}


.blink_btn {
    background-color: transparent;
    border: 2px solid #3c4142;
    padding: 6px 25px;
    display: inline-block;
	padding-bottom: 8px;
    border-radius: 40px;
    color: #3c4142;
    font-weight: 500;
	 
}

 

.blink_btn:hover {
    background-color: #3c4142;
    border: 2px solid #3c4142;
    
    display: inline-block;
    border-radius: 40px;
    color: #fff;
    font-weight: 500;
}



/* sticky element css  */
@-webkit-keyframes blinker {
	from {opacity: 1.0;}
	to {opacity: 0.0;}
  }
  .blink{
	  text-decoration: blink;
	  -webkit-animation-name: blinker;
	  -webkit-animation-duration: 0.6s;
	  -webkit-animation-iteration-count:infinite;
	  -webkit-animation-timing-function:ease-in-out;
	  -webkit-animation-direction: alternate;
  }
.whatsap_click {
    position: fixed;
    bottom: 10px;
    right: 10px;
    max-width: 60px;
    z-index: 9;
}
.enquiry_now {
    position: fixed;
    left: 0px;
    bottom: 10px;
    max-width: 115px;
	z-index: 99;
}
.vertical_text:hover {
    background-color: #fff;
    color: #22683e;
}.vertical_text:hover a {

    
    color: #22683e!important;
}.vertical_text .white {
    color: #000 !important;
}
.vertical_text {
    position: fixed;
    top: 50%;
    right: 0px;
    box-shadow: rgba(33, 33, 33, .06) 0 4px 24px 5px;
    background-color: #FFEB3B;
    padding: 15px 10px;
    z-index: 99999;
    border-top-left-radius: 10px;
    writing-mode: vertical-lr;
    transform: translate(0px, -50%);
}



.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: unset;
    
    border-top: unset;
    border-right: unset;
    border-bottom: 0;
    border-left: unset;
	content: "\f107";
    font-family: 'FontAwesome';
}

/* sticky element css end */


.gray_bg {
	
    background-color: #F1F1F1;
}
/* youtube css  */
.youtube-container {
	position: relative;
	width: 100%;
	height: 0;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	padding-bottom: 56.25%; /* 16:9 aspect ratio for widescreen videos */
	overflow: hidden;
	border-radius: 15px; /* Adjust the radius as needed */
	margin-bottom: 25px;
  }

  .youtube-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: inherit;
  }
/* youtube css end */




/* quality section css  */
.iisab_shape {
    padding: 30px 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #22683e;
    background: radial-gradient(circle, #22683e, #22683e);
    text-align: center;
    clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%);
    padding-top: 70px;
    border-top-right-radius: 5px;
}.iisab_counter {
    max-width: 70px;
    height: 70px;
    width: 100%;
    background-color: #ffffff;
    border-radius: 50px;
    line-height: 70px;
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    color: #22683e;
   font-family: 'Reckless';
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin-bottom: -40px;
    z-index: 9;
    position: relative;
}

.usp_grid_row .col-md-3{
	margin-bottom: 20px;
	padding: 10px;
}
.quality_grid {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
    text-align: center;
    transition: all 1s;
    min-height: 289px;
}
.quality_grid:hover {
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	 

}
 
.img-fluid.quality_icons {
    height: 100px;
	margin-bottom: 15px;
}

/* quality section css end */




/* main css home page end */







/* about us page csss  */
.global_list {
    margin-bottom: 0px;
}
.box_shadow {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 20px;
    border-radius: 15px;
    
    margin-bottom: 20px;
    text-align: center;
    transition: all 1s;
}

.box_shadow:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
 

}
 

.mini_banner {
	padding: 30px 0px;
       background-color: #f1f1f1;
}

.mini_banner_title {
    color: #22683e;
    font-weight: bold;
    font-size: 22px;
        font-family: 'Reckless';
}
.global_list li {
     font-family: 'InterV';
    position: relative;
    padding-left: 30px;
    padding-bottom: 10px;
}.global_list li:before {
    content: "\f272";
    font-family: 'bootstrap-icons';
    font-weight: bold;
    padding-right: 10px;
    font-size: 20px;
    color: #22683e;
    position: absolute;
    left: 0px;
}

.number_text {
	background-color: #ffffff;

    padding: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 5px;
    padding-left: 50px;
    margin-left: 35px;
}.numbering_grid {
    position: relative;
    margin-bottom: 65px;
}

.number_box {
    max-width: 70px;
    height: 70px;
    width: 100%;
    background-color: #ffffff;
    border-radius: 50px;
    line-height: 70px;
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    color: #22683e;
   font-family: 'Reckless';
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    z-index: 9;
    display: inline-block;
    position: absolute;
    top: -35px;
}


.vision_mision {
    height: 130px;
}
.career-row{
 margin-top: 20px;
}
#content_read_more {
	max-height: 100px;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
}

.video_grid_youtube {
    margin-bottom: 35px;
}
p:last-child {
     font-family: 'InterV';
    margin-bottom: 0px;
}

/* about us page csss  end */

/* others pages css  */
.fee_table {
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 10px;
    border-radius: 10px;
}
.fee_table:hover{
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: unset;
}
.lightbox {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	justify-content: center;
	align-items: center;
	z-index: 99999999999;
 }

 .lightbox img {
    max-width: 100%;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px 0px, rgba(0, 0, 0, 0.19) 0px 6px 20px 0px;
    width: 100%;
    height: auto;
    padding: 5px;
    background-color: #fff;
    border-radius: 8px;
}
.iisab_gallery .col-md-4 {
    margin-bottom: 25px;
}
.gallery_images {
    transition: 0.3s;
    border-radius: 8px;
	cursor: pointer;
}
.gallery_images:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.faculties_grid {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 15px;
    border-radius: 5px;
	background-color: #fff;
    transition: all 1s;
	margin-bottom: 20px;
}
.border_radius {
    border-radius: 4px;
}
.faculties_grid:hover {
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.pop_up_gallery {
    width: 100%;
    text-align: center;
    position: relative;
	max-width: 600px;
}
span.close-button {
    position: absolute;
    top: -10px;
    right: -10px;
	cursor: pointer;
    background-color: #22683e;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    line-height: 25px;
    text-align: center;
}span.close-button i {
    font-size: 26px;
    color: #fff;
    font-weight: bold;

}
/* others pages css end */

















/* RESPONSIVE CSS
-------------------------------------------------- */

.for_mobile_toggle{
	display: none;
}

@media(min-width:991px){
	.main_menu .container-fluid {
		max-width: 1350px;
	}
}


@media(min-width:768px) and (max-width:991px){

	.row.usp_grid_row .col-md-3 {
		width: 33.33%;
	}
	
	.row.placement_price .col {
		flex: unset;
		width: 33.33%;
	}
}


@media (max-width: 1200px) {
	 .desktop_menu{
		display: none;
	 }
	 
	.for_mobile_toggle{
		display: block;
	}
	.navbar-expand-lg .navbar-toggler{
	display: none !important;}
}

@media (max-width: 768px) {
	.mini_banner_title {
		font-size: 20px;
	}
	.pop_up_gallery {
		 
		width: calc(100% - 20px);
		margin: 10px;
	}
	.column_gallery {
		 
		width: 50%;
		padding-bottom: 8px !important;
	}
	.mb-25{
		margin-bottom: 25px;
	}
	ul.top_listing {
		text-align: center;
	}
 
	.our-partners {
		width: calc(25% - 10px);
	}	
	button.slick-prev.slick-arrow {
		left: 0px !important;
		z-index: 999;
	}button.slick-next.slick-arrow {
		z-index: 999;
	 
		right: 0px !important;
	}
	h2 {
		font-size: 25px;
	}
	.footer_row .col {
		flex: unset;
		width: 33.33%;
		margin-bottom: 25px;
	}
	
	.row.placement_price .col {
		flex: unset;
		width: 50%;
	}

	.navbar .text-end{
		text-align: left!important;
	}

	.footer {
	    padding-top: 40px;
	    text-align: center;
	}

	.footer-top i {
		display: block;
	    margin-top: 50px!important;
	}

	ul.footer_social {
		margin-top: 21px;
		float: none;
	}

	ul.footer_social li a i {
	    margin: 0 8px!important;
	}

	.responsive-top-margins{
		margin-top: 50px;
	}

	.responsive-bottom-margins{
		margin-bottom: 50px;
	}

	.section-bg-1, .section-bg-2, .section-bg-3{
	    background-attachment: inherit;
	}

	#newsletter-form #email_newsletter {
        width: 80%;
    	max-width: 334px;
    }

}

@media (max-width: 400px) {

	.our-partners {
		width: calc(33.33% - 10px);
	}	

	.footer_row .col:first-child {
		display: none;
	}
	.footer_row .col {
		flex: unset;
		width: 50%;
		margin-bottom: 25px;
	}}


@media (max-width: 375px) {
	.our-partners {
		width: calc(50% - 10px);
	}	
 
		.row.placement_price .col {
			flex: unset;
			width: 100%;
		}
	.home-section h1 {
		font-size: 32px;
	}

	.small-col-inside{
		margin: 50px 0;
		padding-right: 25px;
		padding-left: 25px;
	}

	.newsletter_form_wrapper{
		margin-bottom:50px;
	}

	#newsletter-form{
	    -webkit-box-shadow: 3px 4px 12px rgba(0, 0, 0, 0.15);
	    box-shadow: 3px 4px 12px rgba(0, 0, 0, 0.15);
	}

	#newsletter-form #email_newsletter {
        width: 100%;
        padding: 0 7px 0 45px;
    	margin: 0;
	}

	#newsletter-form #submit-button-newsletter {
	    display: inline-block;
	    margin: 0;
	    width: 100%;
	    max-width: 370px;
	    height: 55px;
	    moz-border-radius: 0  0 5px 5px;
	    -webkit-border-radius: 0  0 5px 5px;
	    border-radius: 0  0 5px 5px;
	}

	 

	 

	.main-services {
		margin: 40px 5px 0 5px;
	}

	.team-item{
		margin-left: 5px;
		margin-right: 5px;
	}

	.price-box{
		margin: 0 5px 20px 5px;
	}

}

/* ---------------------------++++++++++++++++++++++++---------------------------- */
/* mixed section */


/* green hover effect  */
.green-hover-effect:hover,
.green-hover-effect-active {
    background-color: #22683e;
}

.green-hover-effect:hover p,
.green-hover-effect:hover i,
.green-hover-effect:hover h4,
.green-hover-effect-active p,
.green-hover-effect-active h4 {
    color: #fff;
}

.green-hover-effect:hover img,
.green-hover-effect-active img {
    filter: brightness(0) invert(1);
}

/* Active state hover reverse */
.green-hover-effect-active:hover {
    background-color: #fff;
}

.green-hover-effect-active:hover p {
    color: #000;
}

.green-hover-effect-active:hover h4 {
    color: #22683e;
}.green-hover-effect-active i {
    color: #fff !important;
}
.green-hover-effect-active:hover i {
    color: #22683e !important;
}

.green-hover-effect-active:hover img {
    filter: unset;
}
/* green hover effect end */



section.mixed-section {
     padding: 60px 0px;
	    text-align: center;
		
}
.mixed-col {
	    box-shadow: rgb(99 99 99 / 8%) 0px 2px 8px 0px;
    padding: 20px;
}
.achieve {
    margin-top: 25px;
    margin-bottom: 49px;
}
 
.card-body.text-center {
	box-shadow: rgb(99 99 99 / 8%) 0px 2px 8px 0px;
    padding: 20px;
}
.h-100 {
	   
    border: none;
    height: 100% !important;
}
.box-1 {
   
   
    text-align: center;
}
img.d-block.center {
	margin-bottom: 26px;
	  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 20%;
}
.carousel-control-prev-icon {
    background-image: url('/images/arrow (1).png');
}
.carousel-control-next-icon {
    background-image: url('/images/right (2).png');
}
 

 .why-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 18px 0;
    border-bottom: 1px solid #eee;
    transition: 0.3s ease;
  }

  .why-item:hover {
    transform: translateX(6px);
  }
.why-icon {
    width: 75px;
    height: 75px;
    background: #f1f1f1;
    flex-shrink: 0;
    transition: 0.4s ease;
}

  .why-item:hover .why-icon {
    transform: rotate(8deg) scale(1.08);
  }

  .why-title {
     font-family: 'Reckless';
    
 
    margin-bottom: 6px;
    color: #22683e;
  }

  .why-text {
    
    margin: 0;
  
  }

   .section-title {
            font-size: 3.5rem;
            font-weight: 800;
            color: #fff;
            text-align: center;
            margin-bottom: 0.5rem;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
            animation: fadeInUp 1s ease-out;
        }
		 .section-subtitle {
            font-size: 1.5rem;
            color: #f8f9fa;
            text-align: center;
            margin-bottom: 3rem;
            font-style: italic;
            animation: fadeInUp 1.2s ease-out;
        }
		 .exposure-item {
            margin-bottom: 2.5rem;
            padding: 1.5rem;
            transition: all 0.4s ease;
            
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }
        .exposure-item:hover {
            transform: translateY(-10px) scale(1.02);
            box-shadow: 0 15px 35px rgba(0,0,0,0.2);
            background: rgba(255, 255, 255, 0.15);
        }
		 .exposure-item h5 {
            font-size: 2rem;
            font-weight: 700;
            color: #fff;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
        }
        .exposure-item p {
            font-family: 'InterV';
            font-size: 1.2rem;
            color: #f8f9fa;
            margin: 0;
        }
		 .emoji {
            font-size: 2.5rem;
            margin-right: 1rem;
            color: #ffd700;
            animation: bounce 2s infinite;
        }
        .divider {
            height: 3px;
            background: linear-gradient(90deg, #ffd700, #ff6b6b);
            margin: 3rem 0;
            border-radius: 2px;
            animation: slideIn 1.5s ease-out;
        }
	
        .section-title {
            font-size: 3.5rem;
            font-weight: 800;
            color: #2c3e50;
            text-align: center;
            margin-bottom: 0.5rem;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
            animation: fadeInUp 1s ease-out;
        }
		.section-subtitle {
            font-size: 1.5rem;
            color: #7f8c8d;
            text-align: center;
            margin-bottom: 3rem;
            font-style: italic;
            animation: fadeInUp 1.2s ease-out;
        }
        .exposure-item {
            margin-bottom: 2.5rem;
            padding: 1.5rem;
            transition: all 0.4s ease;
           
            background: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(0,0,0,0.1);
            height: 100%;
        }
		 .exposure-item:hover {
            transform: translateY(-10px) scale(1.02);
            box-shadow: 0 15px 35px rgba(0,0,0,0.2);
            background: rgba(255, 255, 255, 0.2);
        }
        .exposure-item h5 {
			    padding-top: 14px;
              font-size: 24px;
            font-weight: 700;
            color: #34495e;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
        }
		 .exposure-item p {
               font-size: 15px;
            color: #555;
            margin: 0;
        }
        .emoji {
            font-size: 2.5rem;
            margin-right: 1rem;
            color: #e74c3c;
            animation: bounce 2s infinite;
        }
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }
		  @keyframes bounce {
            0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
            40% { transform: translateY(-10px); }
            60% { transform: translateY(-5px); }
        }
		 .body {
            background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
             font-family: 'InterV';
            min-height: 100vh;
            display: flex;
            align-items: center;
        }
		li.list-group-item {
    border: none;
}


#events-updates {
  background-color: #f9f9f9;
}

.section-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #333;
}

.events-slider-wrapper {
  position: relative;
}

.events-slider {
	padding-bottom: 11px;
  display: flex;
  gap: 20px;
  animation: scroll 20s linear infinite;
}

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); } /* Adjust based on number of cards */
}
#events-updates {
    background-color: #ffffff !important;
}
.event-card {
    background: #fff;
    box-shadow: 0 4px 15px rgb(0 0 0 / 4%);
    transition: transform 0.3s, box-shadow 0.3s;
    padding: 15px;
    min-height: 209px;
    margin-bottom: 20px;
}

.event-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.event-icon img {
    
    height: 80px;
}

.event-card h5 {
  margin-top: 15px;
  font-weight: 600;
}

.event-card p {
     font-family: 'InterV';
  font-size: 0.9rem;
  color: #666;
}
li.list-group-item.placement_area {
      padding-left: 45px;
    padding-right: 45px;
    padding-top: 18px;
        font-family: 'InterV';

	    background-color: #F1F1F1;
    height:193px;
}
h5.heading-placement {
	color: white;
    margin-bottom: 0px;
    margin-top: 16px;
}
h5.heading-qouality {
	color: #3c4142;
	margin-top: 20px !important;
	margin-bottom: 0px;
}
.card-title {
    margin-bottom: 0px;
}
h5.card-title {
    margin-top: 15px;
}


 
img.img-fluid-logo{
     max-width: 172px; 
   height: auto;
       /* filter: brightness(0) invert(1); */
}


img.img-fluid.Co-Founder {
    min-width: 100%;
    height: auto;
}
.rounded-3 {
    border-radius: .0rem !important;
}

section.support-system {
    margin-top: 50px;
    margin-bottom: 50px;

}
 
.carousel-caption {
    position: absolute;
    right: 15%;
          top:250px;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}
 



/* ---------------About-section-know-about-isab------------------ */

.vision_mission_section {
    padding: 0;
    position: relative;
    z-index: 1;
}
.vision_mission_section .left_bg {
    position: absolute;
    width: 50%;
    height: 100%;
}
.vision_mission_section .left_bg img {
    position: relative;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
}
.vision_mission_section .right_bg {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    z-index: 0;
}
.vision_mission_section .right_bg img {
    position: relative;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
}
.vision_mission_section .right_bg::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #22683e;
    top: 0;
    left: 0;
    opacity: .85;
}
.vision_mission_section .left_bg::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #091821;
    top: 0;
    left: 0;
    opacity: .88;
}
.vision_mission_section .vision {
        padding: 90px 40px 50px 0;
    position: relative;
    z-index: 3;
}
.vision_mission_section .mission {
    padding: 100px 0 100px 40px;
    position: relative;
    z-index: 3;
}
.vision_mission_section h2 {
    font-family: Montserrat,sans-serif;
    font-weight: 500;
    color: #fff;
    margin-bottom: 40px;
}
.vision_mission_section p {
    color: #fff;
}


@media only screen and (max-width: 991.98px){
  .vision_mission_section .left_bg {
    width: 100%;
    height: 50%;
}
}
@media only screen and (max-width: 991.98px){
  .vision_mission_section .right_bg {
    width: 100%;
    height: 50%;
    bottom: 0;
    right: 0;
}
  .vision_mission_section .mission,.vision_mission_section .vision {
    padding: 70px 0;
}
  .vision_mission_section .vision .icon_box {
    position: absolute;
    width: 54px;
    height: 54px;
    top: 89%;
    right: 48%;
}
}

/* 


/* ----- Director--------- */

img.img-fluid-logo2{
    min-width: 177px !important;
}

.director-message {
    margin-bottom: 10px;
    padding: 18px 10px 7px 10px;;
    background-color: #22683e;
}


/* --------------chairman---------- */

section.Pradyumna-box {
       padding: 16px;

}
section.Pradyumna-heading {
        margin-bottom: 50px;
    margin-top: 50px;
}
/* --------------Academic-Advisor-And-Mentor--------------- */
.testimonial-card .card-up {
  height: 120px;
  overflow: hidden;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.testimonial-card .avatar {
  width: 110px;
  margin-top: -60px;
  overflow: hidden;
  border: 3px solid #fff;
  border-radius: 50%;
}
.testimonial-card .avatar {
    width: 260px;
}

.rounded-circle {
    width: 90px;
    border-radius: 50% !important;
}
.testimonial-card .avatar {
    width: 95px;
}


/* -----------core team-academics------------------- */
.core-team-grid {
    margin-bottom: 30px;
    padding: 30px;
    background-color: #F1F1F1;
    transition: all 0.3s 
ease;
    border-radius: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.core-team-grid:hover{
transform: translateY(-8px);
 box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

}
.core-team-content {
   
    padding-top: 20px;
}

.Birendra_massage{
    height: 315px;
}
/* -------------governors---------------*/
img.img-fluid-governors {
    width: 99px;
}

       
.profile-image {
     width: 100%; 
  
     object-fit: cover;
      border-bottom: 5px solid #22683e;
       object-position: top; 
    }
        
        
        .profile-name {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 10px;

            
        }
       
        .profile-details strong {
            color: #667eea;
        }

        
p.text-isab {
    margin-top: 112px;
}
.card.testimonial-card {
    margin-bottom: 19px;
}
.practical {
   padding: 60px 0px;
}
.img-parent {
     height: 357px;
    object-fit: cover;
}
section.Career.Orientation.Workshop {
    margin-top: 50px;
    margin-bottom: 50px;
}
.image-title-wrapper {
    margin-bottom: 25px;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.image-title-wrapper:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
/* --------------Course-Fee-for-Indian-Nationals----------- */
.image-wrapper {
    margin-bottom: 29px;
}
.global-heading{
    color: #22683e;
}


/* video css  */
.video-section video {
  width: 100%;
  height: auto;
  display: block;
}.trust-icon {
    height: 70px;
}

/* video css end */

/* zoom out code  */
 

 
/* zoom out code end */

/* zoom in code  */

.zoom-out-div {
    transition: transform 0.4s ease;
}

.zoom-out-div:hover {
    transform: scale(0.92); /* zoom out */
}



.zoom-in-div {
    transition: transform 0.4s ease;
  
}

.zoom-in-div:hover {
    transform: scale(1.05); /* zoom in */
}


.zoom-in {
    overflow: hidden;
 
}

.zoom-in img {
    transition: transform 0.4s ease; 
}

.zoom-in:hover img {
    transform: scale(1.15);
}
.placement-box {
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
    background-color: #fff;
     text-align: center;
     margin-bottom: 25px;
         border-radius: 15px;
    overflow: hidden;
}
.placed-content {
    padding: 10px;
   
}
.placed-img img{
    width: 100%;
}

.placement-box:hover{
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}


/* zoom in code end */


.choose-img {
    position: relative;
   max-width: 85%;
   margin: auto;
}.choose-img::before {
    content: "";
    position: absolute;
    left: -15px;
    bottom: -15px;
    width: 100%;
    height: 100%;
    border: 5px solid #f1f1f1;
    border-radius: 30% 0 30% 30%;
}
.choose-img img {
    border-radius: 30% 0 30% 30%;
}.choose-area::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/shape1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    opacity: 0.08;
    z-index: -1;
}.choose-area {
    position: relative;
    background: #07725b;
    z-index: 1;
}

.choose-item-info {
    background-color: #fff;
    padding: 15px;
    border-bottom: 4px solid #f1f1f1;
    min-height: 125px;
    border-radius: 15px;
}

.choose-item-info p {
   font-size: 14px;
   line-height: 22px;
}.choose-item-info h4 {
    font-size: 16px;
    font-family: 'InterV';
    font-weight: 600;
    letter-spacing: 1px;
}


.logo-grid {
    padding: 5px;
    border: 1px solid #22683e;
     
}


.logo-slider .slick-slide {
    margin: 5px;
}

    .vertical-timline {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}

.vertical-timline::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 0;
  width: 2px;
  height: 100%;
  background: #22683e; /* timeline line color */
  border-radius: 2px;
}

.vertical-timline li {
  position: relative;
  padding-left: 45px;
  margin-bottom: 25px;
}

.vertical-timline li::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 5px;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 3px solid #22683e; /* dot border color */
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(11, 61, 46, 0.15); /* soft glow */
}

.campus-life {
  background: #F7F9F8;
  padding: 15px 18px;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.08);
  transition: 0.3s ease;
}

.campus-life:hover {
  background: #22683e;
  color: #fff;
  transform: translateY(-3px);
}

.campus-life:hover p,
.campus-life:hover h5 {
  color: #fff !important;
}
.box_border {
    position: relative;
    max-width: 90%;
    margin: auto;
    min-height: 205px;
}
.box_border:before {
    position: absolute;
    content: '';
    height: 100%;
    left: calc(100% + 20px);
    width: 1px;
    background-color: #22683e;
}

.exposure-row .col-md-4:last-child .box_border:before {
    content: unset;
}
.testimonial-grid {
    border: 1px solid #e4e4e4;
    padding: 20px;
    border-radius: 20px;
    background-color: #fff;
    margin: 0px 5px;
}.testimonial-image img {
    width: 50px;
    height: 50px;
    min-width: 50px;
    object-fit: cover;
    border-radius: 30px;
}

.group-images {
    margin-bottom: 25px;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15);
    border-radius: 25px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.group-images:hover {
transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.25);}

    .group-logo {
    height: 80px;
    width: auto;
}

.contact-box {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 15px;
    border-radius: 15px;
}

.contact-box:hover {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}.contact-detail-heading {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f1f1;
}



/* popup css  */
  /* Overlay */
        .isab-popup-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.6);
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease;
            z-index: 1000;
        }

        /* Popup box */
        .isab-popup {
            background: #fff;
            padding: 25px;
            border-radius: 8px;
            width: 90%;
            max-width: 600px;
            text-align: center;
            position: relative;

            /* Animation start state */
            transform: translateY(-50px);
            opacity: 0;
            transition: all 0.4s ease;
        }

        /* Active state */
        .isab-popup-overlay.isab-active {
            opacity: 1;
            visibility: visible;
        }

        .isab-popup-overlay.isab-active .isab-popup {
            transform: translateY(0);
            opacity: 1;
        }

        .isab-close-btn {
            position: absolute;
            top: 5px;
            right: 5px;
            cursor: pointer;
             
            font-weight: bold;
        }

        .isab-close-btn i {
    font-size: 30px;
}

/* popup css end */

 
 

        .content-text {
            font-size: 17px;
            line-height: 1.8;
            text-align: justify;
        }

        /* Table styling */
        .grievance-table th,
        .grievance-table td {
            border: 2px solid #000;
            padding: 12px;
            vertical-align: middle;
        }

        .grievance-table th {
            font-size: 18px;
            font-weight: 600;
        }

        /* Social icons */
        .social-fixed {
            position: fixed;
            left: 0;
            top: 40%;
            z-index: 999;
        }

        .social-fixed a {
            display: block;
            padding: 10px 12px;
            color: #fff;
            text-align: center;
        }


        .view-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 9;
            font-size: 35px;
            color: #ffffff;
            display: none;
            }
            .view-big-img:hover .view-icon {
            display: block;
            }
            .view-big-img {
            position: relative;
            cursor: pointer;
            }
            /* Lightbox overlay */
            .isab-lightbox {
            display: none;
            position: fixed;
            z-index: 1000;
            padding-top: 60px;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0,0,0,0.9);
            }
            /* Lightbox Image */
            .isab-lightbox-content {
            margin: auto;
            display: block;
            max-width: 80%;
            max-height: 80%;
            border-radius: 20px;
            overflow: hidden;
            }
            /* Close button */
            .isab-close {
            position: absolute;
            top: 15px;
            right: 15px;
            color: #fff;
            font-size: 40px;
            font-weight: bold;
            cursor: pointer;
            }
            /* Next & Previous */
            .isab-prev, .isab-next {
            cursor: pointer;
            position: absolute;
            top: 50%;
            width: auto;
            padding: 16px;
            color: #fff;
            font-weight: bold;
            font-size: 40px;
            user-select: none;
            transform: translateY(-50%);
            }
            .isab-prev { left: 20px; }
            .isab-next { right: 20px; }
            .isab-prev:hover, .isab-next:hover, .isab-close:hover { color: #ccc; }

            .img-title-content-wrap {
    padding: 20px;
    min-height: 92px;
}

.profile-images:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
}
.profile-images {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s 
ease;
    border-radius: 20px;
    overflow: hidden;
    text-align: center;
}

.profile-card {
    transition: all 0.3s 
ease;
}

.profile-card:hover {
    transform: translateY(-8px);
  
}.accordion-item h4 {
    margin: 0px;
}.box-Sambhramaa h4 {
    font-size: 18px;
    margin-bottom: 10px !important;
}

.box-Sambhramaa{
    transition: all 0.3s 
ease;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.box-Sambhramaa:hover{
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}html {
    overflow-x: hidden;
}


/* k css  */
.why-icon {
    width: 86px;
    padding: 12px;
}

h3.text-title {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}
.advantage {
       background-color: #f5f7fc;
    padding: 25px;
    margin-bottom: 25px;

}

img.img-Enviroment {
    margin-bottom: 10px;
    width: 87px;
}
.card {
   border: none;
    border-radius: none;
}
li.list-group-item.placement_area {
    margin-bottom: 20px;
    padding-top: 15px;

}
.mixed-card {
    padding: 10px;
    background-color: #f5f7fc;
}
.career-img{
    min-height: 348px;


}
/* ----------founder----------- */


.founder{
    margin-top: 30px;
padding: 50px 0px;
}

/* ----------------director-------------- */
section.Birendra-box {
    text-align: center;
    padding: 50px;
}

.list-group-item {
    margin-bottom: 12px;
    position: relative;
    display: block;
    padding: .5rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
}
.testimonial-card {
    margin-bottom: 30px;
}


/* logos css  */
.logo-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.logo-list li {
    padding: 10px;
    width: 25%;  
    text-align: center;     /* Desktop - 4 per row */
}

.logo-list img {
    width: 100%;
    height: auto;
    object-fit: contain;
    max-width: 150px;
    
}

section.food-section {
    margin-top: 50px;
    margin-bottom: 41px;
}


/* logos css end  */


/* instagram-media */
.scholarship-form{
     max-width: 600px;
      margin: 0 auto;
      background: white;
      padding: 25px;
      border-radius: 10px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}



    
   
    
    .result {
      margin-top: 20px;
      background: #f1f5f9;
      padding: 15px;
      border-radius: 8px;
    }
    .checkbox{
    width: 12px;
}

/* online-mba-food-and-agribusiness-management */

.Online-Duration {
    margin-top: 21px;
    border: 1px solid;
    padding: 13px;
}
section.Online-Mode
 {
    margin: 27px;
}
.learning-box p {
    min-height: 52px;
}
section.orientation-workshop-section

 {
    margin-top: 50px;
}
.table-box {
    margin-bottom: 50px;
    margin-top: 21px;
}


/* --------------About-mba---------------- */
.box-Scholarship {
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ededed;
}

/* -----------Ajt-agri---------------- */
.branch-button {
    padding: 40px 0;
    text-align: center;
}
section.img-section {
    margin-bottom: 50px;
    margin-top: 40px;
}
/* -------specialized-management-program-in-food-and-agri-business------ */
section.mid-level-section {
    margin-top: 50px;
}
section.program-structure-section {
    margin-top: 50px;
}

section.program_fees {
    margin-top: 50px;
}
section.table-section-box {
    margin-top: 50px;
}
section.objectives-section {
    padding-top: 63px;
}
/* -----------------about-pgp----------- */
.Glimpses-col {
    margin-top: 50px;
}
section.mentorship-section {
    margin-bottom: 50px;
}
.box-img-icon {
    padding: 10px;
    border: 1px solid;
}

a {
    color: #000000;
    
}
section.Scholarship-Calculator {
    padding: 40px 0;
}

 /* entrance-exam */
.academic-type{
    padding: 37px 0;
}


/* -----------paid-internship-drive------------ */
section.paid-internship-section {
    margin-top: 40px;
   margin-bottom: 43px;
}
/* -----------Training-of-Trainers-Workshop-by-ISAB------------ */
.glimpses-of-tot-poster {
    margin-bottom: 31px;
}
.glimpses-of-tot-youtube {
     margin-bottom: 31px;
}
section.table-section
 {
    margin-bottom: 50px;
    margin-top: 50px;
}

.table-section {
    margin-top: 50px;
}
section.section-training {
   
    margin-top: 50px;
}
.slider-senction {
    margin-top: 50px;
    margin-bottom: 50px;
}
.table-teacher-play
 {
    margin-bottom: 50px;
}
.glimpses-box {
    margin-top: 30px;
    margin-bottom: 30px;
}
.agricultural-sciences-box{
    padding: 70px 0
}
section.glimpses {
    margin-bottom: 50px;
    margin-top: 50px;
}
section.knowledge-series {
    margin-bottom: 50px;
    margin-top: 50px;
}
.box-series {
    margin-top: 39px;
}
/* ---------success-gallery----------- */
section.section-placement {
    margin-top: 50px;
    margin-bottom: 50px;
}
.success-gallery
 {
    margin-top: 34px;
}



/* ---------------report-plcement-------------- */
.report-plcement {
    margin-bottom: 50px;
    margin-top: 50px;
}
 
section.faculty {
    margin-top: 50px;
}
section.visiting-faculty {
    margin-bottom: 50px;
    margin-top: 30px;
}
section.past-recruiters {
    margin-bottom: 50px;
    margin-top: 50px;
}
/* section.logo-recruiters {
        margin-top: 50px;
    margin-bottom: 50px;
} */
section.participat-img {
    margin-bottom: 50px;
}
section.contact-placement {
   
    margin-top: 50px;
}
section.chairperson-section {
    padding: 33px 0;

}
section.swagatam-section {
    margin-top: 50px;
    margin-bottom: 50px;
}

.box-Sambhramaa{
 
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 20px;
    text-align: center;
    transition: all 1s;
}
.Sambhramaa{
       padding: 20px;
   
    margin-bottom: 20px;
    text-align: center;
    transition: all 1s;
}
section.speaker-section {
    margin-top: 50px;
    margin-bottom: 30px;
}
section.box-sambhramaa-section {
    margin-top: 50px;
}
section.association-section {
    margin-top: 40px;
}
section.gallery-glimpses {
   margin-top: 30px;
}
  section.sponsors-section {
    margin-top: 50px;
}
section.industry-section {
    margin-top: 50px;
        margin-bottom: 50px;
}
section.global-section {
    margin-top: 50px;
}
section.Startup-section {
    margin-top: 50px;
    margin-bottom: 50px;
}
section.student-section {
       padding: 50px 0
}
section.club-section {
    margin-bottom: 50px;
}
section.anuvartan-section {
    margin-top: 50px;
    margin-bottom: 50px;
}
.global-box {
    padding: 20px 0;
}
section.prograp-section-box {
    margin-top: 50px;
}
section.ambassador-section {
    margin-top: 50px;
    margin-bottom: 50px;
}
section.classname {
    margin-top: 50px;
}
 
section.table-section-2 {
    margin-bottom: 50px;
}
section.course-fee-section {
    margin-top: 50px;
    margin-bottom: 50px;
}
section.eduction-section {
    margin-top: 50px;
        margin-bottom: 39px;
}
section.iisab-ajt-job-box {
    margin-top: 50px;
}
section.ajt-agri-section {
    margin-top: 50px;
}

section.section-entrence {
    margin-top: 50px;
        margin-bottom: 50px;
}
section.composition-test {
    margin-bottom: 20px;
}

section.faq-section {
    margin-top: 50px;
    margin-bottom: 31px;
}
section.founder {
    margin-top: 50px;
}
section.global-section {
    margin-bottom: 50px;
}
 
section.online-mba {
    margin-top: 50px;
    padding: 40px 0;
}
section.leaning-section {
    margin-top: 31px;
    
}

.Sambhramaa-img {
   max-width: 200px !important;
    border-radius: 100px;
}
.prominent{
  margin-bottom: 50px;
}
section.privacy-section {
    margin-bottom: 50px;
    margin-top: 50px;
}
section.Terms-\&-Conditions {
  margin-bottom: 50px;
    margin-top: 50px;
}
section.know-box-section {
    margin-bottom: 40px;
}
/* k css end */

.whatsap_click i {
    color: #0CC143;
    font-size: 40px;
}

section.main_footer p {
    color: #f1f1f1;
}

.event-icon i {
    font-size: 50px;
    color: #07725b;
}

.row.placement-assistance .number_box {
    font-size: 25px;
    max-width: 60px;
    height: 60px;
    line-height: 60px;
    top: -30px;
    left: 15px;
}.number_text:hover {
    background-color: #f1f1f1;
}

.logo-slider .slick-prev.slick-arrow {
    bottom: 0px !important;
    top: 100%;
    left: calc(50% - 30px) !important;
    margin-top: 15px;
}.logo-slider .slick-next.slick-arrow {
    right: calc(50% - 30px) !important;
    top: 100%;
    margin-top: 15px;
    bottom: 0px !important;
}.icon-img-bi i {
    font-size: 55px;
    color: #07725b;
    line-height: normal;
}.icon-img-bi {
    margin-bottom: 5px;
}



/* why isab */

  .info-box {
      background: #ffffff;
      border-radius: 40px;
      padding: 15px 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 18px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.08);
    }

    .info-text {
      font-size: 15px;
      font-weight: 500;
    }

    .icon-circle {
      width: 55px;
      height: 55px;
      background-color: #22683e;
      color: #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 26px;
      flex-shrink: 0;
    }

/* ------------Governing Council--------- */
h4.great-name {
    color: white;
    text-align: center;
    padding: 6px 0px;
    background-color: #22683e;
    font-size: 15px;
    font-family: 'InterV';
    letter-spacing: 2px;
}

.view-icon{
    display: none !important;
}


.active-btn {
    background-color: #22683e;
    color: #fff !important;
    border: 1px solid #22683e;
}.active-btn:hover {
    background-color: transparent !important;
    color: #22683e !important;
}
.row.why-rows {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.profile-details {
    font-size: 15px;
}


.governing .profile-card {
    transition: all 0.3s 
ease;
    background-color: #f1f1f1;
    padding: 10px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
}

.governing .governors-profile-image img {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}


.governing .governors-profile-content {
    min-height: 165px;
}
.blue-bg {
    background-color: #22683e;
}

.sambhrama .logo-grid{
    background-color: #fff;
}.logo-grid{
    background-color: #fff;
}

.btn-white:hover {
    background-color: transparent;
    color: #fff;
}
.btn-white {
    background-color: #fff;
    border: 1px solid #fff;
    padding: 6px 15px;
    border-radius: 30px;
}.logo-list.colleges-participent img {
    max-width: 100%;
}

.advisor-card .governors-profile-content.Faculty {
    min-height: auto;
}.logo-list.colleges-participent .box_shadow {
    padding: 2px;
}a.underline {
    text-decoration: underline;
}.place-img p {
    margin: 0px;
}
.place-img {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
}

 
.banner-img {
    min-height: 304px;
}

.social-fixed {
   position: fixed;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   z-index: 9999;
   display: flex;
   flex-direction: column;
}

/* social media fixed in left side  */

.social-fixed{
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999999;
;
}

/* Common style */
.social-link{
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    margin: 12px;
}

/* EXACT BRAND COLORS (as image) */


/* left fixed social bar */
.left-isab-social{
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999999;
}

/* common link style */
.left-isab-social .left-isab-link{
    display: flex;
    align-items: center;
    width: 35px;
    height: 35px;
    background: #22683e;          /* ✅ SAME AS HEADER */
    color: #ffffff;
    text-decoration: none;
    overflow: hidden;
    transition: width 0.35s ease;
    border-radius: 0 6px 6px 0;
}

/* icon */
.left-isab-social .left-isab-link i{
    min-width: 35px;
    text-align: center;
    font-size: 20px;
}

/* text (hover) */
.left-isab-social .left-isab-link span{
    white-space: nowrap;
    opacity: 0;
    margin-left: 2px;
    font-size: 12px;
    transition: opacity 0.25s ease;
}
.left-isab-social{
    padding-top: 10px;
    padding-bottom: 28px;   /* 👈 bottom space */
}

/* hover expand */
.left-isab-social .left-isab-link:hover{
    width: 155px;
}

.left-isab-social .left-isab-link:hover span{
    opacity: 1;
}

/* light gallery css  */

/* Column full height */
.Workshop .row > [class*="col-"] {
    display: flex;
}

/* Card wrapper */
.image-title-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

/* Image wrapper fixed height */
.img-wrapper {
    height: 220px;              /* same image height */
    overflow: hidden;
}

/* Image fit */
.img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Title area equal height push */
.img-title-content-wrap {
    flex-grow: 1;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.swagatam-img {
    width: 300px;
}

/* sucees gallery  */

/* ========================================================== */
/* 			               01. GENERAL LAYOUT                 */
/* ========================================================== */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
@media (min-width: 1200px){
.container {
    max-width: 1140px !important;
}}

body{
    font-family: 'InterV' !important;
    color: #000;
    overflow-x: hidden;
}
.font-1{
     font-family: 'InterV'; 
}
.font-2-{
    font-family: 'Reckless';
}
/* fonts  */
@font-face {
    font-family: 'InterV';
    src: url('../fonts/InterV.woff2') format('woff2'),
        url('../fonts/InterV.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Reckless';
    src: url('../fonts/Reckless-SemiBold.woff2') format('woff2'),
        url('../fonts/Reckless-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* fonts end */



ul {
	padding: 0;
}

ul, ol { 
	list-style: none; 
	list-style-image: none; 
	margin: 0; 
	padding: 0;
 font-family: 'InterV';
 
 
	margin-bottom:20px;
}
	
ul li, ol li{
    font-size: 15px;
    line-height: 26px;
	 font-family: 'InterV';
	list-style-type: none;
}

ul li i{
	vertical-align: middle;
 
}
.text-justify {
    text-align: justify;
    text-justify: inter-word;
}


.space{
    padding: 70px 0px;
}

p {
	font-size: 15px;
    line-height: 26px;
	font-weight: 400;
	color: #000;
	 
	 font-family: 'InterV';
}

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

a:hover{
	color:  #22683e;
}

.btn {
 
 
}

.mw-50 {
	max-width: 50%;
  }
.mw-60 {
	max-width: 60%;
  }
.mw-70 {
	max-width: 70%;
  }
  
  .mw-80 {
	max-width: 80%;
  }
  
  .mw-90 {
	max-width: 90%;
  }



.btn-link {
    font-weight: 600;
    color: #595959;
    text-decoration: none;
}

.btn-link i{
	font-size: 18px;
    font-weight: 600;
    color: #595959;
    text-decoration: none;
}

a:hover .btn-link i{color:#6E6E6E}

h1,
h2,
h3,
h4,
h5,
h6 {
 font-family: 'Reckless';
  line-height: 1.2;
  margin-top: 0;
  margin-bottom:18px;
  color: #22683e;
  font-weight: 700;
}

h1 {
	font-size: 42px;
}

h2 {
	font-size: 35px;
}

h3 {
	font-size: 28px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

.width-100{
	width: 100%;
}


.fs-13 {
	font-size: 13px;
  }
  
  .fs-12 {
	font-size: 12px;
  }
  
  .fs-10 {
	font-size: 10px;
  }
  
  .fs-14 {
	font-size: 14px;
  }
  
  .fs-15 {
	font-size: 15px;
  }
  
  .fs-18 {
	font-size: 18px;
  }
  
  .fs-20 {
	font-size: 20px;
  }
  
  .fs-22 {
	font-size: 22px;
  }
  
  .fs-24 {
	font-size: 24px;
  }
  
  .fs-26 {
	font-size: 26px;
  }
  .fs-30 {
    font-size: 30px;
}
  .fw-500 {
	font-weight: 500;
  }
  
  .fw-100 {
	font-weight: 100;
  }
  
  .fw-600 {
	font-weight: 600;
  }
  
  .fw-700 {
	font-weight: 700;
  }
  
  .fw-800 {
	font-weight: 800;
  }
  
  .mw-70 {
	max-width: 70%;
  }
  
  .mw-80 {
	max-width: 80%;
  }
  
  .mw-90 {
	max-width: 90%;
  }
  
  .white {
	color: #fff !important;
  }
  
  .blue {
	color: #314960;
  }
  
  .red {
	color: #e5143c;
  }
  
  .black_v2 {
	color: #515151;
  }
  
  .gray {
	color: #acacac;
  }
  
  .dark-gray {
	color: #6E6E6E;
  }
  
  .dark-black {
	color: #413f3f;
  }
  
 
  
  .yellow {
	color: #ffa001;
  }
  
  .green_bg {
    background-color:  #22683e;
}

.dark_bg {
    background-color: #22683e;
}
.placement_box:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
  .navbar-toggler:focus {
	box-shadow: unset;
  }
  
  .black {
	color: #000;
  }
  
  .bg_white {
	background-color: #fff !important;
  }
.image-shadow {
    border-radius: 8px 8px;
    box-shadow: 15px 10px 20px rgb(0 0 0 / 15%);
}

.blue{
	color:  #22683e;
}

.red{
	color: #e52f37;
}

.green {
    color:  #22683e;
}

.section-white {
	background: #fff;
	padding: 50px 0 70px 0;
}

.section-grey{
	background: #F1F1F1;
	padding: 90px 0 90px 0;
}

.section-blue{
	background:  #22683e;
	padding: 90px 0 70px 0;
}

.section-white.no-padding, .section-grey.no-padding, .section-blue.no-padding {
	padding:0;
}

.section-white.medium-paddings, .section-grey.medium-paddings, .section-blue.medium-paddings {
	padding: 60px 0;
}

.section-white.small-paddings, .section-grey.small-paddings, .section-blue.small-paddings {
	padding: 30px 0;
}

.section-white.xsmall-paddings, .section-grey.xsmall-paddings, .section-blue.xsmall-paddings {
	padding: 10px 0;
}

.section-white.small-padding-top, .section-grey.small-padding-top, .section-blue.small-padding-top {
	padding: 30px 0 90px 0;
}

.section-white.medium-padding-bottom, .section-grey.medium-padding-bottom, .section-blue.medium-padding-bottom {
	padding: 70px 0 70px 0;
}

.section-white.small-padding-bottom, .section-grey.small-padding-bottom, .section-blue.small-padding-bottom {
	padding: 90px 0 30px 0;
}

.section-white.no-padding-bottom, .section-grey.no-padding-bottom, .section-blue.no-padding-bottom {
	padding: 90px 0 0 0;
}

iframe {
    max-width: 100%;
    border: none;
}

.iframe-youtube{
    position: relative;
    margin-top: 30px;
    z-index: 100;
}

.iframe-youtube iframe{
    padding: 10px 10px;
    box-shadow: 0 15px 36px rgba(0, 0, 0, 0.20);
    background-color: #fff;
    webkit-border-radius: 8px 8px;
    -moz-border-radius: 8px 8px;
    border-radius: 8px 8px;
    z-index: 100;
}

/* margin and padding classes */

.margin-right-15 {
	margin-right: 15px;
}

.margin-left-15 {
	margin-left: 15px;
}

.margin-right-25 {
	margin-right: 25px !important;
}

.margin-left-25 {
	margin-left: 25px !important;
}

.margin-left-20 {
	margin-left: 20px !important;
}

.margin-top-120 {
	margin-top: 120px !important;
}

.margin-top-110 {
	margin-top: 110px !important;
}

.margin-top-100 {
	margin-top: 100px !important;
}

.margin-top-90 {
	margin-top: 90px !important;
}

.margin-top-80 {
	margin-top: 80px !important;
}

.margin-top-70 {
	margin-top: 70px !important;
}

.margin-top-60 {
	margin-top: 60px !important;
}

.margin-top-50 {
	margin-top: 50px !important;
}

.margin-top-40 {
	margin-top: 40px !important;
}

.margin-top-35 {
	margin-top: 35px !important;
}

.margin-top-30 {
	margin-top: 30px !important;
}

.margin-top-20 {
	margin-top: 20px !important;
}

.margin-top-10 {
	margin-top: 10px !important;
}

.margin-top-5 {
	margin-top: 5px !important;
}

.margin-bottom-0 {
	margin-bottom: 0px !important;
}

.margin-bottom-5{
	margin-bottom: 5px;
}

.margin-bottom-10 {
	margin-bottom: 10px !important;
}

.margin-bottom-20 {
	margin-bottom: 20px !important;
}

.margin-bottom-30 {
	margin-bottom: 30px !important;
}

.margin-bottom-40 {
	margin-bottom: 40px !important;
}

.margin-bottom-50 {
	margin-bottom: 50px !important;
}

.margin-bottom-60 {
	margin-bottom: 60px !important;
}

.margin-bottom-70 {
	margin-bottom: 70px !important;
}

.margin-bottom-80 {
	margin-bottom: 80px !important;
}

.margin-bottom-100 {
	margin-bottom: 100px !important;
}

.margin-bottom-120 {
	margin-bottom: 120px !important;
}

.margin-bottom-130 {
	margin-bottom: 120px !important;
}

.margin-bottom-140 {
	margin-bottom: 140px !important;
}

.padding-top-0 {
	padding-top: 0px !important;
}

.padding-top-10 {
	padding-top: 10px !important;
}

.padding-top-15 {
	padding-top: 15px !important;
}

.padding-top-20 {
	padding-top: 20px !important;
}
.padding-top-25 {
	padding-top: 25px !important;
}

.padding-top-30 {
	padding-top: 30px !important;
}

.padding-top-35 {
	padding-top: 35px !important;
}

.padding-top-40 {
	padding-top: 40px !important;
}

.padding-top-45 {
	padding-top: 45px !important;
}

.padding-top-50 {
	padding-top: 50px !important;
}
.padding-top-60 {
	padding-top: 60px !important;
}

.padding-top-70 {
	padding-top: 70px !important;
}

.padding-top-80 {
	padding-top: 80px !important;
}

.padding-top-100 {
	padding-top: 100px !important;
}

.padding-top-120 {
	padding-top: 120px !important;
}

.padding-top-150 {
	padding-top: 150px !important;
}

.padding-bottom-70 {
	padding-bottom: 70px !important;
}

.padding-bottom-60 {
	padding-bottom: 60px !important;
}

.padding-bottom-50 {
	padding-bottom: 50px !important;
}

.padding-bottom-40 {
	padding-bottom: 40px !important;
}

.padding-bottom-30 {
	padding-bottom: 30px !important;
}

.padding-bottom-20 {
	padding-bottom: 20px !important;
}

.padding-bottom-10 {
	padding-bottom: 10px !important;
}

.padding-bottom-0 {
	padding-bottom: 0px !important;
}

.margin-top-0 {
	margin-top: 0px !important;
}

.padding-left-20{
	padding-left: 20px;
}

/* ========================================================== */
/* 			               02. MENU-NAV                       */
/* ========================================================== */

.sub_dropdown_toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: unset;
    border-top: unset;
    border-right: unset;
    border-bottom: 0;
    border-left: unset;
    content: "\f107";
    font-family: 'FontAwesome';
}
.sub_dropdown {
    position: relative;
}
.sub_dropdown_menu {
 
    border: unset;
    box-shadow: 0 10px 40px rgba(0,0,0,.08);
    border-radius: 0px;
    padding: 10px 20px 10px;
    min-width: 250px;
    border-top: 2px solid  #22683e;
    position: absolute;
    left: 230px;
    background-color: #fff;
    top: 10px;
}.sub_dropdown_menu {
	display: none;}
 


ul.sub_dropdown_menu a {
    font-size: 14px;
    color: #3c4142;
    padding: 0.25rem 1rem;
}
.navbar-brand{
	font-family: 'Nunito', sans-serif;
	font-size: 24px;
	font-weight: 800;
	color: #071e55;
}

.navbar-brand i{
	color:  #22683e;
}

.navbar-brand:hover{
	color: #071e55;
}

.navbar-brand span.orange, .navbar-brand:hover span.orange{
	color:  #22683e;
}

.navbar-fixed-top.opaque .navbar-brand{
	color: #071e55;
}

.navbar-fixed-top.opaque .navbar-brand span.orange{
	color:  #22683e;
}

.navbar-fixed-top.opaque .navbar-brand:hover{
	color: #071e55;
}

.navbar {
	width: 100%;
	z-index: 9999;
	padding-top: 0px;
	padding-bottom: 0px;
}
.dropdown-menu {
    border: unset;
    box-shadow: 0 10px 40px rgba(0,0,0,.08);
    border-radius: 0px;
    padding: 10px 20px 10px;
    min-width: 250px;
    border-top: 2px solid  #22683e;
	max-width: 100%;
}

.navbar-toggler {
    border: 1px solid  #22683e;
}

.navbar-toggler-icon {
	width: 1.3em;
    height: 1.3em;
}
.dropdown-item{
	font-size: 14px;
	line-height: 20px;
	color: #000;
	white-space: normal;
}.dropdown:hover .dropdown-menu {
	display: block;
}
.navbar-toggler-icon i {
    color:  #22683e;
    vertical-align: middle;
}

.navbar-fixed-top {
	 
	 
	transition: background-color 0.25s ease 0s;
}

.navbar-fixed-top.opaque {
    position: fixed !important;
    top: 0;
    margin-top: 0;
    background-color: #fff !important;
    border-bottom: 1px solid #efefef;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.25s 
ease-in-out 0s;
    width: 100%;
    max-width: 100%;
    z-index: 99;
}.navbar-fixed-top.opaque .top-bar {
    display: none;
}

.navbar-fixed-top.opaque .navbar-nav > li{
	display: inline-block;
}

.navbar-fixed-top .navbar-nav > li > a {
    color: #000000;
    font-size: 16px !important;
    line-height: 30px !important;
    padding: 10px 12px!important;
   
    font-weight: 500;
    text-transform: capitalize;
}
.navbar-fixed-top.opaque .navbar-nav > li > a{
	color:#6E6E6E;
}.apply_now {
    box-shadow: rgba(33,33,33,.06) 0 4px 24px 5px;
    background-color: #22683e;
    color: #fff !important;
    display: inline-block;
    padding: 4px 15px !important;
    border-radius: 40px;
    padding-bottom: 6px;
    font-weight: 600;
    width: fit-content;
   
    border: 1px solid #22683e;
    margin-left: 15px;
	font-size: 15px;
}


.apply_now:hover {
    background-color: transparent;
    color: #22683e !important;
}


.iisab_btn {
    box-shadow: rgba(33,33,33,.06) 0 4px 24px 5px;
    background-color: #3c4142;
    color: #fff;
    display: inline-block;
    padding: 4px 15px;
    border-radius: 40px;
    padding-bottom: 6px;
    font-weight: 600;
    
    border: 1px solid #3c4142;
   
	font-size: 15px;
	text-align: center;
	width: auto;
}


.iisab_btn:hover {
    background-color: transparent;
    color: #3c4142;
}



.iisab_btn_white {
    box-shadow: rgba(33,33,33,.06) 0 4px 24px 5px;
    background-color: #ffffff00;
    color: #3c4142;
    display: inline-block;
    padding: 4px 15px;
    border-radius: 40px;
    padding-bottom: 6px;
    font-weight: 600;
   font-family: 'Reckless';
    border: 1px solid #3c4142;
 
    font-size: 15px;
    text-align: center;
    width: auto;
}


.iisab_btn_white:hover {
    background-color: #3c4142;
    color: #fff;
}


.navbar-fixed-top .navbar-nav > li > a:hover{
	color:  #22683e!important;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.nav-item.current a {
    color: #22683e!important;
     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navbar-fixed-top .navbar-nav > li > a.discover-btn {
	border: 2px solid   #22683e;
	color: #fff!important;
	background: #22683e;
	border-radius: 5px 5px;
	padding: 10px 18px!important;
	margin-left: 10px;
	margin-right: 15px;
     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navbar-fixed-top .navbar-nav > li > a.discover-btn:hover {
	color: #fff!important;
	background: transparent;
	border: 2px solid #fff;
}

.navbar-fixed-top.opaque .navbar-nav > li > a.discover-btn {
	color: #fff!important;
	background: #164145;
	border: 1px solid #164145;
     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navbar-fixed-top.opaque .navbar-nav > li > a.discover-btn:hover {
	border: 1px solid #164145;
	color: #164145!important;
	background: transparent;
}

.opaque .top_listing {
    display: none;
}
.opaque .navbar-brand {
    max-width: 100px;
}
/* mobile menu css  */
ul.mobile_sub_nav a {
    font-size: 14px;
}

ul.mobile_sub_nav {
    box-shadow: 0 10px 40px rgba(0,0,0,.08);
    border-radius: 0px;
    padding: 10px 10px 10px;
    border-top: 2px solid  #22683e;
	margin-top: 5px;
}
.mobile_menu_box_area a {
    font-size: 15px;
    color: #000;
}
li.mobile_nav_list a {
    position: relative;
}
.has_sub_menus {
    font-size: 25px !important;
    cursor: pointer;
    position: absolute;
    right: 15px;
    color:  #22683e;
}

.has_sub_menus_child {
    font-size: 25px !important;
    cursor: pointer;
    position: absolute;
    right: 25px;
    color:  #22683e;
}

.sub_menu_child {
    box-shadow: 0 10px 40px rgba(0,0,0,.08);
    border-radius: 0px;
    padding: 10px 10px 10px;
    border-top: 2px solid  #22683e;
    margin-top: 5px;
}
li.mobile_nav_list {
    padding-bottom: 8px;
}
.close_btn i {
    font-size: 30px;
    font-weight: bold;
}
.mobile_logo {
    max-width: 80px;
}
.has_sub_menu {
    font-size: 25px;
    color:  #22683e;
    font-weight: bold;
}
.close_btn {
    cursor: pointer;
}
.mobile_menu_box {
    background-color: #fff;
    box-shadow: 0 10px 40px rgba(0,0,0,.08);
    max-width: 320px;
    height: 100vh;
    z-index: 999999999;
    padding: 20px;
    position: fixed;
    top: 0px;
    width: 100%;
	overflow-y: scroll;
}
.for_mobile_toggle {
    font-size: 30px;
    text-align: right;
    cursor: pointer;
}
/* mobile menu css end */

/* ========================================================== */
/* 			                03. FOOTER                        */
/* ========================================================== */

 
.footer_copyright {
    position: relative;
    overflow: hidden;
    display: block;
    padding: 8px 0px;
    background-color: #072a1f;
}

.footer_copyright p {
	margin-bottom: 5px;
	line-height: 24px;
	color: #ffffff;
}

.footer_copyright p > a {
	font-size: 13px;
	color: #ffffff;
	 
}

.footer_copyright p > a:hover {
	color: #ffffff;
	text-decoration:underline;
}

span.template-name{
	font-weight: bold;
}

a.footer-links {
    display: block;
    font-size: 17px;
    margin-bottom: 2px;
    color: #ffffff;
}

a.footer-links:hover {
	color: #e52f37;
	text-decoration:underline;
    transition: all .5s ease-in-out;
}

/* Footer Social Icons */
ul.footer_social{
	float: right;
}

ul.footer_social li{
        color: #ffffff;
	display:inline-block;
    margin:0 ;
	line-height:100%!important;
}

ul.footer_social li a i {
  display: inline-block;
  margin:0 8px;
  padding:0;
  font-size:16px!important;
 
  color: #1e90ff;
  transition: all .5s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}
.footer_copyright p {
    font-size: 13px;
}
ul.footer_social li a.twitter i {
  color: #ffffff;
}

ul.footer_social li a i.fa-pinterest {
  color: #C92228;
}

ul.footer_social li a.instagram i {
  color: #ffffff;
}

ul.footer_social li a.whatsapp i {
  color:  #ffffff;
}

ul.footer_social li a.google i {
  color: #ffffff ;
}

ul.footer_social li a.github i {
  color: #ea4c89;
}

ul.footer_social li a i:hover {
	opacity: 0.59;
}

/* ========================================================== */
/* 			               04. HOME                           */
/* ========================================================== */

.home-section {
	width: 100%;
	position: relative;
  	 
  	padding-bottom: 50px;
	background-color: #F1F1F1;
}

.home-section h1{
	margin-bottom: 20px;
	line-height: 1.2;
    color: #212121;
}

.home-section p.hero-text{
	margin-bottom: 35px;
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
	color: #454545;
}

/* -----  Newsletter ----- */
.newsletter_form_wrapper{
	width:100%;
	text-align:center;
	margin-bottom:30px;
}

.newsletter_form_box{
	margin:0 auto;
	max-width:728px;
}

#newsletter-form{
	width: 100%;
	max-width: 500px;
    moz-border-radius: 5px 5px;
    -webkit-border-radius: 5px 5px;
    border-radius: 5px 5px;
    background-color: #fff;
    -webkit-box-shadow: 3px 4px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 4px 12px rgba(0, 0, 0, 0.1);
}

#newsletter-form #email_newsletter {
	background: url(../images/input-envelope.png) no-repeat 15px 20px;
	width:100%;
	max-width: 350px; 
	height: 59px;
    padding:0 20px 0 45px;
	border: none!important;
	background-color: #fff;
    moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
	color:#454545;  
    font-size:17px;
	margin:0!important
}

#newsletter-form #submit-button-newsletter {
    width: 145px;
	height:62px;
    background: #e52f37;
	border: none;
    color:#fff;  
    display: inline;
	margin:0!important;
    moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
	font-size:14px;
	font-weight:700;
	font-family: 'Nunito', sans-serif;
	vertical-align: top;
	transition: background-color .25s ease-in-out;
   -moz-transition: background-color .25s ease-in-out;
   -webkit-transition: background-color .25s ease-in-out;
}

#newsletter-form #submit-button-newsletter:hover {
	cursor: pointer;
    background-color: #df2931;
	transition: background-color .25s ease-in-out;
   -moz-transition: background-color .25s ease-in-out;
   -webkit-transition: background-color .25s ease-in-out;
}

input#email_newsletter::-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
}
input#email_newsletter:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}
input#email_newsletter::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}
input#email_newsletter:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999;
}

.newsletter_success_box{
	font-size: 18px;
	font-style: italic;
	color:  #22683e;
	margin: 5px 0;
}

p.newsletter-form-terms {
    margin: 15px 0 5px 0;
    font-size: 14px;
    color: #878787;
    text-shadow: none;
}

p.newsletter-form-terms span {
    margin-right: 15px;
}

p.newsletter-form-terms i {
    font-size: 18px;
    line-height: 28px;
    margin-right: 1px;
    color:  #22683e;
}

/* ========================================================== */
/* 			                05. SERVICES                      */
/* ========================================================== */

.main-services {
	margin-top: 40px;
	padding: 25px 30px;
	background-color: #fff;
	box-shadow: rgba(33,33,33,.06) 0 4px 24px 5px;
    border-radius: 8px;
	text-align: center;
	transition: all 1s;
}

.main-services:hover {
	margin-top: 25px;
	transition: all 1s;
}

.main-services i{
	display: block;
	font-size: 46px;
    margin-bottom: 5px;
}

.main-services p{
	padding: 0 10px;
}

/* ========================================================== */
/* 			                10.FEATURES                       */
/* ========================================================== */
.feature-box{
	overflow: hidden;
	margin: 30px 0 0 0;	
}

.feature-box i{
	float: left;
    font-size: 40px;
    line-height: 50px;
    width: 55px;
    height: 55px;
    text-align: center;
    color:  #22683e;
}

.feature-box.light-green i{
    color:  #22683e;
}

.feature-box.light-blue i{
    color: #50a0d2;
}

.feature-box.orange i{
    color: #fe9c24;
}

.feature-box.dark-blue i{
    color: #3473b8;
}

.feature-box.light-red i{
    color: #fc6a3f;
}

.feature-box.dark-green i{
    color:  #22683e;
}

.feature-box img{
	float: left;
	width: 100%;
	max-width: 48px;
}

.feature-box-text {
	float: left;
	width: 75%;
	margin-left: 20px;
}

.feature-box h4{
	font-size: 20px;
	margin-bottom: 10px;
}

/* ========================================================== */
/* 			               10.TESTIMONIALS                    */
/* ========================================================== */

.testim-info{
	width: 100%;
	max-width: 500px;
}

.testim-inner{
}

.testim-inner h6{
	margin-bottom: 5px;
	font-size: 15px;
	line-height: 28px;
	font-weight: 800;
	text-transform: uppercase;
}

.testim-inner h6 span{
	text-transform: none;
}
 

.testim-inner p{
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 30px;
	font-style: italic;
	color: #656565;
}

.testim-inner i{
	display: block;
	margin-bottom: 20px;
	font-size: 40px;
	line-height: 40px;
}

.testim-inner a.video-play-icon i{
	margin-bottom: 12px;
	font-size: 26px;
	line-height: 70px;
	color: #164145;
}

.testim-rating {
	margin-bottom: 30px;
}

.testim-rating i{
	color: #fdcc28;
}

.testim-rating{
	display: inline-block;
	margin-right: 20px;
}

.testim-platform p{
	display: inline-block;
	font-size: 18px;
}

/* ----- Testimonial Single ----- */
p.testimonial-single {
    margin-bottom: 15px;
    font-size: 26px;
    line-height: 38px;
    font-weight: 300;
    font-style: italic;
}
/* ----- Vertical Carousel Indicators ----- */
.carousel-indicators{
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    height:20px;
    right:-20px; 
    left:auto;
    width:auto;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.carousel-indicators button {
    display:block; 
    margin-bottom:5px;
    border-top: none!important;
    border-bottom: none!important;
    width: 15px!important;
    height: 15px!important;
    margin-right: 3px!important;
    margin-left: 3px!important;
    border-radius: 50%!important;
    text-indent: -999px;
    cursor: pointer;
    background-color: #cecece!important;
}

.carousel-indicators button.active{
    margin-bottom:3px;
    border-top: none!important;
    border-bottom: none!important;
    background:#e52f37!important;
}

.carousel-inner {
    overflow: visible!important;
}

/* ========================================================== */
/* 			               05. TEAM                           */
/* ========================================================== */

.team-item{
	padding: 10px 25px 40px 25px;
    text-align: center;
    transition: all 1s;
	border-radius: 0 0 8px 8px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.team-item h4{
	margin:20px 0 1px 0!important;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

.team-info {
	display: block;
}

.team-info p{
	color:#acacac;
	font-style:italic;
}

.team-img{
	border-radius: 8px 8px;
}

ul.team-icon {
	margin: 25px 0 0 0;
}

ul.team-icon li{
	display: inline-block;
	margin:0 3px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

ul.team-icon li a{
	margin: 0;
	display: inline-block;
	padding: 8px 8px;
	width: 36px;
	height: 36px;
	font-size: 18px;
	line-height: 18px;
	background-color: #fff;
	border-radius: 50%;
	color:#fff;
}

ul.team-icon li a.twitter{
	background-color: #4099ff;
}

ul.team-icon li a.pinterest{
	background-color: #C92228;
}

ul.team-icon li a.facebook{
	background-color: #3b5998;
}

ul.team-icon li a.dribble{
	background-color: #ea4c89;
}

.team-icon li a:hover{
	color:#dedede;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

/* ========================================================== */
/* 			               10. OTHER ELEMENTS                 */
/* ========================================================== */

/* c) Our Partners */
.our-partners {
    width: calc(20% - 10px);
    margin: 5px;
	padding: 29px 10px;
	background-color: #fff;
	box-shadow: rgba(33,33,33,.06) 0 4px 24px 5px;
    border-radius: 8px;
	text-align: center;
	transition: all 1s;
}
.pra_slider_grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.our-partners:hover {
	margin-top: 10px;
	transition: all 1s;
}

/* c) Benefits List */
ul.benefits {
    margin-bottom: 25px;
}

ul.benefits li {
    margin-bottom: 4px;
}

ul.benefits.white li {
	color: #fff;
}

ul.benefits li i {
    font-size: 26px;
    line-height: 26px;
    margin-right: 1px;
}

ul.benefits.white li i {
    color: #fff;
}

ul.benefits-together li {
    margin-right: 10px;
    display: inline-block;
}

/* ----- d) Fun Facts ----- */
.fun-facts-boxs{
	display: inline-block;
	width:19%;
	padding:10px 10px;
}

.fun-facts-title{
	font-size:16px;
	font-weight:400;
}

.fun-facts-title span{
	font-size:26px;
	line-height:40px;
	font-weight:700;
	font-style:normal;
	color:#071e55;
	font-family: 'Nunito', sans-serif;
}

.fun-facts-box i{
	display: block;
	margin-bottom: 10px;
	font-size:40px;
	line-height:60px;
	color: #071e55;
}

.fun-facts-box.green i{
	color:  #22683e;
}

.fun-facts-box.blue i{
	color: #1e90ff;
}

.fun-facts-box.red i{
	color: #fc6a3f;
}

.fun-facts-box.yellow i{
	color: #fe9c24;
}

/* c) Popup Gallery */
.popup-gallery .video-popup-image{
	z-index: 100;
}

.popup-gallery:hover .video-popup-image{
	opacity: 1;
}

.video-play-icon {
	position: absolute;
	z-index: 100;
	top: 50%;
	left: 50%;
	margin-top: -45px;
	margin-left: -45px;
	width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 40px;
    color: #e52f37;
    background-color: rgba(255, 255, 255, 0.78);
    border-radius: 50% 50%;
    display: inline-block;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.video-play-icon:hover {
    background-color: rgba(255, 255, 255, 0.99);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.video-play-icon i {
    color: #e52f37;
    font-size: 40px!important;
}

.popup-wrapper{
	display:block;
	position:relative;
	overflow:hidden;
}

.popup-gallery{
	display:inline-block;
	position:relative;
}

.popup-gallery img {
	position:relative;
	z-index:10;
	width: 100%;
	height: auto;
}

.popup-gallery:hover img {
	opacity: 1;
}

.popup-gallery a span.eye-wrapper{
	background-color:#164145;
	position: absolute;
	display: block;
	overflow:hidden;
	top: 0;
	left: 0;
	z-index: 999;
	width: 92%;
	height:92%;
	margin-top: 4%;
	margin-left: 4%;
	font-size: 36px;
	color:#fff;
	text-align: center;
	font-weight:300;
	opacity: 0;
}

.popup-gallery a span.eye-wrapper i.eye-icon{
	position: absolute;
	display: inline-block;
	font-size:36px;
	z-index: 9999;
	top: 50%!important;
	margin-top: -18px!important;
	left: 0%;
	right: 0%;
	color: #fff;
}

.popup-gallery a span.eye-wrapper2 {
	background-color:#164145;
	position: absolute;
	display: block;
	overflow:hidden;
	top: 0;
	left: 0;
	border-radius: 5px 5px;
	z-index: 999;
	width: 100%;
	height:100%;
	font-size: 36px;
	color:#fff;
	text-align: center;
	font-weight:300;
	opacity: 0;
}

.popup-gallery a span.eye-wrapper2 i{
	position: absolute;
	display: inline-block;
	font-size:36px;
	z-index: 9999;
	top: 50%!important;
	margin-top: -18px!important;
	left: 0%;
	right: 0%;
	color: #fff;
}

.popup-gallery a:hover span.eye-wrapper, .popup-gallery a:hover span.eye-wrapper2{
	opacity: 0.75!important;
}

.popup-gallery img,
.popup-gallery a span {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.gallery-item{
	margin-bottom: 37px;
}


/* c) How It Works - Accordion Tabs */
.accordion{
	position: relative;
	margin: 20px 0;
}

.accordion-item{
	margin-bottom: 15px;
	border:none;
    background-color: #fff !important;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
}

.accordion-header {
	max-width: 100%;
	position: relative;
    padding: 15px 25px;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: none;
    /* border-left: 6px solid #27b36a; */
}

.accordion-button {
	font-family: 'Nunito', sans-serif;
	padding: 0;
    font-weight: 700;
    font-size: 20px;
    color: #071e55;
	text-align: left!important;
    background-color: transparent;
}

.accordion-button i {
	width: 46px;
	height: 46px;
	margin-right: 10px;
	padding: 10px 10px;
    color:  #22683e;
    font-size: 20px;
    line-height: 20px;
    border:2px solid  #22683e;
    border-radius: 50%;
}

.accordion-button:not(.collapsed) {
    color: #071e55;
    background-color: transparent;
    box-shadow: none;
}

.accordion-header h5 .btn-link:hover, .accordion-header h5 .btn-link:focus {
	text-decoration: none;
}

.accordion-body {
    padding: 1px 25px 25px 25px;
    border-top: none;
    /* border-left: 6px solid #27b36a; */
     font-family: 'InterV';
    color: #7c8595;
}

.testim-rating {
	margin-bottom: 30px;
}

.testim-rating i{
	color: #fdcc28;
}

.testim-platform.first{
	display: block;
	border-right: 1px solid #cecece;
}

.testim-platform p{
	margin-bottom: 5px;
	font-weight: bold;
	color: #071e55;
}

/* ========================================================== */
/* 			               07. PRICING                        */
/* ========================================================== */

.price-box{
	text-align: center;
	background-color: #fff;
	border-bottom: 3px solid #e0e0e0;
	box-shadow: rgba(33,33,33,.06) 0 4px 24px 5px;
	padding: 40px 0 30px 0;
	margin-bottom: 20px;
	border-radius: 8px 8px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}

.price-box:hover{
	border-bottom: 3px solid #1e90ff;
	transition: all 1s;
}

.price-box .price-subtitle,.price-box .price-text{
	color: #6a6a6a;
}

ul.pricing-list{
	padding: 0 55px;
}

ul.pricing-list li.price-title{
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #071e55;
}

ul.pricing-list li.price-value{
	font-family: 'Nunito', sans-serif;
	font-size: 65px;
	line-height: 70px;
	display: block;
	margin-top:20px;
	margin-bottom: 10px;
	font-weight: 600;
	color: #071e55;
}

ul.pricing-list li.price-subtitle{
	 font-family: 'InterV';
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	color: #6a6a6a;
}

ul.pricing-list li.price-text{
	display: block;
	 font-family: 'InterV';
	text-align: left;
	font-size: 16px;
	line-height: 28px;
	font-weight: 400;
	margin-bottom: 5px;
}

ul.pricing-list li.price-tag a{
	color: #fff;
	background: #1e90ff;
	border:1px solid #1e90ff;
	border-radius: 5px 5px;
	padding: 15px 30px;
	display: inline-block;
	font-size: 15px;
	line-height: 24px;
	font-weight: 600;
	margin: 30px 0 5px 0;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

ul.pricing-list li.price-tag a:hover{
	background: #037aef;
}

ul.pricing-list li.price-tag-line a{
	color: #1e90ff;
	background: transparent;
	border:1px solid #1e90ff;
	border-radius: 5px 5px;
	padding: 15px 30px;
	display: inline-block;
	font-size: 15px;
	line-height: 24px;
	font-weight: 600;
	margin: 30px 0 5px 0;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

ul.pricing-list li.price-tag-line a:hover{
	color: #fff;
	background: #037aef;
	border:1px solid #037aef;
}

.ribbon {
   position: absolute;
   right: 8px;
   top: -5px;
   z-index: 1;
   overflow: hidden;
   width: 75px; height: 75px; 
   text-align: right;
}

.ribbon span {
   font-size: 10px;
   color: #fff; 
   text-transform: uppercase; 
   text-align: center;
   font-weight: bold; line-height: 20px;
   transform: rotate(45deg);
   width: 100px;
   display: block;
   box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
   position: absolute;
   top: 19px; right: -21px;
   background-color: #1e90ff;
}

.ribbon span::before {
   content: '';
   position: absolute; 
   left: 0px; top: 100%;
   z-index: -1;
   border-left: 3px solid  #22683e;
   border-right: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid  #22683e;
   border-left-color: #1e5799;
   border-top-color: #1e5799;
}

.ribbon span::after {
   content: '';
   position: absolute; 
   right: 0%; top: 100%;
   z-index: -1;
   border-right: 3px solid #22683e;
   border-left: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #22683e;
   border-right-color: #1e5799; border-top-color: #1e5799;
}

/* ========================================================== */
/* 			                   10. BLOG                       */
/* ========================================================== */

 

h3.blog-title{
	margin-bottom:10px;
        font-size: 16px;
}

h3.blog-title a{
	font-size:16px;
	    color: #22683e;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

h3.blog-title a:hover{
	color: #22683e;
	text-decoration: underline;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

a.blog-icons{
	color:#858585;
	font-size:14px;
	font-style:italic;
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #aaa;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

a.blog-icons i{
	padding-right: 4px;
	color:#656565;
	font-size:17px;
	line-height:18px;
	vertical-align: text-bottom;
}

a.blog-icons:hover {
	color: #22683e;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

a.blog-icons.last{
	border-right: none;
}

/* ========================================================== */
/* 						    10. CONTACT                       */
/* ========================================================== */

iframe.contact-maps {
	margin-bottom: 20px;
    padding: 10px 10px;
    border-radius: 8px;
    background-color: #f6f7f8;
    border: 1px solid #eaeaea!important;
}

p.contact-info{
	margin-bottom:8px;
}

p.contact-info a{
	margin-bottom:8px;
	color: #7c8595;
}

p.contact-info a:hover{
	text-decoration: underline;
}

p.contact-info i{
	font-size:18px;
	padding-right:5px;
	vertical-align: middle;
	color: #1e90ff;
}

#contact-form{
	margin-bottom:10px;
}

input.contact-input{
	width:100%;
	height:55px;
    padding-left:2%;
    padding-right:2%;
	margin-bottom:23px;
	color: #727272;
	background-color: #f6f7f8;
    border: 1px solid #ececec!important;
    font-size:14px;
	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

textarea{
	height:205px;
	margin-bottom:20px;
	width:100%;
    padding-left:2%;
    padding-right:2%;
    padding-top:10px;
    padding-bottom:10px;
	color: #727272;
	background-color: #f6f7f8;
    border: 1px solid #ececec!important;
    font-size:14px;
	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

input.contact-submit{
	color: #fff;
	background:  #22683e;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
	font-weight:600;
    padding: 17px 29px;
    position: relative;
    text-transform: uppercase;
	-webkit-border-radius: 5px 5px;
    -moz-border-radius: 5px 5px;
    border-radius: 5px 5px;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

input.contact-submit:hover{
	color: #fff;
	background: #0b5ed7;
}

input.white-input::-webkit-input-placeholder,
textarea.white-input::-webkit-input-placeholder { /* WebKit browsers */
    color:#aaa;
}
input.white-input:-moz-placeholder,
textarea.white-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#aaa;
}
input.white-input::-moz-placeholder,
textarea.white-input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#aaa;
}
input.white-input:-ms-input-placeholder,
textarea.white-input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#aaa;
}

#contact-form input.contact-input:focus, #contact-form textarea.contact-commnent:focus {
  border-color:#fff;
  outline: none;
}

p.contact_success_box{
	display:inline-block;
	color:#454545;
	font-size:21px;
	font-style:italic;
}


/* main css home page  */


.slick-dots li button:before {
	content: "" !important;
	background-color: #6bb54480;
	height: 4px !important;
	width: 15px !important;
	opacity: 1 !important;
  }
  
 
  
  .slick-dots li {
	position: relative;
	display: inline-block;
	width: 15px !important;
	height: 4px !important;
	margin: 0 3px !important;
  }
  
  .slick-dots {
	position: absolute;
	 
  }
  
  .slick-dots li.slick-active button:before {
	opacity: 1;
	color: black;
	background-color: #22683e;
  }
  


/* gallery css  */
.row_gallery > .column_gallery {
	padding: 0 4px;
  }
  
  .row_gallery:after {
	content: "";
	display: table;
	clear: both;
  }
  
  .column_gallery {
	float: left;
	width: 25%;
  }
  
  /* The modal_gallery (background) */
  .modal_gallery {
	display: none;
	position: fixed;
	z-index: 9999999;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: #0000008c;
  }
  
  /* modal_gallery Content */
  .modal_gallery-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 100%;
    max-width: 800px;
	padding: 5px;
}
  
  /* The Close_gallery Button */
  .close_gallery {
    color: white;
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 35px;
    font-weight: bold;
    z-index: 9999999;
}
  
  .close_gallery:hover,
  .close_gallery:focus {
	color: #999;
	text-decoration: none;
	cursor: pointer;
  }
  
  .mySlides {
	display: none;
  }
  
  .cursor {
	cursor: pointer;
  }
  
  /* Next_gallery & prev_galleryious buttons */
  .prev_gallery,
  .next_gallery {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 10px;
	margin-top: -25px;
	color: white;
	font-weight: bold;
	font-size: 20px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	-webkit-user-select: none;
  }
  
  /* Position the "next_gallery button" to the right */
  .next_gallery {
	right: 0;
	border-radius: 3px 0 0 3px;
  }
  
  /* On hover, add a black background color with a little bit see-through */
  .prev_gallery:hover,
  .next_gallery:hover {
	background-color: rgba(0, 0, 0, 0.8);
  }
  
  /* Number text (1/3 etc) */
  .numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
  }
  
  .row_gallery img {
	margin-bottom: -4px;
	border-radius: 8px;
  }
  
  .caption-container {
	text-align: center;
	background-color: black;
	padding: 2px 16px;
	color: white;
  }
  
  .demo_gallery {
	opacity: 0.6;
  }
  
  .active,
  .demo_gallery:hover {
	opacity: 1;
  }
  
  img.hover-shadow {
	transition: 0.3s;
  }
  
  .hover-shadow:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
/* gallery css end */



/* placement css  */
.green_bg .price_title {
    color: #fff;
}.white_bg {
    background-color: #fff;
}span.big_price {
    font-size: 30px;
}


.placement_box {
	     
    padding: 35px 15px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 10px;
}

.price_title {
    font-size: 20px;
    font-weight: 900;
}.price_title i {
    font-size: 30px;
}
.video_title_box h5 {
    font-size: 16px;
    color: #000;
    font-weight: 600;
}
.placement_price .col {
    padding: 8px;
}
.placement_box.dark_bg p {
    color: #fff;
}
.placement_box.dark_bg h5 {
    color: #fff;
}
 


/* info grid css  */
.moving_text {
    background-color: #3c4142;
    border-radius: 30px;
    color: #fff;transition: all 1s;
    padding: 5px 10px;
    font-weight: 600;
    box-shadow: rgba(33,33,33,.06) 0 4px 24px 5px;
    margin-bottom: 15px;
}
.moving_text:hover {
    background-color: #fff;
    color:  #22683e;
}


.moviing_text_2 {
    background-color:  #22683e;
    color: #ffffff;
    transition: all 1s;
    padding: 2px 10px;
    font-weight: 600;
    box-shadow: rgba(33,33,33,.06) 0 4px 24px 5px;
}

.moviing_text_2:hover { background-color:  #22683e;
    color: #fff;
}
.moving_stripe {
    background-color: #f1f1f1;
    padding: 6px 0px;
    border-bottom: 1px solid #CCCCCC;
}


 
.info_box_slider .slick-slide {
    margin: 30px 8px;
}
.pra_slider .slick-slide {
    margin: 20px 8px;
}
.info_grid {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    padding: 25px 20px;
    background-color: #fff;
    box-shadow: rgba(33,33,33,.06) 0 4px 24px 5px;
    border-radius: 8px;
    text-align: center;
    transition: all 1s;
}

.info_grid:hover {
    background-color: #22683e;
    transition: all 1s;
}
.info_grid:hover h4{
	color: #fff;
}
.info_grid h4 {
    margin-bottom: 0px !important;
}
/* info grid css end */





/* header css  */

.top_listing {
    text-align: right;
	 
}


a.banner_btn:hover {
    background-color: transparent;
    color: #22683e;
}
a.banner_btn {
    box-shadow: rgba(33,33,33,.06) 0 4px 24px 5px;
    background-color: #22683e;
    color: #fff;
    display: inline-block;
    padding: 6px 20px;
   
    padding-bottom: 8px;
     
    
    border: 1px solid #22683e;
}
.fw-800 {
  font-weight: 800 !important;
}
.btn-primary {
    color: #fff;
    background-color: #22683e;
    border: #22683e;
    padding: 4px 15px;
    border-radius: 30px;
}.btn-primary:hover {
    background-color: #22683e;
    border-color: #22683e;
}
a.navbar-brand {
    max-width: 146px;
}
.top_listing li {
    display: inline-block;
    padding-right: 10px;
}.top_listing a {
    font-size: 15px;
    color: #fff;
    font-weight: bold;
}
section.top_bar {
    background-color: #22683e;
    padding: 5px 0px;
}

/* footer css  */
section.main_footer {
    padding: 40px 0px;
    padding-top: 50px;
    position: relative;
    background: #22683e;
    z-index: 1;
}
.footer-logo {
    max-width: 100px;
    
}
.footer_title {
    font-size: 18px;
    padding-bottom: 15px;
    color:  #fff;
    margin-bottom: 0px;
    font-family: 'Reckless';
    font-weight: 600;
    letter-spacing: 1px;
}
ul.footer_list {
    margin-bottom: 0px;
    padding-left: 0px;
}ul.footer_list a {
    color: #f1f1f1;
    font-size: 13px;
    text-decoration: unset;
}ul.footer_list li {
    list-style-type: none;
    padding-bottom: 4px;
}

ul.footer_list a:hover{
	color: #fff;
	text-decoration: underline;
}



/* slick arrow css  */



.slick-next:before {
    
    content: "\f133" !important;
    font-family: 'bootstrap-icons' !important;
    color: #22683e !important;
    opacity: 1 !important;
    font-size: 30px !important;
}


.slick-prev:before {
    
	content: "\f129" !important;
    font-family: 'bootstrap-icons' !important;
    color: #22683e !important;
    opacity: 1 !important;
    font-size: 30px !important;
}


.blink_btn {
    background-color: transparent;
    border: 2px solid #3c4142;
    padding: 6px 25px;
    display: inline-block;
	padding-bottom: 8px;
    border-radius: 40px;
    color: #3c4142;
    font-weight: 500;
	 
}

 

.blink_btn:hover {
    background-color: #3c4142;
    border: 2px solid #3c4142;
    
    display: inline-block;
    border-radius: 40px;
    color: #fff;
    font-weight: 500;
}



/* sticky element css  */
@-webkit-keyframes blinker {
	from {opacity: 1.0;}
	to {opacity: 0.0;}
  }
  .blink{
	  text-decoration: blink;
	  -webkit-animation-name: blinker;
	  -webkit-animation-duration: 0.6s;
	  -webkit-animation-iteration-count:infinite;
	  -webkit-animation-timing-function:ease-in-out;
	  -webkit-animation-direction: alternate;
  }
.whatsap_click {
    position: fixed;
    bottom: 10px;
    right: 10px;
    max-width: 60px;
    z-index: 9;
}
.enquiry_now {
    position: fixed;
    left: 0px;
    bottom: 10px;
    max-width: 115px;
	z-index: 99;
}
.vertical_text:hover {
    background-color: #fff;
    color: #22683e;
}.vertical_text:hover a {

    
    color: #22683e!important;
}.vertical_text .white {
    color: #000 !important;
}
.vertical_text {
    position: fixed;
    top: 50%;
    right: 0px;
    box-shadow: rgba(33, 33, 33, .06) 0 4px 24px 5px;
    background-color: #FFEB3B;
    padding: 15px 10px;
    z-index: 99999;
    border-top-left-radius: 10px;
    writing-mode: vertical-lr;
    transform: translate(0px, -50%);
}



.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: unset;
    
    border-top: unset;
    border-right: unset;
    border-bottom: 0;
    border-left: unset;
	content: "\f107";
    font-family: 'FontAwesome';
}

/* sticky element css end */


.gray_bg {
	
    background-color: #F1F1F1;
}
/* youtube css  */
.youtube-container {
	position: relative;
	width: 100%;
	height: 0;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	padding-bottom: 56.25%; /* 16:9 aspect ratio for widescreen videos */
	overflow: hidden;
	border-radius: 15px; /* Adjust the radius as needed */
	margin-bottom: 25px;
  }

  .youtube-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: inherit;
  }
/* youtube css end */




/* quality section css  */
.iisab_shape {
    padding: 30px 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #22683e;
    background: radial-gradient(circle, #22683e, #22683e);
    text-align: center;
    clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%);
    padding-top: 70px;
    border-top-right-radius: 5px;
}.iisab_counter {
    max-width: 70px;
    height: 70px;
    width: 100%;
    background-color: #ffffff;
    border-radius: 50px;
    line-height: 70px;
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    color: #22683e;
   font-family: 'Reckless';
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin-bottom: -40px;
    z-index: 9;
    position: relative;
}

.usp_grid_row .col-md-3{
	margin-bottom: 20px;
	padding: 10px;
}
.quality_grid {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
    text-align: center;
    transition: all 1s;
    min-height: 289px;
}
.quality_grid:hover {
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	 

}
 
.img-fluid.quality_icons {
    height: 100px;
	margin-bottom: 15px;
}

/* quality section css end */




/* main css home page end */







/* about us page csss  */
.global_list {
    margin-bottom: 0px;
}
.box_shadow {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 20px;
    border-radius: 15px;
    
    margin-bottom: 20px;
    text-align: center;
    transition: all 1s;
}

.box_shadow:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
 

}
 

.mini_banner {
	padding: 30px 0px;
       background-color: #f1f1f1;
}

.mini_banner_title {
    color: #22683e;
    font-weight: bold;
    font-size: 22px;
        font-family: 'Reckless';
}
.global_list li {
     font-family: 'InterV';
    position: relative;
    padding-left: 30px;
    padding-bottom: 10px;
}.global_list li:before {
    content: "\f272";
    font-family: 'bootstrap-icons';
    font-weight: bold;
    padding-right: 10px;
    font-size: 20px;
    color: #22683e;
    position: absolute;
    left: 0px;
}

.number_text {
	background-color: #ffffff;

    padding: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 5px;
    padding-left: 50px;
    margin-left: 35px;
}.numbering_grid {
    position: relative;
    margin-bottom: 65px;
}

.number_box {
    max-width: 70px;
    height: 70px;
    width: 100%;
    background-color: #ffffff;
    border-radius: 50px;
    line-height: 70px;
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    color: #22683e;
   font-family: 'Reckless';
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    z-index: 9;
    display: inline-block;
    position: absolute;
    top: -35px;
}


.vision_mision {
    height: 130px;
}
.career-row{
 margin-top: 20px;
}
#content_read_more {
	max-height: 100px;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
}

.video_grid_youtube {
    margin-bottom: 35px;
}
p:last-child {
     font-family: 'InterV';
    margin-bottom: 0px;
}

/* about us page csss  end */

/* others pages css  */
.fee_table {
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 10px;
    border-radius: 10px;
}
.fee_table:hover{
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: unset;
}
.lightbox {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	justify-content: center;
	align-items: center;
	z-index: 99999999999;
 }

 .lightbox img {
    max-width: 100%;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px 0px, rgba(0, 0, 0, 0.19) 0px 6px 20px 0px;
    width: 100%;
    height: auto;
    padding: 5px;
    background-color: #fff;
    border-radius: 8px;
}
.iisab_gallery .col-md-4 {
    margin-bottom: 25px;
}
.gallery_images {
    transition: 0.3s;
    border-radius: 8px;
	cursor: pointer;
}
.gallery_images:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.faculties_grid {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 15px;
    border-radius: 5px;
	background-color: #fff;
    transition: all 1s;
	margin-bottom: 20px;
}
.border_radius {
    border-radius: 4px;
}
.faculties_grid:hover {
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.pop_up_gallery {
    width: 100%;
    text-align: center;
    position: relative;
	max-width: 600px;
}
span.close-button {
    position: absolute;
    top: -10px;
    right: -10px;
	cursor: pointer;
    background-color: #22683e;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    line-height: 25px;
    text-align: center;
}span.close-button i {
    font-size: 26px;
    color: #fff;
    font-weight: bold;

}
/* others pages css end */

















/* RESPONSIVE CSS
-------------------------------------------------- */

.for_mobile_toggle{
	display: none;
}

@media(min-width:991px){
	.main_menu .container-fluid {
		max-width: 1350px;
	}
}


@media(min-width:768px) and (max-width:991px){

	.row.usp_grid_row .col-md-3 {
		width: 33.33%;
	}
	
	.row.placement_price .col {
		flex: unset;
		width: 33.33%;
	}
}


@media (max-width: 1200px) {
	 .desktop_menu{
		display: none;
	 }
	 
	.for_mobile_toggle{
		display: block;
	}
	.navbar-expand-lg .navbar-toggler{
	display: none !important;}
}

@media (max-width: 768px) {
	.mini_banner_title {
		font-size: 20px;
	}
	.pop_up_gallery {
		 
		width: calc(100% - 20px);
		margin: 10px;
	}
	.column_gallery {
		 
		width: 50%;
		padding-bottom: 8px !important;
	}
	.mb-25{
		margin-bottom: 25px;
	}
	ul.top_listing {
		text-align: center;
	}
 
	.our-partners {
		width: calc(25% - 10px);
	}	
	button.slick-prev.slick-arrow {
		left: 0px !important;
		z-index: 999;
	}button.slick-next.slick-arrow {
		z-index: 999;
	 
		right: 0px !important;
	}
	h2 {
		font-size: 25px;
	}
	.footer_row .col {
		flex: unset;
		width: 33.33%;
		margin-bottom: 25px;
	}
	
	.row.placement_price .col {
		flex: unset;
		width: 50%;
	}

	.navbar .text-end{
		text-align: left!important;
	}

	.footer {
	    padding-top: 40px;
	    text-align: center;
	}

	.footer-top i {
		display: block;
	    margin-top: 50px!important;
	}

	ul.footer_social {
		margin-top: 21px;
		float: none;
	}

	ul.footer_social li a i {
	    margin: 0 8px!important;
	}

	.responsive-top-margins{
		margin-top: 50px;
	}

	.responsive-bottom-margins{
		margin-bottom: 50px;
	}

	.section-bg-1, .section-bg-2, .section-bg-3{
	    background-attachment: inherit;
	}

	#newsletter-form #email_newsletter {
        width: 80%;
    	max-width: 334px;
    }

}

@media (max-width: 400px) {

	.our-partners {
		width: calc(33.33% - 10px);
	}	

	.footer_row .col:first-child {
		display: none;
	}
	.footer_row .col {
		flex: unset;
		width: 50%;
		margin-bottom: 25px;
	}}


@media (max-width: 375px) {
	.our-partners {
		width: calc(50% - 10px);
	}	
 
		.row.placement_price .col {
			flex: unset;
			width: 100%;
		}
	.home-section h1 {
		font-size: 32px;
	}

	.small-col-inside{
		margin: 50px 0;
		padding-right: 25px;
		padding-left: 25px;
	}

	.newsletter_form_wrapper{
		margin-bottom:50px;
	}

	#newsletter-form{
	    -webkit-box-shadow: 3px 4px 12px rgba(0, 0, 0, 0.15);
	    box-shadow: 3px 4px 12px rgba(0, 0, 0, 0.15);
	}

	#newsletter-form #email_newsletter {
        width: 100%;
        padding: 0 7px 0 45px;
    	margin: 0;
	}

	#newsletter-form #submit-button-newsletter {
	    display: inline-block;
	    margin: 0;
	    width: 100%;
	    max-width: 370px;
	    height: 55px;
	    moz-border-radius: 0  0 5px 5px;
	    -webkit-border-radius: 0  0 5px 5px;
	    border-radius: 0  0 5px 5px;
	}

	 

 

	.main-services {
		margin: 40px 5px 0 5px;
	}

	.team-item{
		margin-left: 5px;
		margin-right: 5px;
	}

	.price-box{
		margin: 0 5px 20px 5px;
	}

}

/* ---------------------------++++++++++++++++++++++++---------------------------- */
/* mixed section */


/* green hover effect  */
.green-hover-effect:hover,
.green-hover-effect-active {
    background-color: #22683e;
}

.green-hover-effect:hover p,
.green-hover-effect:hover i,
.green-hover-effect:hover h4,
.green-hover-effect-active p,
.green-hover-effect-active h4 {
    color: #fff;
}

.green-hover-effect:hover img,
.green-hover-effect-active img {
    filter: brightness(0) invert(1);
}

/* Active state hover reverse */
.green-hover-effect-active:hover {
    background-color: #fff;
}

.green-hover-effect-active:hover p {
    color: #000;
}

.green-hover-effect-active:hover h4 {
    color: #22683e;
}.green-hover-effect-active i {
    color: #fff !important;
}
.green-hover-effect-active:hover i {
    color: #22683e !important;
}

.green-hover-effect-active:hover img {
    filter: unset;
}
/* green hover effect end */



section.mixed-section {
     padding: 60px 0px;
	    text-align: center;
		
}
.mixed-col {
	    box-shadow: rgb(99 99 99 / 8%) 0px 2px 8px 0px;
    padding: 20px;
}
.achieve {
    margin-top: 25px;
    margin-bottom: 49px;
}
 
.card-body.text-center {
	box-shadow: rgb(99 99 99 / 8%) 0px 2px 8px 0px;
    padding: 20px;
}
.h-100 {
	   
    border: none;
    height: 100% !important;
}
.box-1 {
   
   
    text-align: center;
}
img.d-block.center {
	margin-bottom: 26px;
	  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 20%;
}
.carousel-control-prev-icon {
    background-image: url('/images/arrow (1).png');
}
.carousel-control-next-icon {
    background-image: url('/images/right (2).png');
}
 

 .why-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 18px 0;
    border-bottom: 1px solid #eee;
    transition: 0.3s ease;
  }

  .why-item:hover {
    transform: translateX(6px);
  }
.why-icon {
    width: 75px;
    height: 75px;
    background: #f1f1f1;
    flex-shrink: 0;
    transition: 0.4s ease;
}

  .why-item:hover .why-icon {
    transform: rotate(8deg) scale(1.08);
  }

  .why-title {
     font-family: 'Reckless';
    
 
    margin-bottom: 6px;
    color: #22683e;
  }

  .why-text {
    
    margin: 0;
  
  }

   .section-title {
            font-size: 3.5rem;
            font-weight: 800;
            color: #fff;
            text-align: center;
            margin-bottom: 0.5rem;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
            animation: fadeInUp 1s ease-out;
        }
		 .section-subtitle {
            font-size: 1.5rem;
            color: #f8f9fa;
            text-align: center;
            margin-bottom: 3rem;
            font-style: italic;
            animation: fadeInUp 1.2s ease-out;
        }
		 .exposure-item {
            margin-bottom: 2.5rem;
            padding: 1.5rem;
            transition: all 0.4s ease;
            
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }
        .exposure-item:hover {
            transform: translateY(-10px) scale(1.02);
            box-shadow: 0 15px 35px rgba(0,0,0,0.2);
            background: rgba(255, 255, 255, 0.15);
        }
		 .exposure-item h5 {
            font-size: 2rem;
            font-weight: 700;
            color: #fff;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
        }
        .exposure-item p {
            font-family: 'InterV';
            font-size: 1.2rem;
            color: #f8f9fa;
            margin: 0;
        }
		 .emoji {
            font-size: 2.5rem;
            margin-right: 1rem;
            color: #ffd700;
            animation: bounce 2s infinite;
        }
        .divider {
            height: 3px;
            background: linear-gradient(90deg, #ffd700, #ff6b6b);
            margin: 3rem 0;
            border-radius: 2px;
            animation: slideIn 1.5s ease-out;
        }
	
        .section-title {
            font-size: 3.5rem;
            font-weight: 800;
            color: #2c3e50;
            text-align: center;
            margin-bottom: 0.5rem;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
            animation: fadeInUp 1s ease-out;
        }
		.section-subtitle {
            font-size: 1.5rem;
            color: #7f8c8d;
            text-align: center;
            margin-bottom: 3rem;
            font-style: italic;
            animation: fadeInUp 1.2s ease-out;
        }
        .exposure-item {
            margin-bottom: 2.5rem;
            padding: 1.5rem;
            transition: all 0.4s ease;
           
            background: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(0,0,0,0.1);
            height: 100%;
        }
		 .exposure-item:hover {
            transform: translateY(-10px) scale(1.02);
            box-shadow: 0 15px 35px rgba(0,0,0,0.2);
            background: rgba(255, 255, 255, 0.2);
        }
        .exposure-item h5 {
			    padding-top: 14px;
              font-size: 24px;
            font-weight: 700;
            color: #34495e;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
        }
		 .exposure-item p {
               font-size: 15px;
            color: #555;
            margin: 0;
        }
        .emoji {
            font-size: 2.5rem;
            margin-right: 1rem;
            color: #e74c3c;
            animation: bounce 2s infinite;
        }
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }
		  @keyframes bounce {
            0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
            40% { transform: translateY(-10px); }
            60% { transform: translateY(-5px); }
        }
		 .body {
            background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
             font-family: 'InterV';
            min-height: 100vh;
            display: flex;
            align-items: center;
        }
		li.list-group-item {
    border: none;
}


#events-updates {
  background-color: #f9f9f9;
}

.section-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #333;
}

.events-slider-wrapper {
  position: relative;
}

.events-slider {
	padding-bottom: 11px;
  display: flex;
  gap: 20px;
  animation: scroll 20s linear infinite;
}

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); } /* Adjust based on number of cards */
}
#events-updates {
    background-color: #ffffff !important;
}
.event-card {
    background: #fff;
    box-shadow: 0 4px 15px rgb(0 0 0 / 4%);
    transition: transform 0.3s, box-shadow 0.3s;
    padding: 15px;
    min-height: 209px;
    margin-bottom: 20px;
}

.event-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.event-icon img {
    
    height: 80px;
}

.event-card h5 {
  margin-top: 15px;
  font-weight: 600;
}

.event-card p {
     font-family: 'InterV';
  font-size: 0.9rem;
  color: #666;
}
li.list-group-item.placement_area {
      padding-left: 45px;
    padding-right: 45px;
    padding-top: 18px;
        font-family: 'InterV';

	    background-color: #F1F1F1;
    height:193px;
}
h5.heading-placement {
	color: white;
    margin-bottom: 0px;
    margin-top: 16px;
}
h5.heading-qouality {
	color: #3c4142;
	margin-top: 20px !important;
	margin-bottom: 0px;
}
.card-title {
    margin-bottom: 0px;
}
h5.card-title {
    margin-top: 15px;
}


 
img.img-fluid-logo{
     max-width: 172px; 
   height: auto;
       /* filter: brightness(0) invert(1); */
}


img.img-fluid.Co-Founder {
    min-width: 100%;
    height: auto;
}
.rounded-3 {
    border-radius: .0rem !important;
}

section.support-system {
    margin-top: 50px;
    margin-bottom: 50px;

}
 
.carousel-caption {
    position: absolute;
    right: 15%;
          top:250px;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}
 



/* ---------------About-section-know-about-isab------------------ */

.vision_mission_section {
    padding: 0;
    position: relative;
    z-index: 1;
}
.vision_mission_section .left_bg {
    position: absolute;
    width: 50%;
    height: 100%;
}
.vision_mission_section .left_bg img {
    position: relative;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
}
.vision_mission_section .right_bg {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    z-index: 0;
}
.vision_mission_section .right_bg img {
    position: relative;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
}
.vision_mission_section .right_bg::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #22683e;
    top: 0;
    left: 0;
    opacity: .85;
}
.vision_mission_section .left_bg::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #091821;
    top: 0;
    left: 0;
    opacity: .88;
}
.vision_mission_section .vision {
        padding: 90px 40px 50px 0;
    position: relative;
    z-index: 3;
}
.vision_mission_section .mission {
    padding: 100px 0 100px 40px;
    position: relative;
    z-index: 3;
}
.vision_mission_section h2 {
    font-family: Montserrat,sans-serif;
    font-weight: 500;
    color: #fff;
    margin-bottom: 40px;
}
.vision_mission_section p {
    color: #fff;
}


@media only screen and (max-width: 991.98px){
  .vision_mission_section .left_bg {
    width: 100%;
    height: 50%;
}
}
@media only screen and (max-width: 991.98px){
  .vision_mission_section .right_bg {
    width: 100%;
    height: 50%;
    bottom: 0;
    right: 0;
}
  .vision_mission_section .mission,.vision_mission_section .vision {
    padding: 70px 0;
}
  .vision_mission_section .vision .icon_box {
    position: absolute;
    width: 54px;
    height: 54px;
    top: 89%;
    right: 48%;
}
}

/* 


/* ----- Director--------- */

img.img-fluid-logo2{
    min-width: 177px !important;
}

.director-message {
    margin-bottom: 10px;
    padding: 18px 10px 7px 10px;;
    background-color: #22683e;
}


/* --------------chairman---------- */

section.Pradyumna-box {
       padding: 16px;

}
section.Pradyumna-heading {
        margin-bottom: 50px;
    margin-top: 50px;
}
/* --------------Academic-Advisor-And-Mentor--------------- */
.testimonial-card .card-up {
  height: 120px;
  overflow: hidden;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.testimonial-card .avatar {
  width: 110px;
  margin-top: -60px;
  overflow: hidden;
  border: 3px solid #fff;
  border-radius: 50%;
}
.testimonial-card .avatar {
    width: 260px;
}

.rounded-circle {
    width: 90px;
    border-radius: 50% !important;
}
.testimonial-card .avatar {
    width: 95px;
}


/* -----------core team-academics------------------- */
.core-team-grid {
    margin-bottom: 30px;
    padding: 30px;
    background-color: #F1F1F1;
    transition: all 0.3s 
ease;
    border-radius: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.core-team-grid:hover{
transform: translateY(-8px);
 box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

}
.core-team-content {
   
    padding-top: 20px;
}

.Birendra_massage{
    height: 315px;
}
/* -------------governors---------------*/
img.img-fluid-governors {
    width: 99px;
}

       
.profile-image {
     width: 100%; 
  
     object-fit: cover;
      border-bottom: 5px solid #22683e;
       object-position: top; 
    }
        
        
        .profile-name {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 10px;

            
        }
       
        .profile-details strong {
            color: #667eea;
        }

        
p.text-isab {
    margin-top: 112px;
}
.card.testimonial-card {
    margin-bottom: 19px;
}
.practical {
   padding: 60px 0px;
}
.img-parent {
     height: 357px;
    object-fit: cover;
}
section.Career.Orientation.Workshop {
    margin-top: 50px;
    margin-bottom: 50px;
}
.image-title-wrapper {
    margin-bottom: 25px;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.image-title-wrapper:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
/* --------------Course-Fee-for-Indian-Nationals----------- */
.image-wrapper {
    margin-bottom: 29px;
}
.global-heading{
    color: #22683e;
}


/* video css  */
.video-section video {
  width: 100%;
  height: auto;
  display: block;
}.trust-icon {
    height: 70px;
}

/* video css end */

/* zoom out code  */
 

 
/* zoom out code end */

/* zoom in code  */

.zoom-out-div {
    transition: transform 0.4s ease;
}

.zoom-out-div:hover {
    transform: scale(0.92); /* zoom out */
}



.zoom-in-div {
    transition: transform 0.4s ease;
  
}

.zoom-in-div:hover {
    transform: scale(1.05); /* zoom in */
}


.zoom-in {
    overflow: hidden;
 
}

.zoom-in img {
    transition: transform 0.4s ease; 
}

.zoom-in:hover img {
    transform: scale(1.15);
}
.placement-box {
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
    background-color: #fff;
     text-align: center;
     margin-bottom: 25px;
         border-radius: 15px;
    overflow: hidden;
}
.placed-content {
    padding: 10px;
   
}
.placed-img img{
    width: 100%;
}

.placement-box:hover{
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}


/* zoom in code end */


.choose-img {
    position: relative;
   max-width: 85%;
   margin: auto;
}.choose-img::before {
    content: "";
    position: absolute;
    left: -15px;
    bottom: -15px;
    width: 100%;
    height: 100%;
    border: 5px solid #f1f1f1;
    border-radius: 30% 0 30% 30%;
}
.choose-img img {
    border-radius: 30% 0 30% 30%;
}.choose-area::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/shape1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    opacity: 0.08;
    z-index: -1;
}.choose-area {
    position: relative;
    background: #07725b;
    z-index: 1;
}

.choose-item-info {
    background-color: #fff;
    padding: 15px;
    border-bottom: 4px solid #f1f1f1;
    min-height: 125px;
    border-radius: 15px;
}

.choose-item-info p {
   font-size: 14px;
   line-height: 22px;
}.choose-item-info h4 {
    font-size: 16px;
    font-family: 'InterV';
    font-weight: 600;
    letter-spacing: 1px;
}


.logo-grid {
    padding: 5px;
    border: 1px solid #22683e;
     
}


.logo-slider .slick-slide {
    margin: 5px;
}

    .vertical-timline {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}

.vertical-timline::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 0;
  width: 2px;
  height: 100%;
  background: #22683e; /* timeline line color */
  border-radius: 2px;
}

.vertical-timline li {
  position: relative;
  padding-left: 45px;
  margin-bottom: 25px;
}

.vertical-timline li::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 5px;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 3px solid #22683e; /* dot border color */
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(11, 61, 46, 0.15); /* soft glow */
}

.campus-life {
  background: #F7F9F8;
  padding: 15px 18px;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.08);
  transition: 0.3s ease;
}

.campus-life:hover {
  background: #22683e;
  color: #fff;
  transform: translateY(-3px);
}

.campus-life:hover p,
.campus-life:hover h5 {
  color: #fff !important;
}
.box_border {
    position: relative;
    max-width: 90%;
    margin: auto;
    min-height: 205px;
}
.box_border:before {
    position: absolute;
    content: '';
    height: 100%;
    left: calc(100% + 20px);
    width: 1px;
    background-color: #22683e;
}

.exposure-row .col-md-4:last-child .box_border:before {
    content: unset;
}
.testimonial-grid {
    border: 1px solid #e4e4e4;
    padding: 20px;
    border-radius: 20px;
    background-color: #fff;
    margin: 0px 5px;
}.testimonial-image img {
    width: 50px;
    height: 50px;
    min-width: 50px;
    object-fit: cover;
    border-radius: 30px;
}

.group-images {
    margin-bottom: 25px;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15);
    border-radius: 25px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.group-images:hover {
transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.25);}

    .group-logo {
    height: 80px;
    width: auto;
}

.contact-box {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 15px;
    border-radius: 15px;
}

.contact-box:hover {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}.contact-detail-heading {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f1f1;
}



/* popup css  */
  /* Overlay */
        .isab-popup-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.6);
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease;
            z-index: 1000;
        }

        /* Popup box */
        .isab-popup {
            background: #fff;
            padding: 25px;
            border-radius: 8px;
            width: 90%;
            max-width: 600px;
            text-align: center;
            position: relative;

            /* Animation start state */
            transform: translateY(-50px);
            opacity: 0;
            transition: all 0.4s ease;
        }

        /* Active state */
        .isab-popup-overlay.isab-active {
            opacity: 1;
            visibility: visible;
        }

        .isab-popup-overlay.isab-active .isab-popup {
            transform: translateY(0);
            opacity: 1;
        }

        .isab-close-btn {
            position: absolute;
            top: 5px;
            right: 5px;
            cursor: pointer;
             
            font-weight: bold;
        }

        .isab-close-btn i {
    font-size: 30px;
}

/* popup css end */

 
 

        .content-text {
            font-size: 17px;
            line-height: 1.8;
            text-align: justify;
        }

        /* Table styling */
        .grievance-table th,
        .grievance-table td {
            border: 2px solid #000;
            padding: 12px;
            vertical-align: middle;
        }

        .grievance-table th {
            font-size: 18px;
            font-weight: 600;
        }

        /* Social icons */
        .social-fixed {
            position: fixed;
            left: 0;
            top: 40%;
            z-index: 999;
        }

        .social-fixed a {
            display: block;
            padding: 10px 12px;
            color: #fff;
            text-align: center;
        }


        .view-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 9;
            font-size: 35px;
            color: #ffffff;
            display: none;
            }
            .view-big-img:hover .view-icon {
            display: block;
            }
            .view-big-img {
            position: relative;
            cursor: pointer;
            }
            /* Lightbox overlay */
            .isab-lightbox {
            display: none;
            position: fixed;
            z-index: 1000;
            padding-top: 60px;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0,0,0,0.9);
            }
            /* Lightbox Image */
            .isab-lightbox-content {
            margin: auto;
            display: block;
            max-width: 80%;
            max-height: 80%;
            border-radius: 20px;
            overflow: hidden;
            }
            /* Close button */
            .isab-close {
            position: absolute;
            top: 15px;
            right: 15px;
            color: #fff;
            font-size: 40px;
            font-weight: bold;
            cursor: pointer;
            }
            /* Next & Previous */
            .isab-prev, .isab-next {
            cursor: pointer;
            position: absolute;
            top: 50%;
            width: auto;
            padding: 16px;
            color: #fff;
            font-weight: bold;
            font-size: 40px;
            user-select: none;
            transform: translateY(-50%);
            }
            .isab-prev { left: 20px; }
            .isab-next { right: 20px; }
            .isab-prev:hover, .isab-next:hover, .isab-close:hover { color: #ccc; }

            .img-title-content-wrap {
    padding: 20px;
    min-height: 92px;
}

.profile-images:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
}
.profile-images {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s 
ease;
    border-radius: 20px;
    overflow: hidden;
    text-align: center;
}

.profile-card {
    transition: all 0.3s 
ease;
}

.profile-card:hover {
    transform: translateY(-8px);
  
}.accordion-item h4 {
    margin: 0px;
}.box-Sambhramaa h4 {
    font-size: 18px;
    margin-bottom: 10px !important;
}

.box-Sambhramaa{
    transition: all 0.3s 
ease;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.box-Sambhramaa:hover{
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}html {
    overflow-x: hidden;
}


/* k css  */
.why-icon {
    width: 86px;
    padding: 12px;
}

h3.text-title {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}
.advantage {
       background-color: #f5f7fc;
    padding: 25px;
    margin-bottom: 25px;

}

img.img-Enviroment {
    margin-bottom: 10px;
    width: 87px;
}
.card {
   border: none;
    border-radius: none;
}
li.list-group-item.placement_area {
    margin-bottom: 20px;
    padding-top: 15px;

}
.mixed-card {
    padding: 10px;
    background-color: #f5f7fc;
}
.career-img{
    min-height: 348px;


}
/* ----------founder----------- */


.founder{
    margin-top: 30px;
padding: 50px 0px;
}

/* ----------------director-------------- */
section.Birendra-box {
    text-align: center;
    padding: 50px;
}

.list-group-item {
    margin-bottom: 12px;
    position: relative;
    display: block;
    padding: .5rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
}
.testimonial-card {
    margin-bottom: 30px;
}


/* logos css  */
.logo-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.logo-list li {
    padding: 10px;
    width: 25%;  
    text-align: center;     /* Desktop - 4 per row */
}

.logo-list img {
    width: 100%;
    height: auto;
    object-fit: contain;
    max-width: 150px;
    
}

section.food-section {
    margin-top: 50px;
    margin-bottom: 41px;
}


/* logos css end  */


/* instagram-media */
.scholarship-form{
     max-width: 600px;
      margin: 0 auto;
      background: white;
      padding: 25px;
      border-radius: 10px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}



    
   
    
    .result {
      margin-top: 20px;
      background: #f1f5f9;
      padding: 15px;
      border-radius: 8px;
    }
    .checkbox{
    width: 12px;
}

/* online-mba-food-and-agribusiness-management */

.Online-Duration {
    margin-top: 21px;
    border: 1px solid;
    padding: 13px;
}
section.Online-Mode
 {
    margin: 27px;
}
.learning-box p {
    min-height: 52px;
}
section.orientation-workshop-section

 {
    margin-top: 50px;
}
.table-box {
    margin-bottom: 50px;
    margin-top: 21px;
}


/* --------------About-mba---------------- */
.box-Scholarship {
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ededed;
}

/* -----------Ajt-agri---------------- */
.branch-button {
    padding: 40px 0;
    text-align: center;
}
section.img-section {
    margin-bottom: 50px;
    margin-top: 40px;
}
/* -------specialized-management-program-in-food-and-agri-business------ */
section.mid-level-section {
    margin-top: 50px;
}
section.program-structure-section {
    margin-top: 50px;
}

section.program_fees {
    margin-top: 50px;
}
section.table-section-box {
    margin-top: 50px;
}
section.objectives-section {
    padding-top: 63px;
}
/* -----------------about-pgp----------- */
.Glimpses-col {
    margin-top: 50px;
}
section.mentorship-section {
    margin-bottom: 50px;
}
.box-img-icon {
    padding: 10px;
    border: 1px solid;
}

a {
    color: #000000;
    
}
section.Scholarship-Calculator {
    padding: 40px 0;
}

 /* entrance-exam */
.academic-type{
    padding: 37px 0;
}


/* -----------paid-internship-drive------------ */
section.paid-internship-section {
    margin-top: 40px;
   margin-bottom: 43px;
}
/* -----------Training-of-Trainers-Workshop-by-ISAB------------ */
.glimpses-of-tot-poster {
    margin-bottom: 31px;
}
.glimpses-of-tot-youtube {
     margin-bottom: 31px;
}
section.table-section
 {
    margin-bottom: 50px;
    margin-top: 50px;
}

.table-section {
    margin-top: 50px;
}
section.section-training {
   
    margin-top: 50px;
}
.slider-senction {
    margin-top: 50px;
    margin-bottom: 50px;
}
.table-teacher-play
 {
    margin-bottom: 50px;
}
.glimpses-box {
    margin-top: 30px;
    margin-bottom: 30px;
}
.agricultural-sciences-box{
    padding: 70px 0
}
section.glimpses {
    margin-bottom: 50px;
    margin-top: 50px;
}
section.knowledge-series {
    margin-bottom: 50px;
    margin-top: 50px;
}
.box-series {
    margin-top: 39px;
}
/* ---------success-gallery----------- */
section.section-placement {
    margin-top: 50px;
    margin-bottom: 50px;
}
.success-gallery
 {
    margin-top: 34px;
}



/* ---------------report-plcement-------------- */
.report-plcement {
    margin-bottom: 50px;
    margin-top: 50px;
}
 
section.faculty {
    margin-top: 50px;
}
section.visiting-faculty {
    margin-bottom: 50px;
    margin-top: 30px;
}
section.past-recruiters {
    margin-bottom: 50px;
    margin-top: 50px;
}
/* section.logo-recruiters {
        margin-top: 50px;
    margin-bottom: 50px;
} */
section.participat-img {
    margin-bottom: 50px;
}
section.contact-placement {
   
    margin-top: 50px;
}
section.chairperson-section {
    padding: 33px 0;

}
section.swagatam-section {
    margin-top: 50px;
    margin-bottom: 50px;
}

.box-Sambhramaa{
 
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 20px;
    text-align: center;
    transition: all 1s;
}
.Sambhramaa{
       padding: 20px;
   
    margin-bottom: 20px;
    text-align: center;
    transition: all 1s;
}
section.speaker-section {
    margin-top: 50px;
    margin-bottom: 30px;
}
section.box-sambhramaa-section {
    margin-top: 50px;
}
section.association-section {
    margin-top: 40px;
}
section.gallery-glimpses {
   margin-top: 30px;
}
  section.sponsors-section {
    margin-top: 50px;
}
section.industry-section {
    margin-top: 50px;
        margin-bottom: 50px;
}
section.global-section {
    margin-top: 50px;
}
section.Startup-section {
    margin-top: 50px;
    margin-bottom: 50px;
}
section.student-section {
       padding: 50px 0
}
section.club-section {
    margin-bottom: 50px;
}
section.anuvartan-section {
    margin-top: 50px;
    margin-bottom: 50px;
}
.global-box {
    padding: 20px 0;
}
section.prograp-section-box {
    margin-top: 50px;
}
section.ambassador-section {
    margin-top: 50px;
    margin-bottom: 50px;
}
section.classname {
    margin-top: 50px;
}
 
section.table-section-2 {
    margin-bottom: 50px;
}
section.course-fee-section {
    margin-top: 50px;
    margin-bottom: 50px;
}
section.eduction-section {
    margin-top: 50px;
        margin-bottom: 39px;
}
section.iisab-ajt-job-box {
    margin-top: 50px;
}
section.ajt-agri-section {
    margin-top: 50px;
}

section.section-entrence {
    margin-top: 50px;
        margin-bottom: 50px;
}
section.composition-test {
    margin-bottom: 20px;
}

section.faq-section {
    margin-top: 50px;
    margin-bottom: 31px;
}
section.founder {
    margin-top: 50px;
}
section.global-section {
    margin-bottom: 50px;
}
 
section.online-mba {
    margin-top: 50px;
    padding: 40px 0;
}
section.leaning-section {
    margin-top: 31px;
    
}

.Sambhramaa-img {
   max-width: 200px !important;
    border-radius: 100px;
}
.prominent{
  margin-bottom: 50px;
}
section.privacy-section {
    margin-bottom: 50px;
    margin-top: 50px;
}
section.Terms-\&-Conditions {
  margin-bottom: 50px;
    margin-top: 50px;
}
section.know-box-section {
    margin-bottom: 40px;
}
/* k css end */

 

section.main_footer p {
    color: #f1f1f1;
}

.event-icon i {
    font-size: 50px;
    color: #07725b;
}

.row.placement-assistance .number_box {
    font-size: 25px;
    max-width: 60px;
    height: 60px;
    line-height: 60px;
    top: -30px;
    left: 15px;
}.number_text:hover {
    background-color: #f1f1f1;
}

.logo-slider .slick-prev.slick-arrow {
    bottom: 0px !important;
    top: 100%;
    left: calc(50% - 30px) !important;
    margin-top: 15px;
}.logo-slider .slick-next.slick-arrow {
    right: calc(50% - 30px) !important;
    top: 100%;
    margin-top: 15px;
    bottom: 0px !important;
}.icon-img-bi i {
    font-size: 55px;
    color: #07725b;
    line-height: normal;
}.icon-img-bi {
    margin-bottom: 5px;
}



/* why isab */

  .info-box {
      background: #ffffff;
      border-radius: 40px;
      padding: 15px 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 18px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.08);
    }

    .info-text {
      font-size: 15px;
      font-weight: 500;
    }

    .icon-circle {
      width: 55px;
      height: 55px;
      background-color: #22683e;
      color: #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 26px;
      flex-shrink: 0;
    }

/* ------------Governing Council--------- */
h4.great-name {
    color: white;
    text-align: center;
    padding: 6px 0px;
    background-color: #22683e;
    font-size: 15px;
    font-family: 'InterV';
    letter-spacing: 2px;
}

.view-icon{
    display: none !important;
}


.active-btn {
    background-color: #22683e;
    color: #fff !important;
    border: 1px solid #22683e;
}.active-btn:hover {
    background-color: transparent !important;
    color: #22683e !important;
}
.row.why-rows {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.profile-details {
    font-size: 15px;
}


.governing .profile-card {
    transition: all 0.3s 
ease;
    background-color: #f1f1f1;
    padding: 10px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
}

.governing .governors-profile-image img {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}


.governing .governors-profile-content {
    min-height: 165px;
}
.blue-bg {
    background-color: #22683e;
}

.sambhrama .logo-grid{
    background-color: #fff;
}.logo-grid{
    background-color: #fff;
}

.btn-white:hover {
    background-color: transparent;
    color: #fff;
}
.btn-white {
    background-color: #fff;
    border: 1px solid #fff;
    padding: 6px 15px;
    border-radius: 30px;
}.logo-list.colleges-participent img {
    max-width: 100%;
}

.advisor-card .governors-profile-content.Faculty {
    min-height: auto;
}.logo-list.colleges-participent .box_shadow {
    padding: 2px;
}a.underline {
    text-decoration: underline;
}.place-img p {
    margin: 0px;
}
.place-img {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
}

 
.banner-img {
    min-height: 304px;
}

.social-fixed {
   position: fixed;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   z-index: 9999;
   display: flex;
   flex-direction: column;
}

/* social media fixed in left side  */

.social-fixed{
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999999;
;
}

/* Common style */
.social-link{
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    margin: 12px;
}

/* EXACT BRAND COLORS (as image) */


/* left fixed social bar */
.left-isab-social{
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999999;
}

/* common link style */
.left-isab-social .left-isab-link{
    display: flex;
    align-items: center;
    width: 35px;
    height: 35px;
    background: #22683e;          /* ✅ SAME AS HEADER */
    color: #ffffff;
    text-decoration: none;
    overflow: hidden;
    transition: width 0.35s ease;
    border-radius: 0 6px 6px 0;
}

/* icon */
.left-isab-social .left-isab-link i{
    min-width: 35px;
    text-align: center;
    font-size: 20px;
}

/* text (hover) */
.left-isab-social .left-isab-link span{
    white-space: nowrap;
    opacity: 0;
    margin-left: 2px;
    font-size: 12px;
    transition: opacity 0.25s ease;
}
.left-isab-social{
    padding-top: 10px;
    padding-bottom: 28px;   /* 👈 bottom space */
}

/* hover expand */
.left-isab-social .left-isab-link:hover{
    width: 155px;
}

.left-isab-social .left-isab-link:hover span{
    opacity: 1;
}

/* light gallery css  */

/* Column full height */
.Workshop .row > [class*="col-"] {
    display: flex;
}

/* Card wrapper */
.image-title-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

/* Image wrapper fixed height */
.img-wrapper {
    height: 220px;              /* same image height */
    overflow: hidden;
}

/* Image fit */
.img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Title area equal height push */
.img-title-content-wrap {
    flex-grow: 1;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.swagatam-img {
    width: 300px;
}
.iisab_btn {
        background: #f1f4ff;
        /* light lavender */
        color: #2b2f4a;
        /* deep blue text */
        padding: 14px 18px;
        border-radius: 40px;
        font-weight: 600;
        font-size: 15px;
        letter-spacing: .4px;
        text-decoration: none;
        border: 1px solid #d6dcff;
        transition: all .3s ease;
        box-shadow: 0 4px 14px rgba(74, 84, 255, .12);
    }

    .iisab_btn:hover {
        background: #e1e7ff;
        /* hover lavender */
        color: #1f2a7a;
        border-color: #b9c3ff;
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(74, 84, 255, .18);
    }

    .iisab_btn.active {
        background: #d4ddff;
        color: #18206f;
        border-color: #9aa8ff;
    }

    /* Layout fix */
    .report-plcement .col-md-3 {
        display: flex;
    }
    
    .yt-click {
  position: relative;
  width: 100%;
  height: 700px;      /* same height as before */
  cursor: pointer;
  overflow: hidden;
  background: #000;
}

.yt-click img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.yt-click iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.yt-click .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 64px;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  border-radius: 50%;
  pointer-events: none;
}

/* Mobile height */
@media (max-width: 768px) {
  .yt-click {
    height: 280px;
  }
}





/* menu css  */
/* --- Navbar Container (Non-sticky) --- */
.top-bar {
	background-color: #22683e;
	padding: 4px 0px;
}

.isab-navbar {
	padding: 15px 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: static;
	width: 100%;
	z-index: 1000;
	max-width:1300px;
	margin: auto;
}

.isab-navbar-brand {
	font-size: 1.6rem;
	font-weight: 700;

	padding: 5px 0;
}

/* --- Icon Styling (Desktop Dropdown Indicators) --- */
.isab-dropdown-icon {
	margin-left: 8px;
	font-size: 0.8em;
	transition: transform 0.3s;
}

.isab-dropdown:hover>a .isab-dropdown-icon,
.isab-dropdown:focus-within>a .isab-dropdown-icon {
	transform: rotate(180deg);
}

/* --- Menu List Styles (Desktop) --- */
.isab-nav-menu>ul {
	display: flex;
	margin: 0px;
}

.isab-nav-menu a {
	display: block;
	padding: 6px 10px;
	color: #22683e;
	font-weight: 500;
	font-size: 15px;
	transition: color 0.3s, background-color 0.3s;
	font-weight: bold;
}

.isab-nav-menu a:hover,
.isab-nav-menu a:focus {
	background-color: #f0f0f0;

}

/* --- Dropdown Containers (Level 1 & 2 Desktop) --- */
.isab-dropdown,
.isab-dropdown-sub {
	position: relative;
}

.isab-dropdown-content,
.isab-dropdown-sub-content {
	/* Desktop Smooth Fade-in */
	visibility: hidden;
	opacity: 0;
	transform: translateY(10px);
	transition: all 0.3s ease-in-out;

	position: absolute;
	background-color: #fff !important;
	min-width: 230px;
	box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	z-index: 10;
}

.isab-dropdown-content {
	top: 100%;
	left: 0;
}

.isab-dropdown-sub-content {
	background-color: #22683e;
	top: 0;
	left: 100%;
	transform: translateX(10px);
	z-index: 20;
}

.isab-dropdown-content a {

	padding: 6px 15px;
	width: 100%;
	font-weight: 400;
}

.isab-dropdown-content a:hover {
	background-color: #22683e;
	color: #fff;
}

.isab-dropdown-sub-content a:hover {
	background-color: #22683e;
	color: #fff;
}

.isab-dropdown:hover>.isab-dropdown-content,
.isab-dropdown:focus-within>.isab-dropdown-content,
.isab-dropdown-sub:hover>.isab-dropdown-sub-content,
.isab-dropdown-sub:focus-within>.isab-dropdown-sub-content {
	visibility: visible;
	opacity: 1;
	transform: translate(0);
}

/* --- Mobile Menu Toggles --- */
.isab-menu-icon,
.isab-menu-toggle {
	display: none;
}

/* --- Media Query for Mobile Responsiveness (1200px Breakpoint) --- */
@media screen and (max-width: 1200px) {


.apply_now{
    margin-left: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
}

	.isab-navbar {
		flex-wrap: wrap;
		padding: 10px 20px;
	}

	.isab-menu-icon {
		display: block;
		cursor: pointer;
		font-size: 2rem;

		transition: transform 0.3s;
	}

	/* Hides the burger icon initially */
	.isab-menu-icon .fa-bars {
		display: block;
	}

	/* Hides the cross icon initially */
	.isab-menu-icon .fa-times {
		display: none;
	}

	.isab-nav-menu {
		width: 100%;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.5s ease-in-out;
		overflow-y: scroll;

	}

	.isab-nav-menu>ul {
		flex-direction: column;
		padding-bottom: 10px;
	}

	.isab-nav-menu li {
		border-bottom: 1px solid #eee;
	}

	.isab-nav-menu a {
		padding: 10px 20px;
		color: #22683e;
		position: relative;
	}

	/* --- Mobile Icon Toggle Fix (Cross Icon) --- */
	.isab-menu-toggle:checked+.isab-menu-icon .fa-bars {
		display: none;
		/* Hide bars when checked */
	}

	.isab-menu-toggle:checked+.isab-menu-icon .fa-times {
		display: block;
		/* Show times when checked */
	}

	/* ------------------------------------------- */

	.isab-menu-toggle:checked~.isab-nav-menu {
		max-height: 500px;
	}

	/* --- Mobile Dropdown Styles (SMOOTH SLIDING EFFECT) --- */
	.isab-dropdown-content,
	.isab-dropdown-sub-content {
		/* Resetting desktop styles */
		visibility: visible;
		opacity: 1;
		transform: none;
		position: relative;
		box-shadow: none;
		min-width: auto;
		background-color: #f7f9fb !important;
		color: #22683e;
		border-radius: 0;

		max-height: 0;
		/* Initially hidden */
		overflow: hidden;
		transition: max-height 0.4s ease-in-out;
		padding: 0;
	}

	/* Indentation for readability */
	.isab-dropdown-content {
		padding-left: 10px;
	}

	.isab-dropdown-sub-content {
		padding-left: 20px;
		left: 0px;
	}

	/* Show the content smoothly when 'active' */
	.isab-dropdown.active>.isab-dropdown-content,
	.isab-dropdown-sub.active>.isab-dropdown-sub-content {
		max-height: 500px;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.isab-dropdown-content a,
	.isab-dropdown-sub-content a {
		color: #22683e;
		padding: 10px 15px;
	}

	.isab-dropdown-content a:hover,
	.isab-dropdown-sub-content a:hover {
		background-color: #e5e8ea;
	}

	/* Hide the desktop icon */
	.isab-dropdown-icon {
		display: none !important;
	}

	/* Use :before for the mobile dropdown icon */
	.isab-dropdown>a:before,
	.isab-dropdown-sub>a:before {
		font-family: 'Font Awesome 6 Free';
		font-weight: 900;
		content: '\f107';
		/* fa-angle-down code */
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
		transition: content 0.3s;

	}

	/* Rotate and change icon when the mobile dropdown is active */
	.isab-dropdown.active>a:before,
	.isab-dropdown-sub.active>a:before {
		content: '\f106';
		/* fa-angle-up code */
	}
}


nav.isab-nav-menu {
    margin-right: 50px;
}
/* ===============================
   DESKTOP: OPEN DROPDOWN TO LEFT
   =============================== */
@media screen and (min-width: 1201px) {
	.isab-dropdown i {
    display: none;
}


    /* jab JS open-left class lagaye */
    .isab-dropdown-sub.open-left > .isab-dropdown-sub-content {
        left: auto;
        right: 100%;
        transform: translateX(-0px);
    }

    /* optional: thoda smooth feel */
    .isab-dropdown-sub.open-left > .isab-dropdown-sub-content {
        transition: all 0.3s ease-in-out;
    }
}






/* Dropdown initially hidden */
.top-list-dropdown {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
	position: absolute;
    top: 100%;
    background-color: #fff;
    min-width: 200px;
    border-radius: 4px;
    z-index: 9;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

/* Icon rotation */
.isab-dropdown-icon {
    transition: transform 0.3s;
    margin-left: 5px;
}

.isab-dropdown-icon.rotated {
    transform: rotate(180deg);
}

/* Optional: style submenu */
.top-list-dropdown li a {
    display: block;
    padding: 5px 15px;
    text-decoration: none;
       color: #22683e;
}

.top-list-dropdown li a:hover {
    background-color: #f0f0f0;
}

li.top-list {
    position: relative;
}
li.top-list li {
   display: block;
   text-align: left;
}li.top-list li {
    padding-right: 0px;
}

.admission-isab-top-menu a {
    font-weight: 400 !important;
    font-size: 14px !important;
}

.top-logo-left {
    max-width: 200px;
}


/* temp  */
ul.top-list-dropdown {    
  background-image: url(../images/top-building-img-beta.webp);
      background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 32px;
    border-radius: 0px;
	    text-align: center;
		    border-bottom: 3px solid #a6a6a6;
			padding-top: 10px;
			padding-bottom: 10px;
}
 
.admission-isab-top-menu {
    display: flex;
    flex-wrap: wrap;
   
	width: 100%;
}
.admission-isab-top-menu li {
    width: 50% !important;
    
}


.top-list-dropdown {
    display: none;
}

.top-list-dropdown.active {
    display: block;
}

.top-isab-dropdown-icon.rotated {
    transform: rotate(180deg);
}



@media(max-width:991px){

	 
	 
}
@media(max-width:767px){
 
}
@media(max-width:500px){
	.admission-isab-top-menu li {
    width: 100% !important;
    
}
 
}
/* temp end */
/* menu css end */




/* respnsive css  */
  @media (max-width: 576px) {
   li.list-group-item.placement_area {
	    background-color: #23673E;
   height: 255px;
        width: 363px;
}
.campus-img {
    width: 326px;
}

}
  
  @media (max-width: 576px) {
    .card-body-box {
        margin-bottom: 40px;
        width: 360px;
        background-color: #07725b;
        border: none !important;
        box-shadow: rgb(99 99 99 / 8%) 0px 2px 8px 0px;
        min-height: 364px;
        text-align: left;
        padding: 16px;
    }

.founder-logo {
    margin-bottom: 22px;
    width: 304px;
    border: black 1px solid;
}
.career-img {
    min-width: 330px;
    min-height: 348px;
}


}


/* Tablet - 3 per row */
@media (max-width: 992px) {
    .logo-list li {
        width: 33.33% !important;
    }
}

/* Small tablets / big phones - 2 per row */
@media (max-width: 768px) {
    .logo-list li {
        width: 50% !important;
    }
}

/* Mobile - 1 per row */
@media (max-width: 576px) {
    
}
/* respnsive css end */

/* placement item css  */

 .placement-items,
.placemenet-items {
    padding: 10px;
    height: 425px;
}
@media (max-width: 767px) {
    .placement-items,
    .placemenet-items {
        height: auto;      /* 👈 actual height */
    }
}
.placement-box {
    margin-bottom: 10px; /* bottom spacing */
}

/* home page video container css  */
 .video-section {
      width: 100%;
      background: #000;
   }

   /* Responsive frame */
   .video-frame {
      width: min(100%, 1200px);
      /* ultra-wide screens safe */
      aspect-ratio: 16 / 9;
      /* industry standard */
      margin: 0 auto;
      background: radial-gradient(ellipse at center,
            #111 0%,
            #000 75%);
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
   }

   /* Image-like video */
   .video-frame video {
      width: 100%;
      height: 100%;
      object-fit: contain;
      /* 🔥 NO CUT */
   }


.side-pil {
    position: fixed;
    right: -85px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    background: #edf600;
    color: #000;
    padding: 12px 24px;
    text-decoration: none;
    z-index: 9999;
    letter-spacing: 1px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

/* Blink effect (optional) */
 
.sticky-pill{
    text-align: center;
}