/*header{display: none;}*/

/******************** changes in 575 *************************/
/*@media (max-width: 575px){
.pd-lr0-575{padding-right: 0px; padding-left: 0px}
.col-576{padding-left: 0px; padding-right: 0px}
.pd-2-35 {padding-left: 0px; padding-right: 0px;}
.pd-2-35 .row{margin-left: 0px; margin-right: 0px}
.mrg-top-18{margin-top: 18px}
.mrg-btm-18{margin-bottom: 18px}
}*/


/******************** fonts used *************************/
/*font-family: 'ubuntumedium'; ubuntu, font-family: 'uni_neuelight';*/

/*html{scroll-behavior: smooth;} for smooth scrolling but not working in safari*/


/*#mob-menu{display: none;}*/

.text-black{color: black !important}
/*body*/
body
{background-color:white !important;color:#3c3c3c !important; font-family: 'latoregular'; font-size: 15px; }

.cd-dropdown-trigger {color: #050505 !important;}

  
/**************************************************************************************************/
/*******************************************  header   *******************************************/
/**************************************************************************************************/



/************* header divs *************/ 
.hd-shadow{box-shadow: 0px 26px 72px 98px rgb(12 40 89 / 50%);
    width: 100%;
    position: absolute;
    z-index: 4;}
header{font-size: 13px; z-index: 5;}
.rel-cont{ padding-top: 12px; min-height: 86px; position: relative;}
.header-top { padding-top: 0px; }
.h-86{height: 86px}
.hd-main{    position: fixed;
    top: 0;
    left: 0px;
    width: 100%;
    background-color: #242124;
    z-index: 70;

    /*position:fixed; width:100%;*/
/*border-top: 2px solid #f96020;transition: all .3s ease; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;*/}
/*.hd-main{position: absolute;width: 100%; top:0px; left:0px;z-index: 56}*/
.logo-col{display: block;/* z-index: 18;*/  position: relative;float: left; width: 160px}

.other-col{float: right; padding-left: 15px; width: calc(100% - 160px); margin-top: 6px;} 
.logo{ /*max-height: 83px;*/    position: relative;
    z-index: 17; display: block; width: auto; }
/*.logo-div{background-color: white;
    position: absolute;
    left: 0px;
    top: -40px;
    padding: 40px 10px 10px 10px;
    border-radius: 0px 0px 8px 8px;}*/
.hd-main .cal-para,
.hd-main .navbar-nav>li>a,
.hd-main ul.header-social li a .fa
{color: white !important; opacity: 1 !important}



.bars-link{padding: 2px 11px 1px 12px !important;
   /* border: 2px solid white;
    margin-top: 3px !important;*/
    margin-top: 10px !important;
    margin-right: 10px;}

.in-other-cont{float: right;margin-bottom: 5px;}

.exp-college li a{height: 100%; margin-bottom: 0px!important}

.exp-college li{margin-bottom: 15px}
.ho-ul .exp-pro li a, .ho-ul .mrt-course li a{padding: 11px 10px}
.ho-ul.explore-ul .exp-pro li a.one:hover{background:#FCC14a !important;}
.ho-ul.explore-ul .exp-pro li a.two:hover{background:#FC724A !important;}
.ho-ul.explore-ul .exp-pro li a.three:hover{background:#335BC7 !important;}
.ho-ul.explore-ul .exp-pro li a.four:hover{background:#5C38A3 !important;}
.ho-ul.explore-ul .exp-pro li a.five:hover{background:#3AC8A2 !important;}
.ho-ul.explore-ul .exp-pro li a.six:hover{background:#00CDEE !important;}
.ho-ul.explore-ul .exp-pro li a:hover{color:white !important;}



/******************************************* search ********************************************/
.subscribe_button,.search-ul i.icon-search 
{    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
}

header .search-ul{float: right; padding-right: 15px; margin-top: 3px;}
header .search-ul li.dropdown {
    float: left;
    /*border: 1px solid rgb(11 11 11 / 15%);*/
    box-shadow: 0px 1px 15px -10px rgb(62 62 62 / 70%);
    border-radius: 20px;
}


header .search-drop {
    width: 320px;
    padding: 0px;
    background-color: transparent;
    /* border: 1px solid rgb(255 255 255 / 26%); */
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 3px;
    left: -15px !important;
}


header .search-ul .dropdown-toggle::after {content: none;}

.f-search {
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: rgb(208 202 197 / 40%);
    border-radius: 100%;
    display: block;
    line-height: 33px;
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;
}


footer .search-drop{width: auto;}
footer .search-ul, footer .search-ul li.dropdown{width: 100%}

#old .enter-email, .search-ul .enter-email{
    background-color: transparent;
    border-radius: 0px !important;
}


.search-ul .subscribe_button
{background-color: #fb7744}

header .subscribe_button:hover
{background-color: #ea571e}

header .subscribe_button:hover i.icon-search
{color: #ffd9c7;}

.enter-email .subscribe_button {
    background-color: transparent;
    text-transform: uppercase;
    color: #424543;
    border: none;
    /* border-radius: 0px 20px 20px 0px; */
    height: 34px;
    line-height: 35px;
    width: 42px;
    position: relative;
    top: 0px;
    float: right;
    text-align: center;
}

.subscribe_button {
    position: relative;
    background-color: #ea571e;
    text-transform: uppercase;
    color: white;
    border: none;
    border-radius: 0px 20px 20px 0px;
    height: 34px;
    line-height: 35px;
    width: 42px;
    position: relative;
    top: 0px;
    float: right;
    text-align: center;
    right: -1px;
}

/*.subscribe_button:before{content: '';
    width: 1px;
    height: 13px;
    background-color: rgb(192 192 192 / 65%);
    position: absolute;
    left: 1px;
    top: 11px;}*/

.search-ul i.icon-search {
    font-size: 17px;
    color: white;
}


.enter-email {
    width: calc(100% - 42px) !important;
    padding: 15px 15px;
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
    border: 1px solid #d3d3d3;
    background-color: rgb(16 16 16 / 73%);
    color: white !important;
    margin-bottom: 0px !important;
    float: left;
    min-height: 34px !important;
    height: 34px;
}



.show-on-click .search-drop
{    right: 0px !important;
    left: auto !important;
    transform: translate3d(0px, 56px, 0px) !important;
    background: rgb(79 72 79 / 85%);
    border-radius: 20px;
    border:none; margin: 0px; margin-top: 3px}


.show-on-click .search-drop input{padding: 9px 15px 11px}






#old input[type=text]:focus {
    border-bottom: none !important;
}

header .btn-no-grad
{padding: 9px 14px; margin-top: 3px; margin-bottom: 0px}
header .btn-no-grad img{width: 15px;     filter: invert(0) brightness(15);}
header .btn-no-grad span{position: relative;top:1px;}

.cnt-btn{
    background-color: #ea571e;
    color: white;
    padding: 4px 13px 4px 13px;
    /*border-radius: 3px !important;*/
    margin-top: 5px; font-size: 15px;
    border-radius: 20px;
}

.cnt-btn img{width: 15px;filter: brightness(0)invert(1);
    -webkit-filter: brightness(0)invert(1);
    -moz-filter: brightness(0)invert(1); position: relative; top:-1px;}


.cnt-btn:hover{background-color: grey; color: white}




.hd-btn img {
    width: 10px;
    position: absolute;
    left: 37%;
    bottom: -5px;
}

.dropdown-toggle.hd-btn::after{display: none;}
button:focus{outline:none !important; box-shadow: none !important;}

.no-div {float: right;margin-left: 18px;}

.no-small {
    font-size: 11px;
    margin-bottom: 0px;
    text-transform: uppercase; margin-top: 4px}

.no-div img{width: 36px}

.no-big{font-family: 'latoblack'; font-size: 15px; color: #ea571e; letter-spacing: .6px}

.bell{color: #424543;
    font-size: 18px;
    float: right;
    margin-left: 25px;
    margin-top: 2px;
    padding: 8px;
    border-radius: 100%;
    background-color: #eef4ee;}

.mnu-bg{background-color: rgb(184 209 185 / 24%)}









/************* high ul *************/ 

/*social media*/
.social-cont{
    position: absolute;
    /*top: calc(50% - 192px / 2);*/
    bottom: 20px;
    left: 140px;
    height: 30px;
    z-index: 9;
    /* background-color: rgba(35, 35, 36, 0.65); */
    border-radius: 8px;
    border-left: none;
    /* border-top: 5px solid #0089cf;*/
}

.social-cont:after,
.social-cont:before
{    content: '';
    width: 30px;
    height: 1px;
    background-color: white;
    position: absolute;
    border-radius: 20px;
}

.social-cont:after {
    left: -30px;
    bottom: 14px;}

.social-cont:before {
    right: -30px;
    bottom: 14px;}


ul.social{
display: inline-block;
  margin-bottom: 0;
}
ul.social li{
  float: left;display: block;
}
ul.social li a{
    display: block;
    text-align: center;
    line-height: 40px;
    width: 40px;
    height: 40px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    font-size: 17px;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 20px;
}

/*.social-cont ul.social li{margin-bottom: 10px}*/
.social-cont ul.social li a{/*background-color: rgba(0, 0, 0, 0.4) !important;*/ color: white;
    border-radius: 4px;}


.social-cont ul.social li a:hover{ border: 1px solid #ffffff8c; line-height: 28px}

ul.social li a i{
    line-height: 28px;
    font-size: 17px;
    display: block;
    text-align: center;
    /*background-color: rgb(255 255 255);*/
    
}







.footer-social-cont{ margin-top: 20px; text-align: center;}

/*footer ul.social li a{border: 1px solid grey;}*/

ul.social li a:hover{
    transform: scale(.9);
    border-radius: 4px;

}

ul.social li a:hover i{
  border-radius: 4px;
  color: #fff !important;
  animation-name: zoomIn;
  animation-duration: .5s;
  animation-iteration-count: 1;
}
/*ul.social li a:hover .fa-facebook{
  background-color: #3a5797 !important;
}

ul.social li a:hover .fa-twitter{
  background-color: #1d9dec;
}
ul.social li a:hover .fa-instagram{
  background-color: #c4007e !important;
}
ul.social li a:hover .fa-linkedin{
  background-color: #0271ae;
}
ul.social li a:hover .fa-pinterest{
  background-color: #ce252c;
}
ul.social li a:hover .fa-youtube-play{
  background-color: #f4000f !important;
}
ul.social li a:hover .fa-whatsapp
{background-color: #31be32}*/






header .social{margin-right: 30px}
header .social li a{border-left: 1px solid rgba(255,255,255,.2)}
header .social li:first-child a{border-left: none;}


ul.social.vertical li{float: none !important;}

.logo-div{display: block; margin-top: 29px; margin-top: 4px;}




/**************************************************************************************************/
/* if header dark */
/**************************************************************************************************/
header.header-dark{background-color: #242124}
header.header-dark .has-dropdown .list-link{color: rgb(255 255 255);}
header.header-dark .contact-btn { border: 1px solid rgb(249 96 32 / 83%);}
header.header-dark .search-ul li.dropdown {background-color: #91919161;}
header.header-dark .search-ul .enter-email {color: #ffffff !important;}
header.header-dark .black-logo{display: none;}
header.header-white .white-logo{display: none;}
header.header-dark .sticky {background-color: #242124;}
header.header-dark .contact-btn.list-link:before{content: none;}



/*********************************************************************************************/
/****************************************** mobile menu **************************************/
/*********************************************************************************************/

/*bootstrap mobile menu*/
.boot-menu{position: fixed; width: 100%; height: 100vh; overflow: scroll;
 top:0px; left: 0px; z-index: 50; background-color: white;
transition: none !important; animation: none !important; display: block; 
padding: 20px 30px; text-transform: uppercase;}

.boot-menu-nav{padding: 0px 0px !important }

.boot-menu-nav .navbar-toggler{border:none !important; margin-top: 1px;}

.boot-menu .enter-email 
{ border: 1px solid #ea571e; background-color: white !important; border-radius: 20px !important; 
height: 42px; width: 100% !important; padding-right: 50px;color: #333 !important}

.boot-menu .enter-email:focus
{box-shadow: 0px 7px 20px -15px black; border-bottom: 1px solid #ea571e !important}

.boot-menu .subscribe_button
{ background-image: linear-gradient(to right, #FF512F 0%, #DD2476 51%, #FF512F 100%); background-size: 200% auto;
height: 33px; width: 33px; line-height: 30px; border-radius: 100%; position: absolute; right: 4px;
    top: 4px;}

.boot-menu form{margin-top: 15px; margin-bottom: 15px; float: left; width: 100%; position: relative;}

.boot-menu .navbar-nav{margin-top: 10px}

.hd-main .mob-menu .navbar-nav>li>a{color: #333 !important;height: 50px;
    line-height: 35px; border-bottom: 1px dashed rgba(136, 135, 135, 0.26);
    margin: 0px 0px;display: block; text-transform: uppercase;}

.mob-menu .dropdown-submenu a.test{ font-size: 13px; color: #ea571e !important; font-family: 'latobold';
    text-transform: uppercase;height: 50px; line-height: 35px; border-bottom: 1px dashed rgba(136, 135, 135, 0.26); 
    display: block; padding: 8px 0px}

.dropdown .dropdown-toggle{padding: 8px 0px}

.mob-menu .dropdown-submenu a.test::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}


.mob-menu .dropdown-menu 
{padding-left: 25px}

.mob-menu .dropdown-menu a{color: #333 !important;
    height: 40px;
    font-size: 13px;
    line-height: 26px;
    margin: 0px 0px;
    display: block;
    text-transform: uppercase;
    padding: 8px 0px;}

/*.boot-menu .iim-text{padding: 8px 0px; font-size: 13px}*/

.mob-menu .dropdown-menu{border:none; border-radius: 0px}

.mob-menu .dropdown-menu.first{border-top:3px solid #fb7744; margin-top: -1px}

.close {
    position: relative;
    height: 28px !important;
    width: 28px !important;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    color: #faf3f3;
    display: block !important;
    /*background-color: #a5a2a2;*/
}

.close::after, .close::before {
    content: '';
    position: absolute;
    z-index: 20;
    top: 14px;
    left: 14px;
    bottom: auto;
    right: auto;
    height: 16px;
    width: 1px;
    background-color: #000;
}

.close::before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate( 
-45deg
 );
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate( 
-45deg
 );
}


.close::after {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate( 
45deg
 );
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate( 
45deg
 );
}

/*menu btn*/
.menu-btn{-webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    width: 32px; 
    padding: 6px; line-height: 30px; height: 30px;float: right;
}
.bg-dark{background-color:white !important}
.menu-btn span {
    height: 2px;
    width: 100%;
    display: block;
    float: left;
}
.menu-btn>span:nth-child(2) {
    margin: 4px 0 4px auto;
    width: 75%;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}
.menu-btn>span:nth-child(3) {
    margin-left: auto;
    width: 45%;
    -webkit-transition: 0.6s all;
    -moz-transition: 0.6s all;
    -o-transition: 0.6s all;
    transition: 0.6s all;
}

.menu-btn:hover>span:nth-child(2), .menu-btn:hover>span:nth-child(3) {
    width: 100%;
}

.cd-dropdown-wrapper{margin-bottom: 0px; z-index: 20;}

.cd-dropdown-content li a{font-size: 15px; color: #333 !important}

.cd-dropdown li a:hover {
    color: #f96020 !important;
}


.center-image{width: 110px;}

.cd-dropdown-content form
{ margin-top: 3px; border-radius: 0px}

.cd-dropdown .cd-close {
    top: 5px;
    right: 5px;
    background-color: #244175;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 2px solid white;
    box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 15%);
}


.cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before{height: 12px}




.mob-course-ul li .menu-logo-div figure {
    float: left;
}

.mob-course-ul li .menu-logo-div .course-name, .mob-course-ul li .menu-logo-div .dest-name {
    line-height: 55px;
    font-size: 14px;
    border-radius: 3px;
    padding: 0px;
    display: block;
    color: #333;
    margin-top: 0px !important;
    margin-bottom: 0px;
}

.mob-course-ul li a img {
    height: 37px;
    float: left;
    margin-right: 15px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-top: 6px;
    margin-bottom: 9px;
    margin-left: 9px;
    border: 2px solid white;
    box-shadow: 1px 4px 20px -5px rgb(0 0 0 / 14%);
    display: block;
}



/*explore ul*/
.explore-ul li{width: calc(100% / 3 - 30px); margin-left:15px; margin-right:15px; float: left;}
.explore-ul.two-col li {width: calc(100% / 2 - 30px) !important;}
.explore-ul.one-col li {width: calc(100% / 1 - 30px) !important;}
.explore-ul li a:hover{
box-shadow: 0px 0px 0px 1px rgb(234 87 30 / 42%) !important;
    background-color: oldlace;
    border-radius: 5px 4px 4px 5px;
    color: #cd4005 !important;}


.ho-ul.explore-ul li a:hover{color: #ea571e !important;}
.bor-list{position: relative;}
.bor-list:before{content: '';
    position: absolute;
    top:-15px;
    left: 0px;
    width: 1px;
    height: calc(100% + 30px);
    border-left: 1px dashed rgb(192 192 192 / 71%);}

.bor-list:after{content: '';
    position: absolute;
    top:-15px;
    right: 0px;
    width: 1px;
    height: calc(100% + 30px);
    border-right: 1px dashed rgb(192 192 192 / 71%);}



/*********************************************************************************************/
/**************************************** desktop menu ***************************************/
/*********************************************************************************************/
.home{/*box-shadow: inset 2px 2px 20px 1px #f96020; */
    padding: 0px 10px !important;
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;
    background-color: rgb(17 17 17 / 66%);
}


.home i{color: white}
.home:hover{background-color: #f96020 }
.list-link.home:hover:before{opacity: 0;}
.angle-down{margin-left: 5px}
.has-dropdown .angle-down{padding-left: 0px}
.nav>li>a:focus, .nav>li>a:hover{background-color: transparent;}

.border-ul li a
{
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;

display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    padding: 5px 15px;
    width: auto;
    height: 62px;
    margin: 0px;
    margin-right: 5px;
    line-height: 20px !important;
    border: 1px solid #dedede;
    border-radius: 4px;
    color: #333;
    letter-spacing: .5px


}

.border-ul li{margin-bottom: 4px;
    padding-right: 5px !important;
    padding: 0px 5px;
    display: block;
    border-right: 3px solid rgba(255,255,255,.2);
    width: calc(100% / 3 - 0px);
    float: left;
    text-align: center;}

.border-ul li:last-child{border-bottom: none;}




.border-ul li:hover>a {
border: 1px solid #f96020;
    box-shadow: 0 10px 20px -10px rgba(0,0,0,.3);}

.neg-mrg-15{margin-left: -15px; margin-right: -15px}

.menu-image{border-radius: 6px}

.sub1>li img.dpt-img {
    margin-bottom: 17px !important;
    margin: 0 auto;
    width: 100%
}





/*topbar*/
.top-bar{float: none;}

ul.top-bar-dropdown {
    min-width: 250px;
    position: absolute;
    z-index: 200;
    /*right: -15px;
    padding: 12px 12px;*/
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: none;
    transition: none;
    background-color: white;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.12);
}

.top-bar-dropdown li:last-child{margin-bottom: 0px; border-radius: 0px 0px 4px 4px;}

.has-dropdown:hover .top-bar-dropdown{
     opacity: 1;
    visibility: visible;
    box-shadow: 0px 12px 20px 3px rgb(0 0 0 / 10%);
/*    animation-name: fadeIn;
    animation-duration: .4s;*/
}

.top-bar ul li {
    list-style: none;
    display: inline-block;
    margin-left: 12px;
    line-height: 1;
    position: relative;
    z-index: 201;

    margin-bottom: 5px;
    padding-right: 5px !important;
    padding: 0px 5px;
    display: block;
}

.top-bar-dropdown a {

    padding: 4px 20px;
    border-radius: 4px;
    display: block;
    color: #333 !important;
    position: relative;
    line-height: 36px;
    text-decoration: none !important;
    font-size: 14px;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
}

.top-bar-dropdown li{margin-left: 0px !important; text-align: left; display: block !important;}
.top-bar-dropdown li:hover a {
    background-color: oldlace;
    color: #ea571e !important;
    
}
.top-bar-dropdown li:hover {background-color: white;}




.what-ul.ho-ul li a{box-shadow:0px 0px 0px 1px rgb(173 169 168 / 42%) !important}
.what-ul.ho-ul li a:hover{box-shadow: 0px 0px 0px 1px rgb(234 87 30 / 42%) !important;
    background-color: oldlace; color: #ea571e !important}

.menu-head{font-family: 'latoblack';
    /* font-family: 'latobold'; */
    text-align: left;
    font-size: 13px;
    color: #ea571e;
    text-transform: uppercase; padding-bottom: 5px;
    border-bottom: 1px dashed rgb(192 192 192 / 71%);}

.ho-ul li .menu-head a{line-height: 1px !important;
    text-transform: uppercase !important;
    display: inline-block !important;
    box-shadow: none !important;
    border-radius: 0px;
    padding: 0px 0px !important;
    margin-bottom: 0px !important;
    background-color: white;
    text-align: left !important;
    font-size: 14px;
    color: #ea571e !important
}

.contact-btn{border:1px solid #dbdbdb;padding: 0px 10px !important;
    line-height: 29px !important;}


.contact-btn img{width: 15px; opacity: .8;
    position: relative;
    top: -1px;
}


/*new menu*/
.menu-wrapper {
    width: 100%;
    margin-left:auto;
    margin-right:auto;
    max-width:1300px;

}

.menu-wrapper-cont {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(255, 255, 255, .99);
    min-height: 240px;


}

 .has-dropdown .list-link .angle-down {
    width: 8px;
    fill: pink;
    margin: 0 0 0 4px;
    margin-top: -5px;
    line-height: inherit;
    vertical-align: middle;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.has-dropdown{padding: 0px 10px 0px;}

ul.main-menu-ul>li {
    list-style: none;
    display: inline-block;
    float: left;
    line-height: 1;
}


.main-menu-ul .list-link {
    cursor: pointer;
    position: relative;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0px;
    font-family: 'latoblack' !important;
    text-transform: uppercase;

  
}


.has-dropdown .list-link {
    position: relative;
    padding-right: 2px;
    line-height: 30px;
    display: block;
    color: #333;
    margin-top: 5px;
    padding-bottom: 19px;
    border-radius: 4px;
}

.list-link
{color: #333}

.list-link:hover{color:#fb7744 !important}

.list-link:before{
    position: absolute;
    right: 50%;
    bottom: -3px;
    height: 4px;
    width: 20px;
    border-radius: 20px;
    background-color: rgba(255,255,255,.5);
    opacity: 0;
    transition: opacity .4s,left .4s,right .4s;
    left: 50%;
    content: ' ';}

.list-link:hover:before
    {left: 0;
    right: 0;
    opacity: 1;}

.flex-ul {
    flex: 1;
}

.btn_ripple {
    position: relative;
    display: inline-block;
     overflow: hidden; 
}


/*.menu-cont-desk{position: relative;}*/
.menu-cont-desk{float: right;}
.menu-cont{float: right; margin-right: 20px;  width: auto;
    /* position: relative; width: 100%;*/ margin-left: 0px;  max-height: 1000px;
    padding-left: 0px; padding-right: 0px;
     }

.main-menu-ul{display: table;display: table;
    margin: 0 auto; /*margin-top: 20px !important;
        float: right;*/}


.flex-cont{width: calc(100% - 300px);float: left; /*padding-right: 10px;*/}



@media screen and (min-width: 1101px){
.menu-wrapper-cont {
    background-color: white;
    justify-content: center;
    position: absolute;
    /*left: 50%;
    transform: translateX(-50%);*/
    left: 0px;
    width: 100%;
    z-index: 201;
    /*visibility: hidden;*/
    display: none;
    /*display: block;*/
}

.main-menu-ul li.has-dropdown{ z-index: 200;}

.main-menu-ul li.has-dropdown:hover .menu-wrapper-cont {
   /* visibility: visible;*/
   display: block;
    opacity: 1;
    box-shadow: 0px 12px 20px 3px rgba(0, 0, 0, 0.1);
/*    animation-name: fadeIn;
    animation-duration: .4s;*/
    border-radius: 4px;
}

.main-menu-ul li.has-dropdown:hover .angle-down , .top-bar ul li.has-dropdown:hover .angle-down{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.hex__home_menu_solutions_wrapper li.drop-list {
    padding: 0 20px 0 0;
    margin-bottom: 5px;
    position: relative;
}

.main-menu-ul li.has-dropdown:hover .menu-wrapper-cont .drop-list {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

a.drop-list-link:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.12),inset 0 -1px 0 0 #dadce0;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.12),inset 0 -1px 0 0 #dadce0;
}

a.drop-list-link {
    cursor: pointer;
    line-height: 1;
    padding: 15px 15px 20px;
    display: block;
    position: relative;
    height: 100%;
}

.menu-title {
    font-size: 17px;
    line-height: 24px;
    color: #333;
    display: block;
    margin: 0 0 3px 0;
    -webkit-transition: none;
    transition: none;
}

.flex-ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    flex-wrap: wrap;
}

.drop-list-link::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 78%;
    top: 11%;
    left: 0;
    z-index: 1;
    background-color: #8a1a4a;
    opacity: .15;
    -webkit-transition: none;
    transition: none;
}


.drop-list-link:hover::before {
    width: 3px;
    height: 100%;
    top: 0;
    opacity: .8;
 
}

li.drop-list:nth-child(3n+1) a.drop-list-link::before {
    opacity: 0;}

li.drop-list li.drop-list:nth-child(n):hover a.drop-list-link::before
{opacity: .8;}

}



.vrt-mid .sub-box{vertical-align: middle !important;}
.vrt-top .sub-box{vertical-align: top;}
.vrt-bottom .sub-box{vertical-align: bottom;}


.fstshw{background-color: white !important}
.sub1{position: relative; padding-right: calc(735px - 180px); height: 390px; padding-top: 15px;padding-left: 15px;}
.sub1 > li {
    
    padding-right: 10px !important;
    padding: 0px 5px;
    display: table;
    width: 100%;
    /*border-right: 3px solid rgba(255,255,255,.2);*/
    margin-bottom: 4px;
   
}
.sub1 > li:last-child a.bor-link{border-bottom: none !important;}
.sub1 > li > a {
    border: 1px solid #e9e1db;
    border-radius: 4px;
    /*border-left: 2px solid transparent;*/
    vertical-align: middle;
    display: table-cell;
    color: #333 !important;
    padding-left: 15px !important;
    padding-right: 15px;
    position: relative;
    line-height: 16px;
    height: 44px;
    width: 100%;
    text-decoration: none !important;
    font-size: 13px;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
}

.sub1 li a >i {
    position: absolute;
    right: 10px;
    top: 15px;
    display: none;
}

.sub1>li:hover>a{
    /*padding-left: 25px !important;border-left: 3px solid #f96020; border-radius:6px 0px 0px 6px;*/

    background-color: oldlace;
    padding-left: 25px !important;
    border: 1px solid oldlace;
    border-left: 3px solid #f96020;
    border-radius: 5px 4px 4px 5px;
    color: #cd4005 !important;

   }
.sub1> li:hover img.side-img{filter: brightness(1) invert(1);}
.sub1>li img{
 /*   float: left;
    margin-right: 12px;
    margin-top: 9px;*/
/*    filter: brightness(1) invert(0.5);
    -webkit-filter: brightness(1) invert(0.5);
    -moz-filter: brightness(1) invert(0.5);*/
    }

.sub1 li:hover i {
    display: none !important;
}
.sub1 li:hover .sub2 {
    display: block !important;
}
.sub2 li:hover{border-left:none;}
.fstshw .sub2 { display: block !important;}
.sub2 {
    position: absolute;
    /*border-left: 1px solid #dedede;*/
    background-color: #f9f9f9 !important;
    right: 0px;
    top: 0;
    width: calc(735px - 180px);
    bottom: 0;
    display: none;
    overflow: auto;
    padding:0px 0px 0px 0px;
    text-align: left;
    min-height: 240px
}
.sub2 ul > li > a {
    text-decoration: none;
    line-height:35px;
    text-transform: capitalize !important;;
    display: block;
}



.trnn{-webkit-transition: transform 650ms ease-in-out,filter 650ms ease-in-out;
    -moz-transition: transform 650ms ease-in-out,filter 650ms ease-in-out;
    transition: transform 650ms ease-in-out,filter 650ms ease-in-out;}

figure{overflow: hidden;}


.bars{font-size: 18px; position: relative;top:2px;}

.cd-dropdown-trigger{ 
    margin-top: -60px;
    margin-bottom: 0px;
    border: none;
    border-radius: 0px;
    position: relative;
    z-index: 19;
    display: inline-block;
    float: right;
    margin-right: 9px;
}


.cd-dropdown-trigger .mnu{padding-top: 3px; font-size: 14px}


/*sep-ul*/
.sep-ul{/*padding-top: 15px; padding-bottom: 15px*/
    padding: 25px 0px 20px}


/*m-logo-ul*/
.m-logo-ul li{width: calc(100% / 3 - 6px); float: left; margin-left: 3px; margin-right: 3px}
.m-logo-ul li a{display: block; float: left; padding: 3px 3px !important; /*background-color: transparent !important;
border:1px solid #dbd8d8;*/}
.m-logo-ul li a img{border-radius: 4px; }
.m-logo-sub2{padding-left: 15px; padding-right: 15px}



/*institute menu logos*/
.inst-logo-ul li{width: calc(100% / 5 - 6px); float: left; margin-left: 3px; margin-right: 3px}
.inst-logo-ul li a{display: block; float: left; padding: 3px 3px !important;}
.inst-logo-ul li a img{border-radius: 4px; }



/*ho ul*/
.ho-ul li a{ text-decoration: none;
    line-height: 20px !important;
    text-transform: capitalize !important;
    display: block;
    box-shadow: 1px 4px 20px -5px rgb(0 0 0 / 14%);
    border-radius: 5px;
    padding: 15px 10px;
    margin-bottom: 12px;
    background-color: white;
    text-align: center;
    font-size: 14px;
    color: #333;
}



.menuevt {
    width: 300px;
    float: right;
    position: relative;
}

.infobox {
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: rgb(255 255 255 / 88%);
    padding: 8px 12px;
    background-color: rgb(0 0 0 / 63%);
    border-radius: 0px 0px 4px 0px;
}


.imgbox img{border-radius: 0px 4px 4px 0px}

.inf-head{border-radius: 4px;
    background-color: rgb(16 121 22 / 52%);
    color: white;
    border-bottom: 2px solid #052c05;
    display: block;
    padding: 8px 20px 6px;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 2px;
    margin-bottom: 5px;
    margin-top: 5px;}

.menu-para{line-height: 20px;
    margin-bottom: 5px;}


.menu-wrapper-cont.info-cont{padding: 0px 0px 0px 0px !important; }

.menu-icon {
    width: 25px;
  /*  margin-top: -2.5px;*/
    padding-right: 4px;
}

/*.has-dropdown{border-right: 1px solid rgb(16 121 22 / 15%);}*/

/*.has-dropdown .list-link:after{content: '';
    width: 1px;
    height: 21px;
    background-color: rgb(16 121 22 / 17%);
    position: absolute;
    right: -12px;
    top: 5px;}*/


.has-dropdown.last .list-link:after{display: none;}

.has-dropdown.first{padding-left: 0px}


.has-dropdown .list-link:hover .menu-icon{animation-name: flipInY; animation-duration: 1s}

.ho-ul li a{ transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;}

.ho-ul li a:hover{box-shadow: 1px 4px 20px -1px rgb(0 0 0 / 24%); color: #f96020 !important}




/*sticky*/
.sticky {
  position: fixed; 
  top: 0; left:0px;
  width: 100%;
  background-color: white;
/*  -moz-animation: dropStickyNav 0.5s ease-in 1;
  -webkit-animation: dropStickyNav 0.5s ease-in 1;
  animation: dropStickyNav 0.5s ease-in 1;*/
  z-index: 70;
  box-shadow: 0px 6px 19px -11px rgb(0 0 0 / 25%)
}


/*.sticky.hd-main .cal-para, .sticky.hd-main .navbar-nav>li>a, .sticky.hd-main ul.header-social li a .fa,
.sticky .call-nav span, .sticky .square-ul.main-menu-ul li.has-dropdown .list-link
{color: rgba(0,0,0,.5) !important}

.sticky .rel-cont {
    padding-top: 0px;
}
.sticky .header-bottom{background-color: #5a5a5c}

.sticky .rel-cont{min-height: 66px;}

.sticky .logo-col{ padding-bottom: 6px;}

.sticky .other-col {
    margin-top:12px !important;}

.sticky .in-other-cont{display: none;}

.sticky .logo-div {margin-top: 9px;}

.sticky .call-nav-cont {
    margin-top: 10px;}


.sticky .header-bottom{display: none;}
header:hover .sticky .header-bottom{display: block;}

.sticky .ico-menu {filter: invert(1);}


.sticky .cd-dropdown-trigger {margin-top: 18px}

.sticky .cd-dropdown-wrapper{ margin-top: 17px;}

.sticky .logo{height: 44px; margin-top: 10px;}
*/
@-moz-keyframes dropStickyNav {
  0% {
    -moz-transform: translateY(-40px); }
  100% {
    -moz-transform: translateY(0); } }
@-webkit-keyframes dropStickyNav {
  0% {
    -webkit-transform: translateY(-40px); }
  100% {
    -webkit-transform: translateY(0); } }
@keyframes dropStickyNav {
  0% {
    transform: translateY(-40px); }
  100% {
    transform: translateY(0); } }










/**********************************************************************************************/
/*mob menu*/
/**********************************************************************************************/
.cd-dropdown li i {color: #f96020; margin-right: 5px; border-right:1px solid #f96020; padding-right: 8px; display: none;}


/**********************************************************************************************/
/*slider*/
/**********************************************************************************************/
  .carousel-inner img {
    width: 100%;
    height: 100%;
  }



.slide-div{height: 580px}







/*carousel indicators*/
.carousel-indicators.round li
{width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-right: 10px;
    margin-left: 10px;
    background-clip:inherit;
}



/*carousel indicators*/
.carousel-indicators{bottom: 15px; 
    margin-right: 5%;}
.carousel-indicators .active{
    background-color: #f96020;
    border: 1px solid #f96020;
}

.carousel-indicators.float
 {

    bottom: 10px;
    left: 20.5px;
    width: auto;
    margin-left: 0px;}


.carousel-indicators.float li {
    display: block; margin: 8px 0px}

.carousel-indicators.float .active {
    width: 10px;
    height: 34px;
    margin: 0;
    background-color: #f96020;
    border:1px solid #f96020;}

.carousel-indicators li
{background-color: white; border:1px solid white; width: 13px; opacity: .8;
    height: 9px; width: 9px}



.carousel-indicators.float-down
 {
bottom: 10px;
    right: 40px;
    left: auto;
    width: auto; height: 20px;
    margin-right: 0px;}


.carousel-indicators.float-down li {
    margin: 0px 4px; border-radius: 40px;}

.carousel-indicators.float-down .active {
    height: 16px; margin-top: -3px !important;
    width: 16px; border-radius: 40px;
    background-color: #f96020;
    border:1px solid #f96020;}




/*vertical carousel indicator*/
.carousel-indicators.vertical{display: inline-block;}
.carousel-indicators.vertical li
{
    display: block;
    float: none;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-right: 30px !important;
    margin-left: 4px !important;
    width: 7px;
    height: 7px;
    background-color: white;
    border: none;
    opacity: .8;
}
.carousel-indicators.vertical .active{
    width: 14px;
height: 14px;
    margin-top: 11px !important;
    margin-bottom: 11px;
    margin-right: 0px !important;
    margin-left: 1px !important;
}

.carousel-indicators.vertical{top: 50%; transform: translateY(-50%); bottom: auto}



/*slider caption*/
.caption{padding-top: 80px}

.cap-head{     font-size: 40px;
    color: #ffffff;
    /* font-family: 'nunito_sanslight'; */
   /* font-family: 'latoblack';*/
    font-family: 'latolight';
    line-height: 47px;
    margin-bottom: 15px;}

.b-blue{color: #0089cf}

.bar{color: #0089cf; font-family: 'latolight';}
.cap-text{font-size: 20px;
    font-family: 'latoregular';
    line-height: 39px;
    letter-spacing: .2px;
    text-transform: none;
    color: white;
    margin-top: 0px;
    margin-bottom: 10px !important;
    /*max-width: 620px;*/}
.cap-text-first{margin-top: 19%}
.cap-text-second{margin-top: 8px}
.carousel-caption .line{margin: 0 auto}


.bg-bg{background-size: cover; background-position: top center; background-repeat: no-repeat;}

.ht100vh{height: 100vh}

.s-small{font-size: 18px;}

.slide-overlay{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(12 40 89 / 24%)}

.bold{font-family: 'ubuntubold'}


.home-slide-overlay{position: absolute;left: 0px; top:0px; width: 100%; height: 100%; 
    background-color: rgba(18, 23, 35, 0.22)}










/*hero*/
/*vertical align middle slide*/
.hero {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    z-index: 3;
    color:black;
    text-align: left;
    padding-left: 100px;
    padding-right: 100px
}

.hero1{ left: 90px;}

.hero2{width: 650px}

.hgroup {
    height: 100%;
}

.hero .box{width: 100%; height: 100%; text-align:left;}
.hero .sub-box, .carousel-caption{
    vertical-align: middle !important; 
}

.cap-head{animation-name: fadeInUp; animation-duration: 1s; -webkit-animation-fill-mode: both;
    animation-fill-mode: both;animation-delay: 1s ; }

.cap-text{animation-name: fadeInDown; animation-duration: 1s;  -webkit-animation-fill-mode: both;
    animation-fill-mode: both;animation-delay: 1s }

.caption .learn,
.caption .inst-btn-ul
{animation-name: fadeInUp; animation-duration: 1s;  -webkit-animation-fill-mode: both;
    animation-fill-mode: both;animation-delay: 2s }


.hero .read, .hero .boxes-btn{animation-name: fadeInLeft; animation-duration: 1s;  -webkit-animation-fill-mode: both;
    animation-fill-mode: both;animation-delay: 1s   }

.hero .boxes-btn{margin-top: 20px; color: white}

.hero .boxes-btn:before{background-color: white;}

.hero .boxes-btn:hover{color: white}


.slide-image{position: absolute; left:60px; bottom: 0px; width: auto !important; height:80% !important;
 animation-name: slideInLeft; animation-duration: 2s;}

.slide-image.banana{left:0px;}

.slide-image-small{position: absolute; right:80px; bottom: 0px; width: auto !important; height:auto !important;
 animation-name: fadeInDownBig; animation-duration: 2.8s;  }

 .white{color: white !important}


.s-cap-head{font-size: 58px;
    font-family: 'rubikregular'; letter-spacing: -1px; display: block;}


@media (min-width: 992px) and (max-width: 1199px) {
.caption {
    padding-top: 0px;
}
.cap-head{ font-size: 35px; line-height: 38px}  
.hr-box-2{padding-left: 14%;}
.hr-box-3{padding-left: 18%;}

}

@media (min-width: 768px) and (max-width: 991px) {
.caption {
    padding-top: 0px;
}
.caption .btn-no-grad{margin-top: 0px}
.carousel-indicators.float-down {bottom: 5px;}
.cap-head{ font-size: 30px; line-height: 33px}  
.cap-text{font-size: 18px; line-height: 26px}
.hero{padding-right: 20px}

}

@media (min-width: 576px) and (max-width: 767px) {
.hero .btn-no-grad { padding: 13px 18px;}
.caption {
    padding-top: 0px;
}
.cap-head{/* font-size: 26px; line-height: 30px*/
font-size: 33px; line-height: 38px
} 
.cap-text{font-size: 18px; line-height: 20px}
.slider-wrapper {
    font-size: 41px;
    line-height: 52px;}
.slider div{line-height: 55px;}
.hero{padding-left: 65px}
}

@media (max-width: 575px) {
/*.hero.w-50 {
    width: 62%!important;
}*/
.hero .btn-no-grad {
    padding: 10px 10px;
    font-size: 10px;
    margin-top: 0px !important;
    margin-bottom: 0px !important
}
.caption {
    padding-top: 0px;
}
.slider-wrapper {
    font-size: 26px;
    line-height: 34px;}
.slider div{line-height: 36px;}
.slider {top: 26px;}
.cap-head{ font-size: 24px; line-height: 27px; margin-bottom: 8px } 
.cap-text{font-size: 14px; line-height: 17px}
.hero{padding-left: 30px; padding-right: 30px}
}

@media (max-width: 767px) {
.slide-list li a { padding: 10px 12px 10px; font-size: 14px}
.slide-icon {width: 28px;}
.video-box .sub-box .slide-list { width: 166px !important;}
.hero.w-50 {
    width: 100%!important; height: 44%; padding-left: 20px !important}
.hero .sub-box, .carousel-caption { text-align: center;}
.caption .inst-btn-ul li {float: none;}
.caption {padding-top: 10px;}
}






.down-cont{  height:46px; width: 50px;
text-align:center; display: block;
position: absolute; z-index: 55; /*bottom: 10px; left:calc(50% - 25px);*/
bottom: 20px;
right: 10px;
animation-iteration-count: infinite;
webkit-animation: ani_sttb 1.5s infinite ease-in-out;
animation: ani_sttb 1.5s infinite ease-in-out;
-webkit-transform-origin: center center;
transform-origin: center center;
}

@-webkit-keyframes ani_sttb{0%{-webkit-transform:translate(0,-10px)}50%{-webkit-transform:translate(0,10px)}100%{-webkit-transform:translate(0,-10px)}}@keyframes ani_sttb{0%{transform:translate(0,-10px)}50%{transform:translate(0,10px)}100%{transform:translate(0,-10px)}}

.down-cont a{ filter: brightness(0) invert(1); 
    /* -webkit-filter: brightness(1) invert(1); */
    -moz-filter: brightness(0) invert(1);
    display: block;
    /* background-color: rgba(0, 0, 0, 0.52); */
    /* padding: 10px; */
    background-size: 100%;
    background-repeat: no-repeat;
    /* color: white; */
    width: 35px;
    height: 35px;
    border-radius: 100%;
    margin: 0 auto;
    background-image: url(../img/icons/mouse.svg);
    background-position: center;
    cursor: pointer;

}
.down{width: 46px; height: 46px; margin: 0 auto}

.down-cont:hover {
    animation-name: none; 
}




/*transition*/
.down-cont a, .carousel-indicators li, .welcome-ul li, .blog-overlay-title, .m-more, .online-btn, .b-big,
.menu-brand-fig, .sh-overlay, .sh-overlay .ad-div{
    transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
}



/*swiper slide*/
.swiper-slide{background: transparent !important;}

/*slider icon*/
.slider-icon-cont{width: 500px;position: absolute; bottom: 20px; right:50px;z-index: 4}
.adm {
height: 265px;
    line-height: 13px;
    z-index: 20;
    color: white !important;
    width: 100%;
    margin: auto;
    background-color: rgb(249 96 32);
    border-radius: 0px;
    padding: 7px 7px 10px;
    text-align: center;
    box-shadow: 8px 13px 13px -10px rgb(0 0 0 / 37%);
}

.adm.box {display: table;}
.adm.box .sub-box{height: 100%; overflow: hidden;}
.adm img {
    /*filter: brightness(0.5) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0.5) invert(1);*/
    
    width: 55px;
    margin: 0 auto;
    margin-bottom: 20px;
    filter: invert(1) brightness(1.2);
    -moz-filter:invert(1) brightness(1.2);
    -webkit-filter:invert(1) brightness(1.2);
   
}



.adm figure{    display: table; border-radius: 100%;
    margin: 0 auto;
    padding: 4px;
    margin-bottom: 5px;
    border-radius: 4px;}

/*.adm figure.fig1    {
    background: rgb(217 21 21 / 86%);}

.adm figure.fig2    {
    background: rgb(255 131 2 / 86%);}

.adm figure.fig3    {
    background: rgb(217 21 21 / 86%);}

.adm figure.fig4    {
    background: rgb(255 131 2 / 86%);}*/


.slider-icon .swiper-button-next:after,
.slider-icon .swiper-button-prev:after
{font-size: .8em}

.slider-icon .swiper-button-next,
.slider-icon .swiper-button-prev{border-radius: 4px;
    line-height: 30px;
    padding: 10px;
    height: 24px;
    width: 24px;
    background-color:rgba(0,0,0,.75);
    color: wheat;}


.slider-icon .swiper-button-next,
.slider-icon .swiper-button-prev
{top:27px;}
.slider-icon .swiper-container{padding-top: 40px}

.slider-icon .swiper-button-prev{right: 36px !important; left: auto;}


.gal-more {
    display: table;
    position: relative;
    margin: auto;
    border-radius: .3rem;
    line-height: 40px;
    padding: 0 20px;
    background-color: #4f4f4f;
    color: #fff;
    text-align: center;
    /* margin-top: -20px; */
    box-shadow: 5px 6px 12px 0 rgb(0 0 0 / 0%);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;}

.gal-more:hover{background-color:#ea571e;  color:white;}


/**********************************************************************************************/
/****************************************** general ******************************************/
/**********************************************************************************************/
b.high{font-size: 15px}
.bor-img{ border-radius: 8px;}
.margin-top{float: none; clear: both;margin-top: 50px}
figure{margin-bottom: 0px}
.loadimg{display: block;}
.mrg-top-18{margin-top: 18px; width: 100%}
.mrg-btm-18{height: 18px; width: 100%; clear: both; float: none;}
.mrg-btm-20{height: 20px; width: 100%; clear: both; float: none;}
.mrg-top-30{height: 36px; width: 100%; clear: both; float: none;}
.mrg-btm-30{height: 36px; width: 100%; clear: both; float: none;}
.mrg-btm-60{height: 60px; width: 100%; clear: both; float: none;}
.wel-top-bottom{padding-top:80px; padding-bottom: 80px }
.in-body .wel-top-bottom{
    padding-top: 50px;
    padding-bottom: 60px;
}
.pd-2-15{padding-left: 15px; padding-right: 15px}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,
button.active.focus, button.active:focus, button.focus, button:active.focus, button:active:focus, button:focus {
    outline: none ;
    outline-offset: 0px;
}
button{border:none;}
.no-padding
{padding-right: 0px !important;padding-left: 0px !important}

.pd-2-35{padding-left: 60px !important; padding-right: 60px !important}

a, a:hover
{text-decoration: none !important;}

ul
{padding-left: 0px; list-style-type: none;margin: 0}

.box
{display: table;}

.sub-box
{display: table-cell;}

.sub-box1
{padding-right: 15px}



.box.vrt-middle .sub-box{vertical-align: middle !important;}
.box.vrt-top .sub-box{vertical-align: top !important;}


.clear-fix
{float: none; clear: both;}

span.clear-fix 
{ display: block;}


.img-auto
{margin: 0 auto; float: none; margin-bottom: 30px; }

.img-gen{margin-bottom: 15px}
.img-border{border-radius: 5px;}

.gen-para{font-size: 15px; line-height: 28px; text-align: justify; margin-bottom: 18px}
.gen-para.text-left{text-align: left;}
.gen-para.text-center{text-align: center !important;}

.trn{transition: all .3s ease; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.form-control{box-shadow: none; border-radius:0px;}
.btn{border-radius:0px;}


.com{max-height: 70px;
    line-height: 23px;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 0px;}


h1.home-h{ 

    color: #15203d;
    padding-bottom: 5px;
    border-radius: 5px;
    margin-bottom: 28px;
    margin-top: 0px;
    line-height: 45px !important;
    font-size: 40px;
    letter-spacing: -1px
}

h1{
    color: #15203d;
    padding-bottom: 5px;
    border-radius: 5px;
    margin-bottom: 28px;
    margin-top: 0px;
    line-height: 29px !important;
    font-size: 26px;
    font-family: 'latobold'
    /* letter-spacing: -1px; */

}


.orange{ color: #f96020;}
.blue{color: #025bd4}

h2.home-h {
    color: #15203d;
    font-size: 35px;
    line-height: 45px;
    padding-bottom: 5px;
    margin-bottom: 32px;
    margin-top: 0px;
    letter-spacing: -1px;
}

h2 {
    color: #15203d;
    font-size: 25px;
    line-height: 30px;
    padding-bottom: 5px;
    margin-bottom: 26px;
    margin-top: 0px;
    font-family: 'latobold';
    /*letter-spacing: -1px;*/
}


h3{ font-size: 17px;
    margin-bottom: 20px;
    color: #15203d;
    text-transform: capitalize;
    font-family: 'latobold';
    }

.ser-h3{ font-size: 22px;
    margin-bottom: 20px;
    color:#15203d;
    font-family: 'ubuntubold';font-weight: normal;
    text-transform: capitalize;}

h4{font-size: 15px;
    color: black;
    margin-bottom: 15px;
    font-family: 'latobold';}

.r-row{margin-left: 0px; margin-right: 0px}


.sub-para{font-family: 'latobold'; color: grey; margin-bottom: 5px}


.homepage .about-main h1, .homepage .our-counselling h2, .homepage .areas-main h2, .homepage .events-main h2, 
.homepage .home-video h2, .homepage .team-main  h2, .homepage .testi-main h2, .homepage .count-head-main h2,

h1.reg-h1, h2.reg-h2

{text-transform: uppercase;}


/********* divider *********/
.b-line {
    position: relative;
    margin-bottom: 20px;
    margin-top: 10px;
}

/*.b-line:before {
content: '';
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #fdfdfd;
    border: 2px solid #f96020;
    display: inline-flex;
    position: absolute;
    left: 10px;
    bottom: -4px;
}*/

.b-line:after {
content: '';
    width: 35px;
    height: 2px;
    background-color: #f96020;
    display: block;
}


.b-line.white:before {
    background: #f96020;
    border: 2px solid #f96020;}

.b-line.white:after {
    background-color: #ffffff;}

.text-center .b-line{margin: 0 auto; display: table; margin-bottom: 30px; margin-top: 10px;}



.partition{
    /*background-image: url(../img/images/new-line1.png); */
    background-size: auto; background-position: center; margin-top: 45px; margin-bottom: 45px
    
}




.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}


.flex-left {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.align-items-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}


.align-items-end{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}



.bg{background-size: cover; background-position: center; background-repeat: no-repeat;}







/*owl dots*/
.owl-dots{text-align: center;}
.owl-nav{display: none;}
.owl-dot{    width: 11px;
    height: 8px;
    border-radius: 40px;
    margin-left: 3px;
    margin-right: 3px;
    background-color: #f96020 !important;}
.owl-dot.active{background-color: #756b6b !important;
    width: 26px;}






/**********************************************************************************************/
/********************* button style ************************/
/**********************************************************************************************/
.viewall, .submit, .learn, .btn-no-grad, .btn-no-grad-outline
{     transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;}


.viewall {
    display: inline-block;
    color: #f96020;
    border: 1px solid;
    padding: 3px 8px 4px;
    font-size: 13px;
    border-radius: 3px;
    position: relative;
    z-index: 8;
    line-height: 22px;
}

table .viewall{line-height: 17px;width: 90px;}

.viewall:hover{background-color:  #756b6b; border:1px solid #756b6b; color: white;}

.viewall i{padding-left: 2px}

.submit{ padding: 11px 25px;
    text-align: center;
    color: white;
    background-color:#f96020;
    border-radius: 4px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .05em;
}

.submit:hover{box-shadow: 0px 17px 20px -16px rgb(0 0 0 / 57%); transform: translateY(-8px); 
    background-color: #756b6b}



.learn {
padding: 11px 47px;
    text-align: center;
    color: white;
    background-color: #f96020;
    border-radius: 4px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .05em;
    clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
    -webkit-clip-path:polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);;

}




         .btn-grad {background-image: linear-gradient(to right, #FF512F 0%, #DD2476  51%, #FF512F  100%)}
         .btn-grad {
            margin: 10px 0px;
            padding: 11px 47px;
            text-align: center;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;            
            box-shadow: 0 0 20px #eee;
            display: inline-block;
            clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
            -webkit-clip-path:polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
            font-size: 11px;
            font-family: 'latobold';
            letter-spacing: 1px;
          }

          .btn-grad:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }

          .btn-grad span{position: relative;top:1px;}
         
         .btn-grad img{width: 19px; display: inline-block; filter: brightness(0)invert(1);
    -webkit-filter: brightness(0)invert(1);
    -moz-filter: brightness(0)invert(1);position: relative;
    top: -1px;
    margin-left: 5px;}


    .btn-no-grad {
            cursor:pointer;
            margin: 10px 0px;
            padding: 13px 47px;
            text-align: center;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;  
            display: inline-block;
            font-size: 11px;
            font-family: 'latobold';
            letter-spacing: 1px;
            background-image: linear-gradient(to right, #FF512F 0%, #DD2476  51%, #FF512F  100%)
          }

    .btn-no-grad:hover {
            background-position: right center; color: white}

    .btn-no-grad-outline{margin: 10px 0px;
            padding: 11px 47px;
            text-align: center;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            display: inline-block;
            font-size: 11px;
            font-family: 'latobold';
            letter-spacing: 1px;

            
            
        }

        .btn-no-grad-outline.orange{border:2px solid #ea571e; color: #ea571e }
        .btn-no-grad-outline.white{border:2px solid white; color: white }


         .btn-no-grad-outline.orange:hover{ border:2px solid #000;
            color: #000;}

            .btn-no-grad-outline.white:hover{ border:2px solid white; background-color: white;
            color: #000 !important;}


    .btn-grad.outline{background-image: none;padding: 9px 47px; border:2px solid silver; color: #333; position: relative;}
    .btn-grad.outline img{filter: unset; width: 18px}
    .btn-grad.outline:before{position: absolute;transition: 0.5s;
    content: '';
    width: 2px;
    height: 136%;
    background-color: silver;
    transform: rotate(40deg);
    -webkit-transform:rotate(40deg);
    -moz-transform:rotate(40deg);
    left: 14px;
    top: -6px;}

    .btn-grad.outline:after{position: absolute;transition: 0.5s;
    content: '';
    width: 2px;
    height: 136%;
    background-color: silver;
    transform: rotate(40deg);
    -webkit-transform:rotate(40deg);
    -moz-transform:rotate(40deg);
    right: 15px;
    top: -6px;}

    .btn-grad.outline:hover{border:2px solid #ea571e; color: #ea571e }

    .btn-grad.outline:hover:before,
    .btn-grad.outline:hover:after
    {background-color: #ea571e}

    .btn-grad.outline img
    {filter: brightness(0)invert(0);
    -webkit-filter: brightness(0)invert(0);
    -moz-filter: brightness(0)invert(0);}

    .btn-grad.outline:hover img
    {filter: unset;
    -webkit-filter: unset;
    -moz-filter: unset;}

.learn.org{color: rgb(54 51 51)}

.learn-small{padding: 10px 13px;}

.learn.small-i i {
    font-size: 11px;
    width: 20px;
    height: 20px;
    line-height: 21px;
    text-align: center;
}

.learn i{margin-left: 2px;
    position: relative;
    top: 2px;
    width: 32px;
    height: 32px;
    line-height: 33px;
    color: #f96020;
    background-color: transparent;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;}


.learn:hover{ color: green}

.learn:hover i,
.learn.small-i:hover i
{-webkit-transform: translateX(6px);
    -moz-transform: translateX(6px);
    -ms-transform: translateX(6px);
    -o-transform: translateX(6px);
    transform: translateX(6px);}




.read{color: #ea571e; font-family: 'latobold'; display: inline-block;
padding: 2px 6px;
    font-size: 11px;
    background-color: #fc956e;
    color: white;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 1px;}


.read:hover{color: white; background-color: #ea571e}


/*.event-read{
    color: #ea571e;
    font-family: 'latobold';
    display: inline-block;
    padding: 2px 6px;
    font-size: 11px;
    background-image: linear-gradient(to right, #FF512F 0%, #DD2476 51%, #FF512F 100%);
    background-color: #fc956e;
    color: white;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 1px;
}*/


.read-small{color: #ea571e}
.read-small i{padding-left: 1px}
.read-small:hover{color: #ea571e}
.read-small:hover i{transform: translateX(5px);}



.watch{
    color: black;
    font-family: 'latobold';
    font-size: 13px;
    display: inline-block;
}

.watch i{padding-left: 2px;
    padding-top: 2px;
    border: 1px solid black;
    width: 15px;
    height: 15px;
    line-height: 9px;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    border-radius: 100%;
    top: -1px;
    position: relative;
    margin-left: 2px;}

.watch.text-white i{border:1px solid white;}
.watch:hover{color: grey}
.watch:hover i{color: grey; border: 1px solid grey;}

.testimonial .watch{color: #ea571e; cursor: pointer}
.testimonial .watch i{border:1px solid #ff7642;}
/*.testimonial .watch:hover{color: grey}*/
.testimonial .watch:hover i{color: white !important; background-color: #ea571e; border:1px solid #ea571e;}


.testimonial .swiper-pagination-bullet-active
{background-color: white !important}


.btn-grad.outline.in-btn:before {
    transform: rotate(
37deg
);
    -webkit-transform: rotate(
37deg
);
    -moz-transform: rotate(40deg);
    left: 13px;
    top: -6px;}



.btn-grad.outline.in-btn:after {
    transform: rotate(
37deg
);
    -webkit-transform: rotate(
37deg
);
    -moz-transform: rotate(37deg);
    right: 14px;
    top: -6px;}



/*read more read less*/
#more,#more1,#more2,#more3 {display: none;}


/************************* Download button ******************************/
.dwn-btn{ padding: 5px 25px;
    text-align: center;
    color: white;
    background-color:#f96020;
    border-radius: 4px;
    float: left;
    margin-right: 0px;
    margin-bottom: 5px;
    text-transform: uppercase;
/*    font-size: 13px;
    font-family: 'robotomedium';
    letter-spacing: 1px;*/

    font-size: 12px;
    letter-spacing: .05em;
}

.dwn-btn i{margin-left:3px; position: relative; top: 3px;}

.dwn-btn span{ top: -2px;}

.dwn-btn:hover, .dwn-btn:visited{color:white; }
.dwn-btn:hover{background-color: rgba(27, 26, 26, 0.67);}
.dwn-btn.last{margin-bottom:30px;}










/**********************************************************************************************/
/*tab design*/
/**********************************************************************************************/

/*  bhoechie tab */
div.bhoechie-tab-container, div.bhoechie-tab-container2, div.bhoechie-tab-container3{
  padding: 0px !important;
  z-index: 10;
  border-radius: 4px;
  -moz-border-radius: 4px;
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.bhoechie-tab-menu, div.bhoechie-tab-menu2, div.bhoechie-tab-menu3{
 padding-bottom: 0;}

div.bhoechie-tab-menu div.list-group, div.bhoechie-tab-menu2 div.list-group2
{margin-bottom: 0;display: inline-block;float: right;}
div.bhoechie-tab-menu div.list-group>a, div.bhoechie-tab-menu2 div.list-group2>a
{margin-bottom: 0;text-transform: uppercase;
letter-spacing: 1px;}
div.bhoechie-tab-menu3 div.list-group3>a
{margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa, 
div.bhoechie-tab-menu2 div.list-group2>a .glyphicon,
div.bhoechie-tab-menu2 div.list-group2>a .fa,
div.bhoechie-tab-menu3 div.list-group3>a .glyphicon,
div.bhoechie-tab-menu3 div.list-group3>a .fa
{color: #000;}
div.bhoechie-tab-menu div.list-group>a:first-child,
 div.bhoechie-tab-menu2 div.list-group2>a:first-child,
  div.bhoechie-tab-menu3 div.list-group3>a:first-child
{border-top-right-radius: 0;-moz-border-top-right-radius: 0;}
div.bhoechie-tab-menu div.list-group>a:last-child, 
div.bhoechie-tab-menu2 div.list-group2>a:last-child,
div.bhoechie-tab-menu3 div.list-group3>a:last-child
{border-bottom-right-radius: 0;-moz-border-bottom-right-radius: 0;
 }
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa, 
div.bhoechie-tab-menu2 div.list-group2>a.active,
div.bhoechie-tab-menu2 div.list-group2>a.active .glyphicon,
div.bhoechie-tab-menu2 div.list-group2>a.active .fa
{color: black !important;font-weight: bold;border-right:2px solid black;
}
div.bhoechie-tab-menu div.list-group>a.active:after,
 div.bhoechie-tab-menu2 div.list-group2>a.active:after,
  div.bhoechie-tab-menu3 div.list-group3>a.active:after{
  content: '';
  position: absolute;
  left: 99%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 13px solid #fdf5e6;

}


div.bhoechie-tab-menu div.list-group>a.active,
 div.bhoechie-tab-menu2 div.list-group2>a.active,
  div.bhoechie-tab-menu3 div.list-group3>a.active
{position: relative;
}




div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}



/*different*/
div.bhoechie-tab-content{
  background-color: #ffffff;
  margin-top: 30px;
  padding-bottom: 30px;}

div.bhoechie-tab-content h3, div.bhoechie-tab-content2 h3{color: #000 !important;font-weight: 400;margin-top: 10px !important;margin-bottom: 20px;font-size: 19px !important;}
div.bhoechie-tab-content h3 span, div.bhoechie-tab-content2 h3 span{border-bottom: 1px solid #c4d9cc;padding-bottom: 5px;}
div.bhoechie-tab div.bhoechie-tab-content:not(.active){display: none;}
.list-group-item.active, .list-group-item.active:focus{   /* border-color: #c3d8cb !important;*/}
.list-group-item, .list-group-item2{color:#282828;}
.listpara > li, .listpara > li {padding-left: 10px;margin-bottom: 5px;color: #666;}
.bhoechie-tab-content .listpara li,
.bhoechie-tab-content2 .listpara li,
.bhoechie-tab-content3 .listpara li
{border:none;padding: 10px;font-weight: 100;background-color:#fff !important;line-height: 24px;letter-spacing: 0.2px;color: #000;  padding-top: 0 !important}
.list-group-item i, .list-group-item2 i{width: 24px !important;}
.list-group-item, .list-group-item2{text-align: left;padding: 0px 20px;border-radius:0 !important;
 border-right:1px solid #282828;font-size: 16px;
 }
 .list-group-item3
  {border-radius:0 !important;
  color:#3B3C42; /*font-size:18px;*/ display: block; width: 100%; float: left; text-align: center;}




/*second*/
div.bhoechie-tab2 div.bhoechie-tab-content2:not(.active){display: none;}
.list-group-item2.active, .list-group-item2.active:focus{   /* border-color: #c3d8cb !important;*/}

/*third*/
div.bhoechie-tab3 div.bhoechie-tab-content3:not(.active){display: none;}
.list-group-item3.active, .list-group-item3.active:focus{   /* border-color: #c3d8cb !important;*/}


div.bhoechie-tab-container3{min-height: 600px}

/*different*/
div.bhoechie-tab-content2{
  margin-top: 10px;
  padding-bottom: 10px;}
/**/




.list-group-item3{text-align: left;
    margin-bottom: 4px !important;
    border: 1px solid #e9e1db;
    border-radius: 6px !important;
    background-color: white;
    padding: 11px 15px;
    display: table;
    width: 100%;
    /* margin: 0 -8px; */
    border-radius: 0px;
    color: #3c3c3c;
    position: relative;
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;
    cursor: pointer
}

.list-group-item3:hover{border:1px solid #f96020; color: #3c3c3c}

.list-group-item3.active{border:1px solid oldlace; background-color: oldlace; color: #cd4005; border-left: 3px solid #f96020;
    border-radius: 5px 4px 4px 5px;padding-left: 25px !important;}





/**********************************************************************************************/
/*slide list*/
/**********************************************************************************************/
.slide-list li a .learn{    transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;}
.slide-list{position: absolute; left:86px; bottom: 20px; z-index: 23}
.slide-list li{display: block; float: left; margin-left: 3px; margin-right: 3px}
.slide-list li a{text-align: left; position: relative;
    padding:24px 18px 24px;
    display: block;
    width: 191px;
    border-radius: 4px;
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    letter-spacing: .2px;
    /* font-family: 'rubikmedium'; */
    background: rgb(31 34 36 / 50%);
    transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    cursor: pointer;
}



.slide-list li.first a{background-color: #2e3c28}



.slide-icon{width: 50px;
/*    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);*/

    filter: brightness(1.7);
    -webkit-filter: brightness(1.7);
    -moz-filter:  brightness(1.7);
}


.slide-list li a:hover{/*background: linear-gradient(178.65deg, #072a9a 13%, #245ef9 100%); */background:#f96020;
color: rgba(255, 255, 255, 1); }

.slide-list li a:hover figure{animation-name: headShake; animation-duration: .8s}

.online-btn{border-radius: 6px; padding: 3px 15px 2px; font-size: 18px; letter-spacing: 1px; margin-bottom: 25px;
    border: 2px solid white;
    background-color: transparent;
    color: white;
    line-height: 37px; display: inline-block;}

.online-btn:hover{background-color: #0089cf; color: white}

.slide-list li:first-child{margin-left: 0px}
.slide-list .sub-box{display: block;}
.slide-list p{ color: white; font-size: 16px; margin-top: 8px; margin-bottom: 0px}

.slide-list .learn{ margin-top: 6px;
    color: white;opacity: 0;
    text-align: left;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 2px;}

.slide-list .box{margin: 0 auto}
.slide-list .sub-box1{padding-right: 0px}

.slide-list .learn.small-i i {
    font-size: 13px;top: 2px;color: #1bce25; background-color: transparent;}

.cap-para{font-size: 13px !important}

.cap-para{max-height: 60px;
    line-height: 20px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 0px;}

.slide-list li a:hover .learn{display: block; opacity: 1}

.slide-list .learn{position: absolute;left: 25px; bottom: 16px}
/*.slide-list li a:hover .box{margin-top: -30px}*/
.slide-list li a:hover{transform: scale(1.1, 1.1);padding: 14px 18px 34px}
.slide-list li a:hover .box, .slide-list li a:hover .learn
{transform: scale(.9,.9) !important;}



.st p{margin-bottom: 0px}


/**********************************************************************************************/
/*swiper slider general*/
/**********************************************************************************************/

    .swiper-container {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      background: #fff;

      /* Center slide text vertically */
      /*display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;*/
    }


/*.team-dtl-cont{height: 100%}
.team-dtl{height: 100%}*/



/**********************************************************************************************/
/*About*/
/**********************************************************************************************/
.abt-fig2{margin-top: -70px}
.right-fig, .left-fig{position: relative;}
.right-fig .sub-title{position: absolute;left:0px; bottom: 0px;padding: 20px; background-color: white;
 }
 .abt-title{font-family: 'latoblack';
    font-size: 15px;
    margin-bottom: 0px;
    margin-top: 5px;}

.black{font-family: 'latoblack';}
.bold{font-family: 'latobold';}



/*block icon*/
.block-icon{display: block; float: left; margin-top: 10px; margin-bottom: 15px}
.block-icon li:not(:last-child) {padding-right: 38px !important;}
.block-icon.align-left li {
    margin-bottom: 11px; float: left; text-align: center; padding: 0px 15px
}
span.icon-span{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
    margin: 0 0 10px;
    width: auto;
    height: auto;
    text-align: center;
    position: relative;
}
.icon-span:after {
    position: absolute;
    right: -50px;
    width: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 1px;
    border-bottom: 2px dotted rgba(0,0,0,.1);
    content: "";}

.block-icon li:last-child .icon-span:after{content: none;}

.icon-text{font-size: 15px; font-family: 'latobold'}

.icon-image img{margin: 0 auto;  width: 50px}






/**********************************************************************************************/
/*Areas desk & mob*/
/**********************************************************************************************/
.area-main .list-div:nth-child(even){margin-right: 0px}
.area-clip, .no-area-clip, .msgbox{    transition: all .6s ease-in;
    -webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;}

.no-area-clip{position: relative; display: block;}

.no-area-clip img{width: 100%}

 .msgbox {
    position: absolute; width: 100%; height: 100%; top:0px; left: 0px; 
    color: white;
    background: -webkit-linear-gradient(rgb(29 28 28), rgba(8,25,43,0)) top;
    background: linear-gradient(rgb(29 28 28), rgba(8,25,43,0)) top;

    /*background: -webkit-linear-gradient(rgba(8,25,43,0), rgb(29 28 28)) top;
    background: linear-gradient(rgba(8,25,43,0), rgb(29 28 28)) top;*/

        height: 134px;
    padding: 20px 20px;
    font-family: 'latolight';
    text-align: left;
    font-size: 20px;

}

 .msgbox p {margin-bottom: 0px; width: 96%; line-height: 24px;}


.no-area-clip:hover .msgbox{background: -webkit-linear-gradient(rgb(155 45 3), rgba(8,25,43,0)) top;
    background: linear-gradient(rgb(155 45 3), rgba(8,25,43,0)) top;}







.area-clip
{position: relative; display: block; 
clip-path: polygon(0 0, 100% 0, 83% 81%, 0 100%);
-webkit-clip-path: polygon(0 0, 100% 0, 83% 81%, 0 100%);
-moz-clip-path:polygon(0 0, 100% 0, 83% 81%, 0 100%);
}

.area-clip:hover{
clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 85%);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 85%);
-moz-clip-path:polygon(0 0, 100% 0, 100% 100%, 15% 85%);
}

.area-name-vrt{    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    color: white;
    font-size: 16px;
    font-family: 'latoblack';
    width: 100%;
    text-align: center;
    text-shadow: 0px 0px 6px rgb(0 0 0 / 45%);
    letter-spacing: 1px;
    text-transform: uppercase;
    z-index: 20;}


.area-clip img{width: 100%}


.mob-area .swiper-wrapper{padding-bottom: 25px}
.mob-area .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0px}

.mob-area .swiper-pagination-bullet, .dd-area .swiper-pagination-bullet {
    background: #fff;
}

.mob-area .swiper-slide{padding: 0px 10px}



/**********************************************************************************************/
/*events*/
/**********************************************************************************************/
/*.events-main{background-color: #f8f7f6}*/
.events-div{margin-bottom: 50px}

.outer {
    position: relative;
    -webkit-box-shadow: 0 0 20px 0 #ccc;
    box-shadow: 0 18px 20px 0 #ccc;
    text-align: center;
}

[class*=' imghvr-hinge-'], [class^=imghvr-hinge-] {
    -webkit-perspective: 50em;
    -moz-perspective: 50em;
    perspective: 50em;
    width: 100%;
}

.imghvr-hinge-up img {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
}

.events-div img{width: 100%; display: block;}

[class*=' imghvr-'] figcaption, [class^=imghvr-] figcaption {
    background-color: #ea571e;
    padding: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
}


[class*=' imghvr-hinge-'] figcaption, [class^=imghvr-hinge-] figcaption {
    opacity: 0;
    z-index: 1;
}

.imghvr-hinge-up figcaption {
    -webkit-transform: rotateX(
90deg
);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(
90deg
);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}


.imghvr-hinge-up:hover figcaption {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
}


.imghvr-hinge-up:hover>img {
    -webkit-transform: rotateX(
-90deg
);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(
-90deg
);
}

[class*=' imghvr-'], [class*=' imghvr-'] *, [class*=' imghvr-']:after, [class*=' imghvr-']:before, [class*=' imghvr-']:after, [class*=' imghvr-']:before, [class^=imghvr-], [class^=imghvr-] *, [class^=imghvr-]:after, [class^=imghvr-]:before, [class^=imghvr-]:after, [class^=imghvr-]:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

[class*=' imghvr-hinge-']:hover figcaption, [class^=imghvr-hinge-]:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: .21s;
    -moz-transition-delay: .21s;
    -o-transition-delay: .21s;
    transition-delay: .21s;
}
.event-details {
    padding: 10px; padding-bottom: 12px; text-align: center;background-color: white;
}


.event-head{font-family: 'latobold'; 
    font-size: 15px;
    margin-bottom: 5px;
    margin-top: 5px;}

.events-div .event-head{text-align: left;}

.ev-date{margin-bottom: 0px; font-size: 12px; margin-top: 1px;}

.outer h4{margin-top: 30px; color: white; text-transform: uppercase; font-family: 'latoblack'}

figcaption{text-align: center;}

figcaption .ev-date{color: rgb(255 255 255 / 82%) !important; margin-top: 20px}

figcaption .b-line:after{background-color: rgb(255 255 255 / 82%); margin: 0 auto;}

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

figcaption .group-btn{margin-top: 3px}
figcaption .group-btn li {
    margin-right: 5px;
}
figcaption .btn-no-grad {padding: 7px 14px; width: 83px}
figcaption .btn-no-grad-outline {
    margin: 10px 0px;
    padding: 5px 14px; width: 83px}

/*figcaption a {
    font-size: 17px;
    color: #fff;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #f3884d;
    margin: 10px 8px;
    border-radius: 50%;
}*/

figcaption a:hover{color: #333}

figcaption a img{padding: 11px;
    filter: brightness(0)invert(1);
    -webkit-filter: brightness(0)invert(1);
    -moz-filter: brightness(0)invert(1);}

figcaption a:hover img{filter: brightness(0)invert(0);
    -webkit-filter: brightness(0)invert(0);
    -moz-filter: brightness(0)invert(0);}


.events-div .news-date {
    background-color: #ea571e;
    color: white;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 53px;
    height: 92px;
    padding-left: 11px;
    margin-left: 5px;
    border-radius: 8px 8px 0px 0px;
}

.events-div .entry-day {
    padding-top: 18px;
    width: 53px;
    background: #782f13;
    border-radius: 8px 8px 0px 0px;
    margin-left: -11px;
    padding-left: 3px;
    padding-bottom: 13px;
    font-family: 'latolight';
    font-size: 32px;
    line-height: 15px;
    padding-top: 15px;
    margin-bottom: 5px;
}

.events-div .entry-month {
    width: 31px;
    float: left;
    font-family: 'latoblack';
    text-transform: uppercase;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto;
}


.events-div .entry-year {
    width: 31px;
    font-size: 13px;
    line-height: 12px;
}

.entry-day, .entry-month, .entry-year {
    display: block;
}


.events-div .news-date i {display: none;}

.event-details .read{ float: right;}

.event-details .read:hover{background-color: #ea571e}


.events-div.scnd{transform: translateY(-25px);}


/*mob events*/
.mob-events .swiper-slide{padding: 5px 10px}



/**********************************************************************************************/
/*events simple hover effects*/
/**********************************************************************************************/
.content{position: relative}
.content-overlay {
    background: rgba(0,0,0,0.7);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.content figcaption {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    color: rgb(255 255 255 / 82%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.content:hover figcaption {
    top: 50%;
    left: 50%;
    opacity: 1;
}

.content:hover .content-overlay {
    opacity: 1;
}





/**********************************************************************************************/
/*events tab design*/
/**********************************************************************************************/
.icon-tab li a{    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
}
.icon-tab{display: table;text-align:center;height: 80px; margin: 0 auto; border-bottom: none;}
.icon-tab li {display:inline-block;padding: 0px 4px; margin-bottom: 8px}
.icon-tab li a {width: 155px;
    display: block;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
   /* font-family: 'latoblack';
    font-size: 12px;*/
    font-size: 11px;
    font-family: 'latobold';
    letter-spacing: 1px;
    padding: 10px 8px;
    /* border: 1px solid #d6c8c8; */
    border-radius: 4px;
    background-color: #767676;
    /*background-color: #ea571e !important*/
}

.icon-tab li a.active {background-image: linear-gradient(to right, #FF512F 0%, #DD2476 51%, #FF512F 100%);
    background-size: 200% auto;}
.icon-tab li a.active:hover{background-color: #ea571e !important; background-position: left center;}
.icon-tab li a:hover
{ background-color: #4f4f4f;}

.icon-tab li a img
    { display: none;
    text-align: center;
    margin: 0 auto;
    width: 40px;}

.icon-tab li a span{    display: block;
    margin-top: 3px;
    margin-bottom: 3px;}






/**********************************************************************************************/
/*courses tab design (in lesroches)*/
/**********************************************************************************************/
.course-tab li a{    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}

.course-tab {
    border-bottom: none;
}

.course-tab li {
    float: left;
    padding: 0px 1px;
    width: calc(100% / 4 - 0px);
    margin-bottom: 2px
}

.course-tab li:first-child{padding-left: 15px}

.course-tab li:last-child{padding-right: 15px}

.course-tab li a {
    width: 100%;
    height: 100%;
  /*  display: block;*/
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 12px;
    padding: 15px 10px;
    border-radius: 0px;

        display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;


     -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.course-tab li a h3{color: white}

.un-gra,
.un-gra-pane .grey-box
{background-color: #FC724a}

.gra,
.gra-pane .grey-box
{background-color:#FCC14A}

.sho,
.sho-pane .grey-box
{background-color: #3AC8A2}

.phd,
.phd-pane .grey-box 
{background-color: #335BC7;}

.sum,
.sum-pane .grey-box 
{background-color: #00CDEE;}

.pro,
.pro-pane .grey-box 
{background-color: #5C38A3;}


.course-tab li a.un-gra:hover,
.course-tab li a.un-gra:focus
{background-color:#FC724a }
.course-tab li a.gra:hover,
.course-tab li a.gra:focus
{background-color:#FCC14A }
.course-tab li a.sho:hover,
.course-tab li a.sho:focus
{background-color:#3AC8A2 }
.course-tab li a.phd:hover,
.course-tab li a.phd:focus
{background-color:#335BC7 }
.course-tab li a.pro:hover,
.course-tab li a.pro:focus
{background-color:#5C38A3 }
.course-tab li a.sum:hover,
.course-tab li a.sum:focus
{background-color:#00CDEE }

.un-gra-pane h4,
.gra-pane h4,
.sho-pane h4,
.phd-pane h4,
.sum-pane h4,
.pro-pane h4
{color: white}







/**********************************************************************************************/
/*blog inner*/
/**********************************************************************************************/
.recent-div .blog-para{
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}

.shadow-div
{
    border: 1px solid #efefef;
    border-radius: 6px;
    padding: 20px;
    box-shadow: 0 0.2rem 1rem -0.07rem rgb(251 210 194 / 38%);
}

.in-blog .news-date-gen 
{  left: 5px; bottom: 0px; }

.blog-fig img{border-radius: 0px 0px 0px 0px}


.wi {
    float: left;
    width: 100px;
    margin-top: 3px;
}

.wb{padding-left: 15px}

.recent-div .blog-para {color: #333}

.recent-div .blog-para:hover{color: #f96020}

.recent-col{padding-right: 0px}
/*.blog-in-col{padding-left: 30px}*/




.ev-date-blog{margin-bottom: 0px;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'latobold';
    color: #848484;
    letter-spacing: 1px;}

.event-head-blog{font-family: 'latobold';
    font-size: 19px;
    margin-top: 5px;}

.blog-in-col .blog-fig img{border-radius: 6px !important;}
.blog-date-ev{font-family: 'latobold';
    text-transform: uppercase;
    font-size: 14px;
    color: dimgrey;
    color: #989898;
    letter-spacing: 2px;
    margin-bottom: 16px;}

.blog-gra{    font-size: 17px;
    margin-bottom: 6px;}

.blog-gra i{color: #f96020 }





/**********************************************************************************************/
/*blog design 3*/
/**********************************************************************************************/
.design-3 .blog-3-div, .blog-swiper .blog-para{transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}
.design-3 .event-head-blog {
    font-family: 'latobold';
    font-size: 17px;
    line-height: 23px; margin-top: 10px; color: #333;}

.design-3 .ev-date-blog {
    color: #ea571e;}

.design-3 .blog-dtl {padding: 8px 20px;}
.design-3 .blog-ev-date{font-size: 12px; text-transform: uppercase; font-family: 'latobold'; color: #ea571e; width: 50%}
.design-3 .ev-date-blog{width: 50%}
.design-3 .ev-date-blog, .design-3 .blog-ev-date{float: left;}
.design-3 .blog-ev-date{margin-bottom: 0px}
.design-3 .cont-cont{ margin-bottom: 15px; margin-top: 5px;}
.design-3 .blog-ev-date{text-align: right;}
.design-3 .news-date-gen{display: none;}
.design-3 .blog-fig img{width: 100%; border-radius: 0px !important}
.design-3 .blog-3-div{background: white; display: block;}
.design-3 .blog-3-div:hover{box-shadow: 1px 4px 20px -5px rgb(0 0 0 / 28%)}

.in-blog.design-3 .blog-3-div:hover{box-shadow:none !important}
/*.in-blog.design-3 .share-div a{    border: 1px solid silver;
    padding: 4px 5px;}*/
.in-blog.design-3 .share-div a{color: #959090}
.in-blog.design-3 .share-div {/*border-top: 1px dashed #c0c0c047;border-bottom: 1px dashed #c0c0c047;*/
    padding-top: 10px;
    padding-bottom: 10px;}

.in-blog.design-3 .share-div a:hover{color: #ea571e; /*border: 1px solid #ea571e;*/}
.in-blog.design-3 .share-div a:hover {color: #ea571e;}
/*.in-blog.design-3 .blog-para {
    max-height: 45px;}*/
p.in-slide-head{line-height: 29px}
.share-div a{font-size: 22px; margin-left: 6px; margin-right: 6px;}
.share-div{display: table;position: relative; margin: 0 auto}
.share-div:after{    content: '';
    position: absolute;
    height: 2px;
    width: 38px;
    background: #ea571e;
    left: -46px;
    top: 20px;}
.share-div:before{content: '';
    position: absolute;
    height: 2px;
    width: 38px;
    background: #ea571e;
    right: -45px;
    top: 19px;}


.design-3 h1.event-head-blog {
    font-size: 23px;line-height: 32px !important;}

h2.blog-h2{font-size: 19px; margin-bottom: 15px; margin-top: 28px}
.design-3 .recent-div .blog-para {
    font-family: 'latobold';
}

.submit{display: inline-block;}
.submit:hover{color: white}
.blog-buttons .submit{margin-bottom: 10px;margin-left: 1px;
    margin-right: 1px;}
.blog-buttons{ margin-bottom: 45px !important;}

.design-3 .blog-swiper{padding-left: 0px; padding-right: 0px; padding-bottom: 20px; height: 100%;}
.blog-swiper .blog-para{font-family: 'latobold'; text-align: left; margin-top: 15px}
.our-blog{margin-top: 25px; margin-left: -10px; margin-right: -10px; }
.our-blog .swiper-container{padding-top: 35px}
.blog-logo{text-align: left; margin-top: 15px}
.blog-logo img{width: 160px; margin-left: 0px}


.arrow-top .swiper-button-prev {
    left: auto;
    right: 42px;
}
.arrow-top .swiper-button-next, .arrow-top .swiper-button-prev {
    top: 24px;
}

.like-h3{border-bottom: 2px solid black;
    padding-bottom: 10px;
   }

.blog-swiper .blog-para:hover {
    color: #f96020;}

.blog-buttons .submit:hover {
     transform: translateY(0px); 
     background-color: #f96020; box-shadow: 1px 8px 20px -5px rgb(0 0 0 / 45%)
}
.desc-bl{padding: 8px 20px}


@media (max-width: 767px){
 .blog-buttons .submit{ padding: 11px 8px !important;}
}
 
@media (max-width: 575px){
 .blog-buttons .submit{width: calc(100% / 2 - 6px); margin-left: 3px; margin-right: 3px; float: left;}
}

@media (max-width: 320px){
 .blog-buttons .submit{font-size: 10px}
}





/*home blog*/
.home-blog-main .blog-swiper, .blog-swiper {
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}

.home-blog-main .our-blog .swiper-slide, .our-blog .swiper-slide {
    padding: 10px 10px 35px 10px;
}

.our-blog .swiper-slide{height: auto !important}
.home-blog-main .blog-swiper:hover, .blog-swiper:hover {
    box-shadow: 1px 4px 20px -5px rgb(0 0 0 / 28%);
}

.home-blog-main .blog-swiper, .blog-swiper {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 30px;
    color: #3c3c3c;
    display: block;
}

.home-blog-main .our-blog .swiper-slide{height: auto !important}

.home-blog-main .our-blog .swiper-slide .blog-swiper{height: 100% !important}

.home-blog-main .cont-cont{color: #ea571e;}
.home-blog-main .blog-ev-date {float: left; width: 50%;; text-align: right; font-size: 12px; text-transform: uppercase;margin-bottom:5px;}
.home-blog-main .ev-date-blog {width: 50%; color: #ea571e; text-align: left;}
.home-blog-main .ev-date-blog, .home-blog-main .blog-ev-date {
    float: left;
}
.home-blog-main .cont-cont {
    margin-top: 5px;
}

.home-blog-main .event-head-blog {
    font-family: 'latobold' !important;
    font-size: 17px !important;
    line-height: 23px !important;
    margin-top: 10px !important;
    text-align: left;
}

.home-blog-main .blog-swiper .blog-para{font-family: 'latoregular' !important}


/*pickup form*/
.pickup-list-div .top-link span.tp-number{margin-right: 1px}





/**********************************************************************************************/
/*testimonial*/
/**********************************************************************************************/

/*.testi-main{background-color: rgb(255 233 199 / 65%)}*/
.testimonial{
    /*background-color: white;*/
    /*border-radius: 0px 40px 0px 40px;*/
}


.testimonial a{
    color: #3c3c3c;
    display: block;
    border-radius: 6px;
    position: relative;
    text-align: center;
    padding-bottom: 40px
}

.author-dtl {
margin-top: 0px
}

.testimonial-img {
    width: 105px !important;
    height: 105px;
    margin:0 auto;
    box-shadow: 13px -4px 0px -3px rgb(192 66 17);
    border-radius: 100%; 
    /*margin-bottom: -33px;*/
}

.testimonial-img img{border-radius: 100%; border:3px solid white; box-shadow: -11px 9px 0px -3px rgb(128 128 128 / 29%);
width: 300px; }

.author-name {
    font-size: 15px;
    margin-bottom: 3px;
    line-height: 18px;color: #ea571e;font-family: 'latobold';
}

.author-batch {
    margin-bottom: 2px;
}

.author-desti {
    color: #181717; font-size: 13px; margin-bottom: 0px

}

.testimonial .orange-bg{position: absolute;left: 50%; transform:translateX(-50%); width:300px; height: 100%; background-color: #ea571e}

.tes-dtl-cont{background-color: white;
    border-radius: 0px 8px 8px 8px;
    padding: 50px 20px 40px;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 20px; z-index: 0;
    /*box-shadow:0px 1px 15px 0px rgb(0 1 1 / 10%); */
}


.chat{width: 40px;
    position: absolute;
}


.chat-top{ left: 50%; transform: translateX(-50%);top: 40px;}

.chat-btm{     right: 41px;
    top: -18px;
    transform: rotate(180deg);
    filter: invert(0) brightness(1);}



.triangle-bottomleft { 
   width: 0; 
   height: 0; 
   border-bottom: 50px solid white; 
   border-right: 50px solid transparent; 
}


.chat-triangle{position: absolute; left: 0px; top:-50px;}
.test-sub-box1{width: 120px}
.test-sub-box2{width: calc(100% - 120px); padding-left: 15px}
.test-box{padding-left: 40px; width: 100%; text-align: left; margin-bottom: 20px}





.testi-main .swiper-button-next,
.testi-main .swiper-button-prev
{background-color: #ea571e; color: white; width: 20px; height: 20px; border-radius: 100%; text-align: center; top:59%;}

.testi-main .swiper-button-next{right: 0px}
.testi-main .swiper-button-prev{left: 0px}

.testi-main .swiper-button-prev:after, 
.testi-main .swiper-button-next:after
{font-size: 8px}







.swiper-button-next, .swiper-button-prev
{background-color: #ea571e; color: white; width: 26px !important; height: 26px !important; border:2px solid white;
    border-radius: 100%; text-align: center;}

.swiper-button-prev:after, 
.swiper-button-next:after
{font-size: 8px !important; color: white !important}


.in-text-testi .tes-dtl-cont p{line-height: 28px; text-align: justify;}
.in-text-testi a{display: block; margin-bottom: 50px}
.in-text-testi .tes-dtl-cont{margin-left: 0px !important; margin-right: 0px !important}

.in-text-testi .test-box {
    padding-left: 18px !important;}





/**********************************************************************************************/
/*countiing*/
/**********************************************************************************************/

.big-para{font-size: 40px !important; line-height: 45px}
.count-overlay{background-color: rgb(0 41 86 / 50%)}
.apply-form {
    background-color: white !important;
    color: white;
    padding: 12px 25px;
    margin-top: 30px;
    margin-bottom: 30px;
    /* border-radius: 4px !important; */
    font-size: 17px;
    font-style: normal;
    border: 2px solid white;
    color: #002956;
    opacity: 1;
    border-radius: 4px;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.apply-form:hover{background-color: #e4000f !important;  border: 2px solid #e4000f; color: white}

.countlist .counter-value {
    font-size: 36px;
    color: white;
    font-weight: 600;
    display: inline-block;
}

.plus{font-size: 25px; color: white}
.count-text{font-weight: 200; font-size: 23px; font-family: 'latolight';}
.bg-bg{background-position: center; background-repeat: no-repeat;}
.black-footer{padding: 10px 0px; background-color: black;}


.abv-foot-fig{height: 100%;
    position: absolute;
    left: 15px;}


.counter-value {
    font-size: 40px;
    font-weight: 600;
    display: inline-block;
}

.countlist li {
    width: calc(100% / 5 - 0px);
    float: left;
    text-align: center;
}

.countlist li .box{margin: 0 auto}

.count-main{background-position: 0px -112px;
    background-size: cover;}

.count-overlay{padding-top: 60px; padding-bottom: 50px; background-color: rgb(5 2 3 / 64%)}



/**********************************************************************************************/
/*interested*/
/**********************************************************************************************/
.inter{text-transform: uppercase;
    font-size: 45px;
    font-family: 'latobold';
    color: black;
    margin-bottom: 0px;}
.sub-inter {text-transform: uppercase; font-size: 18px; font-family: 'latobold'; color: black; margin-bottom: 0px;
margin-left: 80px}
.gen-btn{    background-color: #ea571e;
    color: white;
    padding: 4px 13px 4px 13px;
    /* border-radius: 3px !important; */
    margin-top: 5px;
    font-size: 15px;}

.group-btn li{margin-right: 10px}
.group-btn li:last-child{margin-right: 0px}
.sub-app{ font-size: 15px;}




/**********************************************************************************************/
/*video*/
/**********************************************************************************************/

.video-fig{position: relative; overflow: unset;}
.video-inn-icon {
    position: absolute;
    display: block;
    z-index: 7;
    cursor: pointer;
    width: 70px;
    height: 70px;
    border-radius: 7px;
    padding: 6px;
    font-size: 12px;
    /*background-color: #209425;*/
    background-image: linear-gradient(to right, #FF512F 0%, #DD2476 51%, #FF512F 100%);
    background-size: 200% auto;
    border-radius: 100%;
    color: white;
    right: -35px;
    top: calc(50% - 70px/2);
    text-align: center;
    margin-bottom: 0px;
}


.video-inn-icon:hover{background-position: right center; /* change the direction of the change here */;
color: white}

.round {
    position: absolute;
    display: block;
    z-index: 6;
    width: 70px;
    height: 70px;
    border-radius: 7px;
    padding: 6px;
    font-size: 12px;
    background-color: rgba(37, 38, 40, 0.48);
    border-radius: 100%;
    color: white;
    right: -70px;
    top: 50%;
    text-align: center;
    margin-bottom: 0px;
    -webkit-animation: pulse-border 2200ms ease-out infinite;
    animation: pulse-border 2200ms ease-out infinite;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}


.video-inn-icon i {
    font-size: 42px;
    margin-top: 9px;
    margin-left: 9px;
}

@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}


.video-cont-col{padding-right: 80px; padding-left: 80px}
.video-text-col{padding-left: 50px;}



.video-h2{margin-top: 40px}

.popup-video .modal-header{background-image: linear-gradient(to right, #FF512F 0%, #DD2476 51%, #FF512F 100%);
    background-size: 200% auto;}
.popup-video .modal-title{color: white; font-size: 16px}
.popup-video .modal-body{padding: 0px}
.popup-video .modal-header .close{color: white}
.popup-video iframe{ border-radius: 0px 0px .3rem .3rem;}


/*home video*/

.home-video .vid-vid{box-shadow: none; border:none;}
.home-video .video-name:before{content:none;}




/**********************************************************************************************/
/*video without light gallery (playing in iframe)*/
/*image over normal video without light gallery or popup*/
/**********************************************************************************************/
.wrapper-col{    border-radius: 8px 8px 0px 0px;
    height: 100%;
    background-color: #f85d1f;}
.wrapper {
    max-width: 100%;
    margin: 0px auto;
}

.youtube {
    background-color: #000;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
    border-radius: 6px 6px 0px 0px;
}
.youtube img {
    width: 100%;
    top: -16.82%;
    left: 0;
    opacity: 0.7;
}
.youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 8px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}
.youtube .play-button:before {
    content: "";
    border-style: solid;
    margin-left: 5px;
    border-width: 15px 0 15px 26px;
    border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
    cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}



.home-video .wrapper:hover .overlayg .play {
/*  transform: scale(1.5);*/
 animation-name: zoomIn; animation-duration: .5s;

 }




/**********************************************************************************************/
/*our team*/
/**********************************************************************************************/
.team-img img.team-photo, a.team-swiper, .team-name{    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;}

/*.team-main{background-color: #f8f7f6}*/
.team-img img.team-photo{width: 100%; filter: grayscale(1);-webkit-filter:filter: grayscale(1);-moz-filter:filter: grayscale(1);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 87%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 87%, 0% 100%);

}
.team-name{font-size: 15px; margin-bottom:0px; color:#f96020;font-family: 'latobold'}
.team-desti{color: #9fa09e; font-size: 13px; margin-bottom: 10px;}
.team-dtl{/*padding: 10px 4px*/ padding:0px 10px 15px;}
a.team-swiper{box-shadow: 0px 6px 20px -4px #ccc; background-color: #fff8ef; display: block;}
.our-team{padding-left: 100px; padding-right: 100px}
.our-team .swiper-slide{padding:45px 6px 45px 6px}
a.team-swiper:hover .team-photo,
.home-team-swiper:hover .team-photo,
.in-team-swiper:hover .team-photo
{filter: unset;}

a.team-swiper:hover,
.home-team-swiper:hover a.team-swiper
{background-color: white; transform: scale(1.07,1.07);}

a.team-swiper:hover .team-name,
.home-team-swiper:hover .team-name
{color: black; transform: scale(.95,.95);}

.team-main .wel-top-bottom{padding-bottom: 35px !important}
.swiper-pagination-bullet-active{background-color: #f96020 !important; background:#f96020 !important }
.team-main .b-line{margin-bottom: -20px}


.home-team-swiper:hover .team-social {right: 5px; opacity: 1}



/*.home-team-swiper .team-swiper{position: relative; padding-bottom: 86px}*/
/*.home-team-swiper .team-swiper .team-dtl-cont{position: absolute;bottom:0px; width: 100% ; background-color: #fff8ef;*/
/*    clip-path: polygon(0 31%, 100% 0, 100% 100%, 0% 100%);*/
/*    padding-top: 55px;}*/


/**********************************************************************************************/
/*our team innerpage*/
/**********************************************************************************************/
.in-team-swiper{ transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}

.in-team a.team-swiper{text-align: center;text-align: center;
    height: 100%;}
.in-team-swiper:hover a.team-swiper{background-color: white; transform: scale(1,1);}
.in-team a.team-swiper:hover .team-name{color: black; transform: scale(1,1);}
.in-team-swiper:hover .team-name{color: black}
.in-team-swiper{position: relative;height: 100%;overflow: hidden; text-align: center;}
.team-social {
    right: -32px;
    position: absolute;
    transition: .5s ease;
    top: 50%;
    transform: translate(0,-50%);
    opacity: 0
}

.team-box .team-pic .team-social ul {
    display: flex;
    flex-direction: column;
}

.team-social ul li {
    margin-bottom: 7px;
}

.team-social ul li a{cursor: pointer;}

.team-social ul li i{height: 2rem;
    width: 2rem;
    line-height: 2rem;
    text-align: center;
    display: block; color: white}

.team-social ul li i.fa-phone{background-color:#00BAFF}

.team-social ul li i.fa-envelope, .team-social ul li i.fa-user{background-color: #EC407A}

.in-team-swiper:hover .team-social {
   right: 5px; opacity: 1}

.in-team-swiper:hover{box-shadow: 0px 0px 30px -15px #c5c5c5; transform: translateY(-10px);}

.in-team-swiper-col{margin-bottom: 20px}

.in-team-swiper-col a.team-swiper{height: 100%}




/**********************************************************************************************/
/*blog*/
/**********************************************************************************************/
.blog{position: relative;}
.blog-dtl{padding: 8px 30px;width: 100%;}
.blog-head{font-family: 'latobold'; font-size:18px;margin-top:20px;}
.recent-ul .blog-para{max-height: 40px !important;}
.recent-ul .blog-para:hover{color: #ea571e !important}
.blog-para{
    max-height: 60px;
    line-height: 21px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 15px;
    color: #303030 !important;
}

.blog-overlay{
background: linear-gradient(270deg, rgba(255,255,255,0.01) 0%, rgb(17 24 36 / 88%) 100%);
background:-ms-linear-gradient(270deg, rgba(255,255,255,0.01) 0%, rgb(17 24 36 / 88%) 100%);
background:-webkit-linear-gradient(270deg, rgba(255,255,255,0.01) 0%, rgb(17 24 36 / 88%) 100%);
background:-o-linear-gradient(270deg, rgba(255,255,255,0.01) 0%, rgb(17 24 36 / 88%) 100%);

position: absolute;width: 100%; height: 80%; bottom: 0px; left: 0px;
}

.blog .read{padding: 8px 10px;
    font-size: 11px;
    background-color: #ea571e;}

.blog-date{
    font-size: 12px;
    font-style: italic; margin-top: 8px;}

.blog-part2{float: left; margin-bottom: 15px; width: 100%}

.blog-cont.first{margin-bottom: 30px}

.blog-cont.black .blog-date,
.blog-cont.black .blog-head,
.blog-cont.black .blog-para
{color: white;}
.blog-cont.white .blog-date,
.blog-cont.white .blog-head,
.blog-cont.white .blog-para
{color: #333;}

.blog-cont.black .blog-dtl
{ bottom: 0px; left: 0px; position: absolute;}

.blog-cont.white .blog-overlay{display: none;}

.blog-cont.white{box-shadow: 0px 6px 20px -4px #ccc; height: 100%}
.blog-cont.white figure {padding-left: 30px}
.blog-cont.white figure img{border-radius: 0px 0px 0px 30px}
.l-detail{padding: 5px 8px}

.d-blog-p-cont p{line-height: 28px; text-align: justify;}
.d-blog-p-cont ul{margin-bottom: 18px}
.d-blog-p-cont ul li{padding-left: 26px; margin-bottom: 10px; line-height: 28px; position: relative;}

.d-blog-p-cont ul li:before{ content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    /* background-color: #f96020; */
    /* border-radius: 40px; */
    background-image: url(../img/icons/new/fast2.svg);
    position: absolute;
    left: 0px;
    top: 6px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}



/**********************************************************************************************/
/*maitri services*/
/**********************************************************************************************/
.book{padding: 15px 18px;
    background: #ea571e;
    color: white !important;
    text-align: center;
    text-transform: uppercase;
    font-family: 'latobold';
    font-size: 19px;
    display: inline-block;}
.red{color: red}
.no-inter-main .inter-main{display: none;}
.m-services{position: relative;}
.m-services:after{content: ''; position: absolute; width: calc(50% + 30px); height: 100%; right:0px; top:0px; background: #F4F4F4; z-index: -1;}
.f-figure{margin: 0 auto;border: 1px solid #fb7744;
    display: table;
    background: #ffffff;
    padding: 12px;
    border-radius: 6px; margin-bottom: 15px}

.f-figure img{position: relative; filter: invert(1);}
.h-work{position: relative;}
.h-work:after{content: '';
    width: 64px;
    height: 20px;
    background-image: url(../img/icons/work/right-arrow.png);
    background-size: cover;
    background-position: center;
    position: absolute;
    right: -13%;
    top: 30px;}

.h-work.last:after{content: none;}
.h-work h4{margin-bottom: 0px; }
.m-service-icon{width: 64px !important}



/**/
.ser-fig img, .booking-btn, .form-next1, .ser-fig-cont{transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}
.ser-price{ text-align: right; margin-bottom: 0px; font-size: 14px;color: #333;
    padding: 7px 15px;
    background: #ffffff; border-radius: 0px 0px 4px 4px; display:none;}
.ser-price .bld{font-size: 16px}
.ser-fig img{border-radius: 4px 4px 4px 4px}
.service-list{display: block; }
.ser-fig-cont{border: 1px solid #efefef;
    box-shadow: 0 0.2rem 1rem -0.07rem rgb(251 210 194 / 38%); border-radius: 4px}
.service-list h4{margin-bottom: 8px; font-family: 'latoregular';}
.ser-fig{position: relative;}
.ser-type{    background: #ea571e;
    color: white;
    text-transform: uppercase;
    padding: 5px 5px;
    position: absolute;
    left: 0px;
    bottom: 0px;border-radius: 0px 0px 0px 4px;}
   .ser-fig:hover .ser-type1{
        display: block;
    }
    .ser-type1{    
        display: none;
        background: transparent;
        color: white;
        text-transform: uppercase;
        padding: 0px 0px;
        position: absolute;
        right: 0px;
        top: 0px;border-radius: 0px 0px 0px 0px;}
.ser-list-col{margin-bottom: 30px}
.reach-para{font-size: 18px}
.ser-fig{overflow: hidden;}
.service-list:hover .ser-fig-cont{box-shadow: 0 0.2rem 1rem -0.07rem rgb(161 161 161 / 55%)}
 .counselling-list.inn li.first {
    background-image: url(../img/images/m-services/student.jpg);
}


/*design 2*/
.services-design-2 .ser-2{box-shadow: 14px 12px 20px -10px #ccc, -13px -12px 20px -10px #fff; border-radius: 5px;
    border: 1px solid #ea571e;}

.services-design-2 .ser-fig img{ border-radius: 5px 5px 0px 0px;}
.services-design-2  .ser-price{ border-radius:  0px 0px 4px 4px; background: white}
.services-design-2 .ser-type {
    padding: 5px 12px;
    font-size: 11px;
    font-family: 'latobold' !important;
    letter-spacing: 1px;
    border-radius: 0px 6px 0px 0px
}

.services-design-2 .service-list h4 {
    margin-bottom: 8px;
    font-family: 'latobold';
    font-size: 13px;
}

.services-design-2 .h-work h4{    font-size: 13px;
    color: #282828;
    font-family: 'latoblack';
    text-transform: uppercase;}



.services-design-2 .f-figure {
    border: none; 
    background: #ea571e;}

.services-design-2 .f-figure{position: relative;}

 .work-no {
   margin-bottom: 0px;
    position: absolute;
    left: -17px;
    /* right: 50%; */
    background-color:#ececec;
    top: -10px;
    color: #9f9f9f;
    font-family: 'latoblack';
    font-size: 18px;
    line-height: 35px !important;
    width: 40px;
    height: 40px;
    line-height: 47px;
    text-align: center;
    border-radius: 100%;
    border: 2px solid white;}


.services-design-2.reach-us{ background: #eb670c; color: white;}
.services-design-2.reach-us h3{color: white; font-size: 26px; margin-top: 10px; margin-bottom: 3px !important}
.services-design-2.m-services:after{display: none;} 

.services-design-2.reach-us h3 {
    color: white;
    font-size: 20px;}






/*airport pickup*/
.from{font-family: 'latobold'; font-size: 19px; color: black; text-transform: uppercase;}
.type-btn{padding: 6px 8px; background: #ea571e; color: white; display: inline-block; font-size: 11px; text-transform: uppercase; width: 100%; text-align: center;border-radius: 4px;}
.form-service .request-info:hover{color:black !important; background-color:#fed800 !important;}
.lab-label{color: #f96020;
    background: #fbeee5;
    padding: 3px 15px;
    border-radius: 4px;
    display: inline-block;
    width: 65px;
    text-align: center;}
.type-col{padding-left: 2px; padding-right: 2px}


.form-back, .form-next, .form-next1{background: black; color: white; padding: 8px 20px; font-size: 13px; display: inline-block;}
.booking-btn{background:#22a54c; color: white; padding: 8px 20px; font-size: 13px; display: inline-block; float: right; min-width: 110px; text-align: center;}
.form-next{float: right;}

.form-back i{padding-right: 5px}
.form-next i{padding-left: 5px}
.form-next1 i{padding-left: 5px}
.form-back:hover, .form-next:hover, .form-next1:hover, .booking-btn:hover{color: white}
.form-service{   /* padding: 25px 5px;
    box-shadow: 2px 2px 17px -10px rgb(0 0 0 / 44%);
    border-radius: 6px; border:1px solid #ea571e;*/}

.type-btn:hover{color: white}  
.booking-btn:hover{background-color: #eb670c !important;}
.form-next1:hover{ background-color: #eb670c !important;}


.back-next .btn-no-grad {padding: 9px 20px;}



/*booking 1*/
.frm-details{padding: 25px 20px;
    box-shadow: 2px 2px 17px -10px rgb(0 0 0 / 44%);
    border-radius: 6px;}

.frm-list li span{    display: inline-block;
    padding: 10px 0px;
    font-size: 14px;}
.frm-list li{border-bottom: 1px dashed silver;
    float: left;
    width: calc(50% - 15px);
    margin-right: 15px;}
.frm-list{margin-bottom: 20px; float: left; width: 100%}

.frm-list li.last{border-bottom: none;}
.yes-no-ul{text-align: center; margin-top: 10px}
.yes-no-ul li{ 
    padding: 8px 20px;
    font-size: 13px;
    display: inline-block; font-family: 'latobold';    margin-left: 2px;
    margin-right: 2px;}

.yes{background-color: #ffffff !important;
    color: black !important;}

.no{   background: black;
    color: white;}


.yes,  .no{ transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;}

.yes:hover, .no:hover{background-color: #a94805 !important; color: white !important}

.terms-checkbox{font-size: 13px}
.terms-checkbox input{position: relative; top:1px;}
.price-ul li{ width: 100%; float:left; font-family: 'latobold'; margin-bottom: 5px}
.price-div-ser{padding: 20px;
    border: 1px solid rgb(192 192 192 / 29%);
    border-radius: 4px;
    background: #f3f3f3;
  /*  border: 1px solid rgb(235 103 12 / 29%);
    background: #ffd5b959;*/

}

.lato-reg{font-family: 'latoregular';}
.hr2{border-top: 2px solid black}
ol.terms-list{font-size: 12px; padding-left: 15px}
ol.terms-list li{margin-bottom: 5px}

.payment-text{font-family: 'latoblack' !important; color: #15203d;
    font-size: 18px;
    margin-top: 12px;
    margin-bottom: 10px;}




/*top links for maitri services*/
.top-link li a{padding: 12px 1px; display: block;border-right:1px solid #e3e3e3; text-align: center;}
.top-link li{float: left; width: calc(100% / 4 - 0px)}
.top-link li a span{display: inline-block;}
.top-link span.tp-number{ background-color: #e5e5e5;
    padding: 4px 8px;
    line-height: 16px;
    border-radius: 4px;
  /*  margin-right: 4px;*/
    border-radius: 100%;}

.tp-link-text{line-height: 28px}
.top-link{ margin-bottom: 15px; font-size: 14px;
    float: left;
    width: 100%;
    border-radius: 6px; border:1px solid rgb(192 192 192 / 31%);
    box-shadow: 2px 2px 20px -15px rgb(0 0 0 / 69%);
}

.top-link li a{ background-color: white; }


.top-link li:first-child a{border-radius: 6px 0px 0px 6px}
.top-link li:last-child a{border-radius: 0px 6px 6px 0px; border-right: none;}

.top-link li.active a {background-color:#ea571e; border-bottom: 1px solid #ea571e;
  color: white !important}
.top-link li.active a span.tp-number{background-color:#ff8c5f;}

.top-link li a span.tp-link-text {padding-right: 3px;line-height: 18px;}
.top-link li a{color: #333}




/*date picker*/
.datepicker_header a.icon-home{display: none !important;}
.datepicker > .datepicker_header > .icon-close{padding: 0px !important; display: block !important; top:5px !important; right: 5px !important}
.datepicker > .datepicker_inner_container > .datepicker_calendar > table{margin: 0 auto}
.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item{text-align: left;}
.datepicker > .datepicker_inner_container > .datepicker_timelist{width: 53px !important}
.datepicker > .datepicker_inner_container > .datepicker_calendar > table, .datepicker > .datepicker_inner_container > .datepicker_calendar{width: 242px !important}
.datepicker{font-size: 12px !important}
.datepicker_table > tr > th{text-align: center !important;}
.datepicker-table .btn {font-size: 13px !important;}
.table.datepicker-table>tbody>tr:nth-child(odd) {background-color: rgb(244 244 244) !important;}
.datepicker-table td button.border-white {border-color: #d9d9d9!important;}
.table.datepicker-table>tbody>tr>td, .table.datepicker-table>tfoot>tr>td, .table.datepicker-table>thead>tr>td, .table.datepicker-table>tbody>tr>th {
    border-top: 1px solid #ffffff !important;
    border-right: 1px solid #ffffff !important;}
.datepicker-table td button.today {
    background-color: #fd4e34 !important;
    color: white !important;
}


/*airport transfer*/
.link-col {
    border-radius: 0px;
    padding: 40px 45px;
    background-color: #f4f4f4;
}

.pick-fig{height: 100%; position: relative;}

.news-img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0px !important;
}


.link-col .sub-box1{padding-right: 30px}

.t-level {
    color: white;
    text-transform: uppercase;
    font-size: 17px;
    padding: 20px 11px;
    text-align: center;
}


.t-level.green{background-color: #05AD56;}
.t-level.red{ background-color: #E13E4A;}


.t-price {
    padding: 30px 15px;
    text-align: center; height: 128px
}

.t-price.green{background-color: #009246;}
.t-price.red{background-color: #CE2B37;}


.t-price-amount{     font-family: 'latobold'; display: block; text-transform: uppercase;
    font-size: 30px;
    line-height: 38px;
    color: white;}


.t-name {
    font-size: 20px;
    color: white;
}

.t-details{padding: 40px 30px 40px}

.t-ul li {position: relative; padding-left: 30px; margin-bottom: 20px}

.t-ul li img{position: absolute; left: 0px}

.t-col{height: 100%; background: #f4f4f4; position: relative;}

.t-col .btn-no-grad { padding: 13px 20px !important;}

.t-col .btn-no-grad-outline {
    padding: 11px 20px !important;}
 



/*Request a pickup/ airport transfer 1*/
.bor-para{border-bottom: 1px dashed rgb(192 192 192 / 77%)}
.m-div{margin: 1.5em 0;}
.maitri-service-form label{font-size: 14px; font-family: 'latoregular'}
.maitri-service-form.career-apply{padding: 15px 0px  0px !important}
.maitri-service-form.career-apply .form-col{padding-left: 0px; padding-right: 0px}
.maitri-service-form.career-apply .form-row{margin-left: -15px !important; margin-right: -15px !important}
.maitri-service-form .form-group {margin-bottom: 12px !important;}
.form-cont-ser{padding: 40px 30px}
.d-hidden{visibility: hidden;}
.date-p .btn-outline-secondary {
    color: #a9a8a8 !important;
    border-color: #e9e1db !important;
    background: white !important;
    border-radius: 0px 4px 4px 0px !important;
}

.date-p .btn-outline-secondary:hover {
    color: #fff !important;
    background-color: #b6b6b7 !important;
    border-color: #b6b6b7 !important;
}

.btn-link i{font-size: 12px;
    color: #fb7744;}

.popover-header{font-family: inherit;}
.calendar-input{position: relative !important; padding-right: 30px !important;    background-image: url(../img/icons/form/calendar3.png);
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat; }

input.timepicki-input{padding: 8px 8px !important;}
.no-shadow{box-shadow:  none !important;}
.review-table{border: 1px solid #e3e3e3 !important; background-color: #fdfcfc;}

.review-table .table>tbody>tr>th {
    border-top: 1px solid #f4f4f4 !important;}

.review-table .table>tbody>tr>td, .review-table .table>tfoot>tr>td, .review-table .table>thead>tr>td, .review-table .table>tbody>tr>th {
    border-top: 1px solid #f4f4f4 !important;
    border-right: 1px solid #f4f4f4 !important;}


.review-table .table>tbody>tr:nth-child(odd) {
    background-color: rgb(255 255 255)  !important;
}




/*Extra Services*/

label.check-label-new{margin-bottom: 0px; display: block;}
label.check-label-new::before{content:url("../img/icons/form/circle.png");position: absolute; top:-4px; z-index: 5}

:checked+label.check-label-new::before{content: url("../img/icons/form/checked1.png");}

input[type=checkbox].check-input{display: none;}
.extra-row .service-list h4 {font-size: 14px;
    padding-left: 30px;}



/**********************************************************************************************/
/*footer*/
/**********************************************************************************************/
.flow-list li a{ transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;}

footer .social li a{color: white !important; font-size: 20px}
footer .social li:first-child a{background-color: #3a5797}
footer .social li:nth-child(2) a{background-color: #1d9dec}
footer .social li:nth-child(3) a{background-color: #c4007e}
footer .social li:nth-child(4) a{background-color: #ce252c}
footer .social li:nth-child(5) a{background-color: #f4000f}
footer .social li:nth-child(6) a{background-color: #31be32}

footer .social li a.ins{background-color: #c4007e}
footer .social li a.yt{background-color: #f4000f}

/*footer .subscribe-div{float: left;width: 100%;border-radius: 20px;box-shadow: 0px 1px 15px 0px rgb(234 87 30 / 35%); 
    border-radius: 55px; margin-bottom: 10px; background-color: white}

footer .enter-email{ min-height: 55px !important; height: 55px; width: calc(100% - 50px) !important; color: #333}
footer input[type=text].enter-email:focus{border-bottom: none !important;}

footer .subscribe_button
{background-color: #ea571e;
    border-radius: 50px;
    height: 40px;
    line-height: 40px;
    width: 42px;
    margin-top: 8px;
    margin-right: 7px;
    line-height: 38px; 
    text-align: center;
}
*/


footer .search-drop{
    float: left;
    width: 100%;
    background: rgb(79 72 79 / 85%);
    border-radius: 20px;
    border: none;
    margin: 0px;
    margin-top: 3px;}


footer .logo{width: 140px; margin-bottom: 20px}

footer{color: rgb(27 27 27 / 82%); font-size: 14px}
.srv{color: rgb(255 255 255 / 60%)}
.srv:hover{color: white}
.ft-logo-cont{ height: 100%}
.foot-head{font-size: 17px;
    font-family: 'latoblack';
    margin-bottom: 18px;
    position: relative;
    padding-bottom: 10px;}
.foot-head:after{content: '';
    width: 27px;
    height: 4px;
    background-color: #ea571e;
    position: absolute;
    left: 0px;
    bottom: 0px;
    border-radius: 20px;}
.address-head{font-family: 'latoblack';
    font-size: 16px;
    margin-bottom: 7px;
    margin-top: 20px;}
.quick-links li{margin-bottom: 8px}
.quick-links li a{transition: all .3s ease; color: rgb(255 255 255 / 60%)}
.quick-links li a:hover{color: #f96020 !important}
.bottom-footer-cont{    background-color: #f96020;
    padding-top: 15px;
    /*margin-top: 30px;*/ }
.footer-main{/*padding-top: 25px;*//*background: linear-gradient(to top,rgba(244,252,255,0) 0,#f1efef 90%);*/}
.ft-logo-box{text-align: center;}


.other-links{    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #f8f7f8;}

.other-links .o-links{margin-bottom: 0px !important}

.other-links .o-links a{color: rgb(27 27 27 / 82%) !important}

.other-links .o-links a:after {
    background-color: rgb(151 150 150) !important;
}


.ofc-selector{background-color: #f96020; display: inline-block; margin-top: 20px; padding: 8px 11px; border-radius: 4px;
color: white}
.ofc-selector img{width: 25px; float: left; filter: invert(1) brightness(4); -webkit-filter:invert(1) brightness(4);
margin-right: 6px}

.ofc-selector span{position: relative; top:2px;}
.mid-footer-cont{/*margin-top: 25px;*/background-color: #F8F7F8;
padding-top: 50px;
    padding-bottom: 40px;}


.top-footer-cont{background-color: white}

.social-head{
    font-size: 14px;
    font-family: 'latoblack';
    text-transform: uppercase;
     margin-bottom: 0px
}


/*contact no design*/
.num-div figure {
    border-radius: 100%;
    padding: 4px;
}

.num-div img {
    width: 28px;
    padding: 4px;
}

.no-small {
    font-size: 12px;
    margin-bottom: 0px;
}







/*.link-box.first{border-right: 1px solid rgb(16 121 22 / 20%)}*/
.co-col{ padding-left: 14px}
.cnt-no{font-size: 16px; font-family: 'latobold';}
.bottom-footer-col{color: rgb(249 249 249 / 82%)}
.flow-list li{display: inline-block;}
.semi-footer-cont{text-align: center;}
.flow-list li a{display: block; border-right: 1px solid rgb(16 121 22 / 20%); padding-left: 5px; padding-right: 5px}
.flow-list li a:hover{color: #f96020 !important}
.flow-list li:last-child a{border-right: none;}
.flow-list{ padding-top: 15px; margin-top: 15px; border-top: 1px solid rgb(16 121 22 / 20%);}






/**********************************************************************************************/
/*if footer dark*/
/**********************************************************************************************/
footer.footer-dark{background-color: #242124; color: rgb(255 255 255 / 59%)}
footer.footer-dark .mid-footer-cont{background-color: #242124;}
footer.footer-dark .text-dark {
    color: rgb(255 255 255 / 59%) !important;
}

footer.footer-dark .foot-head{color: rgb(255 255 255 / 86%)}
footer.footer-dark .address-head{color: rgb(255 255 255 / 86%)}
footer.footer-dark .black-logo{display: none;}
footer.footer-white .white-logo{display: none;}


/************************************************************************************/
/************************************ innerpage ************************************/
/************************************************************************************/
.mrg-tp-0{margin-top: 0px !important}
.mrg-btm-0{margin-bottom: 0px !important}
.pd-top-0{padding-top: 0px !important}
.inn-cont{padding-top: 80px; padding-bottom: 80px}
.img-right{ margin-bottom: 30px; margin-left: 30px}
.img-left{margin-bottom: 20px; margin-right: 20px}
.in-body h1.in-slide-head{margin-bottom: 15px;  font-family: 'latolight';text-align: left;}
.wel-top-bottom-inn-first{ padding-top: 50px; padding-bottom: 60px;}
@media (max-width: 991px){
.img-right{float: none !important; margin: 0 auto; margin-bottom: 18px}
.img-left{float: none !important; margin: 0 auto; margin-bottom: 18px}
}



/*innerpage slider*/
.inner-page-slide {
    position: relative;
    background-size: cover;
    /*background-position: top center;*/
     background-position: 0% 15%;
    height: 100px;
}

/*.in-bg1{background-image: url(../img/images/in-bg1.jpg);}*/


.in-bg-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: rgb(0 0 0 / 18%);
}


/*institute page overlay*/
.inst-bg-overlay {
    background-color: rgb(0 0 0 / 18%);
}

.inner-slide-cont {
    height: 100%; position: relative;
}


.inner-slide-cont .box.in-slide-box, .inner-slide-cont .box.in-slide-box .sub-box {
    height: 100%;
}

.inner-slide-cont .box.in-slide-box
{width: 100%;}

.inner-slide-cont .box.in-slide-box .sub-box {
    vertical-align: bottom;
}

.inner-slide-cont .box.in-slide-box.vert-middle .sub-box{vertical-align: middle;}

.in-slide-box .button-ul li{margin-bottom: 35px; margin-right: 0px}

.in-slide-box .button-ul{display: table;float: right;}


.in-slide-head{font-size: 40px; line-height: 54px; /*margin-top: 157px;*/ margin-bottom: 15px !important;
/*    border-bottom: 6px solid #f96020;*/ }

.in-slide-head span{display: inline-block;
    background-color: #f96020;
    padding: 2px 20px;
    border-radius: 20px 20px 0px 0px;}

.slide-in-sub{text-align: center;}


  

/*breadcrumb*/
.breadcrumb-div{
    padding-left: 15px;
    padding-right: 15px;
    /*border-bottom: 1px solid #d1d1d1;*/
  /*  border-top: 1px solid #f96020;*/
}
.breadcrumb {
    background-color: transparent !important;
    /*display: table;*/
    border-radius: 0px 0px 15px 15px;
    margin-top: 5px !important;
    padding: 8px 0px !important;
    margin-bottom: 8px !important;
    margin: 0 auto;
    text-align: left;
    
}
.breadcrumb>li {
    display: inline-block;
}
.breadcrumb li a {
    color: #ffffff !important;
    font-size: 14px;
}
.breadcrumb>li+li:before {  
    color: #b2b2b5;}
.breadcrumb li.active a{color: #f96020 !important; }
.breadcrumb>li+li:before{     content: "\f286";
    font-family: 'FontAwesome';
    font-size: 12px;
    position: relative;
    bottom: 0px; padding-left: 7px; padding-right: 7px}
.breadcrumb li.active:before{color: #f96020 !important;}




/*breadcrumb design 2*/
.breadcrumb.design2>li+li:before {
    content: "/";
    font-weight: bold;
}



/*gen list*/
.gen-list{margin-bottom: 18px}
.gen-list li{padding-left: 26px; margin-bottom: 10px; line-height: 28px; position: relative;}
.gen-list.small-list li{line-height: 24px;}
.gen-list li:before{ content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    /* background-color: #f96020; */
    /* border-radius: 40px; */
    background-image: url(../img/icons/new/fast2.svg);
    position: absolute;
    left: 0px;
    top: 6px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/*.gen-list li:after{ content: "";
    width: 13px;
    position: absolute;
    left: -3px;
    top: 8px;
    height: 13px;
    border-radius: 100%;
    display: inline-block;}*/



.gen-sub-list{margin-top: 15px}
.gen-sub-list li:before{color: #192f59;}
.gen-list-just li{text-align: justify;}


.gen-list li ul.gen-sub-list li:before{content: '\f021'; font-family: 'FontAwesome'; width: 0px; height: 0px;
top:1px; color: #fb7744}

.gen-list li ul.gen-sub-list li:after{display: none;}







/*form*/
input[type=text], input[type=number], input[type=tel], input[type=email], input[type=password], input[type=date], textarea, select {
    margin-bottom: 13px;
    border:none;
    min-height: 36px;
    line-height: 24px;
    border-radius: 0px;
    padding: 8px 15px;
    transition: all 0.3s ease;
    outline: none;
    width: 100%;
    color: #333;
}
textarea {
    height: 110px;
}

input[type=text]:focus, textarea:focus{border-bottom:1px solid #5EB007 !important;}

.search-drop input[type=text]:focus {
    border-bottom: none !important;
}


input[type="text"]::-webkit-input-placeholder {
 font-size: 14px;
}

input[type="text"]::-moz-placeholder {
 font-size: 14px;
}

input[type="text"]:-ms-input-placeholder {
  font-size: 14px;
}

input[type="text"]:-moz-placeholder {
  font-size: 14px;
}



input[type="text"].enter-email::-webkit-input-placeholder {
 color:#CFCECE;
}

input[type="text"].enter-email::-moz-placeholder {
 color:#CFCECE;
}

input[type="text"].enter-email:-ms-input-placeholder {
  color:#CFCECE;
}

input[type="text"].enter-email:-moz-placeholder {
  color:#CFCECE;
}




.career-apply input[type="text"]::-webkit-input-placeholder {
 color:#495057;
}

.career-apply input[type="text"]::-moz-placeholder {
 color:#495057;
}

.career-apply input[type="text"]:-ms-input-placeholder {
  color:#495057;
}

.career-apply input[type="text"]:-moz-placeholder {
  color:#495057;
}





.boot-menu input[type="text"].enter-email::-webkit-input-placeholder {
 color:#333; text-transform: uppercase; font-size: 13px
}

.boot-menu input[type="text"].enter-email::-moz-placeholder {
 color:#333; text-transform: uppercase; font-size: 13px
}

.boot-menu input[type="text"].enter-email:-ms-input-placeholder {
  color:#333; text-transform: uppercase; font-size: 13px
}

.boot-menu input[type="text"].enter-email:-moz-placeholder {
  color:#333; text-transform: uppercase; font-size: 13px
}





/*coaching courses input*/
.frm-message input[type=text], 
.frm-message input[type=number], .frm-message input[type=tel], .frm-message input[type=email], .frm-message input[type=password],
 .frm-message input[type=date], .frm-message textarea, .frm-message select, .frm-message input[type=file] {
    margin-bottom: 15px;
    border: 1px solid #CACACE !important;
    border: none;
    border-radius: 4px;
    padding: 6px 12px;
    transition: all 0.3s ease;
    outline: none;
    width: 100%;
    color: #333;
    height: 46px;
    background-color: rgba(255, 255, 255, 0.48);
}






/*if search bar is white*/

/*footer input[type="text"].enter-email::-webkit-input-placeholder {
 color:#333;
}

footer input[type="text"].enter-email::-moz-placeholder {
 color:#333;
}

footer input[type="text"].enter-email:-ms-input-placeholder {
  color:#333;
}

footer input[type="text"].enter-email:-moz-placeholder {
  color:#333;
}
*/




input[type="number"]::-webkit-input-placeholder {
 font-size: 14px;
}

input[type="number"]::-moz-placeholder {
 font-size: 14px;
}

input[type="number"]:-ms-input-placeholder {
  font-size: 14px;
}

input[type="number"]:-moz-placeholder {
  font-size: 14px;
}


textarea::-webkit-input-placeholder {
 font-size: 14px;
}

textarea::-moz-placeholder {
 font-size: 14px;
}

textarea:-ms-input-placeholder {
  font-size: 14px;
}

textarea:-moz-placeholder {
  font-size: 14px;
}




.message input[type="text"]::-webkit-input-placeholder {
 opacity: 0;
}

.message input[type="text"]::-moz-placeholder {
 opacity: 0;
}

.message input[type="text"]:-ms-input-placeholder {
opacity: 0; 
}

.message input[type="text"]:-moz-placeholder {
 opacity: 0;
}


/*textarea::-webkit-input-placeholder {
 opacity: 0;
}

textarea::-moz-placeholder {
 opacity: 0;
}

textarea:-ms-input-placeholder {
opacity: 0; 
}

textarea:-moz-placeholder {
 opacity: 0;
}
*/



.cnt-form input[type="text"]::-webkit-input-placeholder {
 color:rgba(255,255,255,.9);
}

.cnt-form input[type="text"]::-moz-placeholder {
 color:rgba(255,255,255,.9);
}

.cnt-form input[type="text"]:-ms-input-placeholder {
  color:rgba(255,255,255,.9);
}

.cnt-form input[type="text"]:-moz-placeholder {
  color:rgba(255,255,255,.9);
}



.cnt-form select::-webkit-input-placeholder {
 color:rgba(255,255,255,.9);
}

.cnt-form select::-moz-placeholder {
 color:rgba(255,255,255,.9);
}

.cnt-form select:-ms-input-placeholder {
  color:rgba(255,255,255,.9);
}

.cnt-form select:-moz-placeholder {
  color:rgba(255,255,255,.9);
}



.cnt-form textarea::-webkit-input-placeholder {
 color:rgba(255,255,255,.9);
}

.cnt-form textarea::-moz-placeholder {
 color:rgba(255,255,255,.9);
}

.cnt-form textarea:-ms-input-placeholder {
  color:rgba(255,255,255,.9);
}

.cnt-form textarea:-moz-placeholder {
  color:rgba(255,255,255,.9);
}





/*multi select*/
/*.form-group.multi-select {margin-bottom: 15px !important}*/
.multi-select .btn-default {
    color: #fff !important;
    background-color: transparent !important;
    border-color: rgb(255 204 204 / 58%) !important;
    height: 42px;
    
}

.multi-select .bootstrap-select .dropdown-toggle:focus{outline: none !important; border-color:  #f96020 !important}
.multi-select .form-control{background-color: transparent !important;}

.multi-select .btn-group{height: 42px}
.form-p{    margin-bottom: 1px;
    font-size: 10px;
    font-family: 'latobold';
    color: #b2b2b2;
    text-transform: uppercase;}


.send{    background-color: #e90404;
    color: white !important;
    margin-bottom: 18px;
    border-radius: 6px;
    line-height: 32px;
    padding: 6px 18px;
    border: 2px solid #e90404;
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;
}

.send i {
    padding-left: 5px;
    position: relative;
    top: 1px;
}

.send:hover{background-color:#f96020; border: 2px solid #f96020; color:white;padding: 6px 25px;}

.message{ padding: 20px; box-shadow: 0 5px 20px -10px rgba(0, 0, 0, .3); 
    border-radius: 6px; margin-bottom: 25px; border:1px solid rgb(192 192 192 / 50%);
}

.height100{height:100%;}






/*if form message*/
.message input[type=text], .message input[type=number],
.message input[type=tel],.message input[type=email],.message input[type=password],.message input[type=date],
.message textarea, .message select {
    margin-bottom: 0px;
    border: 2px solid #eeeff0 !important;
    border: none;
    border-radius: 5px;
    padding: 6px 12px;
    background-color: #f8f9fb;
    transition: all 0.3s ease;
    outline: none;
    width: 100%;
    color: #707070;
   /* box-shadow: 2px 3px 10px -2px rgb(0 0 0 / 10%);*/
}

.message select {font-size: 13px}

.message input[type=text]:focus, .message input[type=number]:focus,
.message textarea:focus, .message input[type=date]:focus, .message select:focus {

    border: 2px solid #fcf0d9 !important; background-color: #fdf5e6}



/*if icon form*/
.icon-form input, .icon-form textarea{padding-left: 25px !important;}
.icon-form .send-btn{width: 100%}
.icon-form .form-group{position: relative;}
.frm-icon{    position: absolute; display: none;
    left: 15px;
    top: 14px;
    width: 15px;
    height: 15px;}


/*floating label*/
.form-group input, .form-group textarea, .form-group select{margin-bottom: 0px}

.form-group{margin-bottom: 20px !important}

.field {
  display: flex;
  flex-flow: column-reverse;
  margin-bottom: 1em;
}

.floating-label {
  display: none;
  padding-left: 5px;
  padding-right: 5px;
  position: absolute;
  pointer-events: none;
  left: 34px;
  top: 13px !important;
  transition: 0.2s ease all; text-transform: capitalize; color:#756b6b !important ; font-size: 13px; font-size: 13px
}

.inputText-cont{position: relative;}



.career-apply label.checkbox-inline {
    font-weight: normal;
    font-family: 'latoregular';
    font-size: 14px;}

.cnt-form label.checkbox-inline {
    font-weight: normal;
    font-family: 'latoregular';
    font-size: 14px;}

label{font-weight:normal; font-family: 'latobold'; margin-bottom: 12px;}
label, input, textarea{
  transition: all 0.2s;
  touch-action: manipulation;
}

/**
* By default, the placeholder should be transparent. Also, it should 
* inherit the transition.
*/
::-webkit-input-placeholder {
  opacity: 1;
  transition: inherit;
}

/**
* When the element is focused, remove the label transform.
* Also, do this when the placeholder is _not_ shown, i.e. when 
* there's something in the input at all.
*/
input:not(:placeholder-shown) + label.floating-label,
input:focus + label.floating-label,
textarea:not(:placeholder-shown) + label.floating-label,
textarea:focus + label.floating-label
 {
  cursor: pointer;
  font-size: 11px;
  top:-8px !important;
  color: #f96020 !important;
  background-color: white;
}

input:focus~.frm-icon,
textarea:focus~.frm-icon
{color: #f96020 !important}


/*file upload button*/
.fileWrapper {
    position: relative;
    overflow: hidden;
    padding: 0;
    width: 100% !important;
    margin-bottom: 15px;
}

input[type=text].fileInputText {
    float: left;
    border: 1px solid #ddd;
    margin: 0;
    padding: 0 5px;
    height: 36px !important;
    width: calc(100% - 115px) !important;
}

input[type=button].fileInputButton {
   float: right;
    color: white;
    border: solid 1px #ea571e;
    background: #ea571e;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    margin: 0;
    padding: 0;
    height: 32px !important;font-size: 13px;
    border-radius: 4px;}




/*pagination*/
.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  margin:0px 4px 8px;
}

.pagination a.active,  .page-item.active .page-link {
  background-image: linear-gradient(to right, #FF512F 0%, #DD2476 51%, #FF512F 100%);
  background-size: 200% auto;
  color: white;
  border: 1px solid #FF512F;
  box-shadow: none;
}

.pagination a:hover:not(.active) {background-color: #ddd;}



/*laravel pagination*/
 .pagination li span{
  color: black;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  margin:0px 4px 8px;
}

 .pagination li{float:left;}
 
.page-link:hover {
    color: #2e2e2e !important;}

.page-item.active .page-link:hover{color:white !important;}



/*table responsive*/
/*table*/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th
{border-top: 1px solid #d0f4c9;}
.color-table th{font-weight: normal;   font-size: 17px; color: #1E7D47;}
tr.first-row>td, tr.first-row>th{border-top:none !important;}



.table-responsive {
    /* border: none; */
    color: black;
    border-radius: 6px;
    /*border: 1px solid #d0f4c9;*/
    margin-bottom: 30px;
    padding: 0px;
    box-shadow: 0px 1px 15px 0px rgb(234 87 30 / 35%)
}

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


.table-responsive .table{margin-bottom: 0px; }
.table>tbody>tr>th{padding: 12px 18px !important;}
.first-row {
    background-color: #5EB007 !important;
}

.first-row th{color: white !important}

.table>tbody>tr>th {
    /*color: #057b4c !important;*/
    font-weight: 700;
    font-size: 15px; 
}

.table>tbody>tr>td{ line-height: 20px; font-size: 14px;}

.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td, .table>tbody>tr>th {
    border-top: 1px solid #f8f6b7 !important;
    border-right: 1px solid #f8f6b7 !important;
    padding: 10px 15px;
    color: #383636;
}

.table>tbody>tr:first-child>td, .table>tbody>tr:first-child>th
{border-top: none !important;}

.table>tbody>tr>td:last-child, .table>tbody>tr>th:last-child{border-right: none !important;}

.table>tbody>tr:nth-child(even) {
   /* background-color: #effeed;*/
    /*box-shadow: 2px 5px 15px -4px rgb(0 0 0 / 72%);*/
}


/*.no-color .table>tbody>tr:nth-child(even) {background-color: transparent;}*/


.table>tbody>tr:nth-child(odd) {
       background-color:rgb(252 253 230);}

.table thead th, .table th{border-right:1px solid rgb(255 255 255 / 32%) !important;
    font-weight: normal;
    font-size: 14px;
    border-bottom: none;
    color: white;
    font-weight: normal;
    font-family: 'latobold';
    border-top: none !important;}
.table thead th:last-child{border-right: none !important;}

thead tr{background-color: #ff753f}


.table-hover tbody tr:hover {
    box-shadow: 14px 14px 30px 6px #ea0404;
    color: #ea0404;
    background-color: rgb(0 0 0 / 0%);
}

.table-hover tbody tr
{
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;}





/*rewriting default settings*/
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: white;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 15px;
    height: 3px;
    border-radius: 0px;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 2px;
}
.navbar-toggle{ background-color: #414241; border-radius: 0px; cursor: pointer !important}





/*accordion*/
/*rewriting default style*/
#accordion{width: 100%}
.card-link, .card-header{    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;}
.card-header {
    background-color: white;
    border-bottom: none;
    border-radius: 20px 4px 20px 4px !important;
    padding: .8rem 1.25rem;
}

.card-header:hover{ background-color: #e1edff}

.card{border: 1px solid #cfcfcf !important;
    border-radius: 20px 4px;margin-bottom: 20px !important; box-shadow: 0 5px 20px -10px rgba(0, 0, 0, .3)}

.card-link{display: block;font-family: 'latobold';}
.card-link.collapsed{color:#333 }

.card-link, .card-link:hover{color: #333;}

.card-body h3{margin-bottom: 12px; font-size: 15px}







/*date acco*/
.date-acco .card-header{ padding: 0px 0px; display: block;}
.date-acco .card-header .card-link{padding: .8rem 1.25rem; display: block; width: 100%;
    position: relative;padding-right:105px }
.acc-date-cont{width: 150px;position: absolute;right: 0px; top:0px;}
.date-acco .card-header .card-link, .acc-date-cont{float:left;}
.acc-date-cont{padding: .8rem 1.25rem; text-align: right;}
.acc-date{    padding: 7px 10px;
    background-color: white;
    box-shadow: 0px 0px 1px 0px #0f0f0f;
    border-radius: 4px;
    color: #333333;
    font-size: 13px;}
.date-acco .hovereffect{height: 150px;
    border-radius: 40px 6px 40px 6px;
    box-shadow: 7px 8px 20px -2px rgba(0,0,0,.2)}
.date-acco .hovereffect .wel-img{border-radius: 0px; box-shadow: none;}





/*box design*/
.my-box img.my-box-img-big
{    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;}

.my-box{height: 100%; display: block;
    padding: 5px;
    background: #fff none repeat scroll 0 0;
    border-radius: 10px;
    box-shadow: 0px 0px 8px 1px rgba(0, 1, 1, 0.1);
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;
}


.my-box.gen-my-box
{height: auto;}

.my-box-cont{
    height: 100%;
    position: relative;
    color: #3c3c3c;
    display: block;
}

.my-box-dtl{
    padding: 30px 15px 30px 15px;
    position: relative;
    text-align: center;
}

.my-box-img{
    width: 70px;
    margin: auto;
}

.my-box-fig{padding-top: 30px; }

.my-box:hover img.my-box-img{animation-name: bounceIn; animation-duration: .8s;}



.my-box-img-big{border-radius: 8px; margin:0 auto;}
.my-box-fig-big{border-radius: 8px; text-align: center;}
.my-box-dtl-big {
    padding: 38px 15px 38px 15px;
    position: relative;
    text-align: center;
}



.my-box:hover img.my-box-img-big
{ transform: scale(1.1);}



/*side list innerpage*/
.side-list-inn{width: 100%}
.in-q-link{background-color: #244175;
    color: white;
    padding: 12px 36px;
    border-radius: 20px 20px 0px 0px;
    /* border-bottom: 6px solid #f96020; */
    margin-bottom: 0px;
    font-family: 'ubuntumedium';
    font-size: 17px;
}

.in-side-col{padding-left: 30px}

.in-side-menu {
    border: 1px solid #c0c0c057;
    padding: 0px 0px 0px 0px;
    border-bottom: none;
    border-top: none;
    border-left: none;
    height: 88%;
    padding-right: 8px;
    box-shadow: 14px 0px 30px -32px rgb(0 0 0 / 65%)
}

.side-list-inn li a, .icon-list li a{    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;}

.brain-main{background-color: #f9f9f9}
.side-list-inn li a{
    text-align: left;
    margin-bottom: 4px !important;
    border: 1px solid rgb(117 107 107 / 17%);
    border-radius: 6px !important;
    background-color: white;
    padding: 10px 15px;
    display: table;
    width: 100%;
    /* margin: 0 -8px; */
    border-radius: 0px;
    color: #3c3c3c;
    position: relative;
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;
    cursor: pointer;

}

.side-list-inn li a:before{content: '\f0a9'; font-family: 'FontAwesome';position: absolute; left:18px; top:14px;
font-size: 14px; display: none;

}



.side-list-inn li
{width: 100%;
}

.side-list-inn li img {
    width: 21px;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-top: 0px;
/*    filter: brightness(0) invert(0.6);
    -webkit-filter: brightness(0) invert(0.6);
    -moz-filter: brightness(0) invert(0.6);*/
}

.iim {
    display: none;
    padding-right: 0px;
    border: none;
    border-radius: 0px;
    text-align: center;
    vertical-align: middle;
/*    border: 1px solid rgba(161, 230, 211, 0.68);*/
    border-radius: 4px;
    width: 40px;
}



header .iim{
    display: block;
    border-radius: 0px;
    width: 34px;
    margin: 0 auto;
    margin-bottom: 5px;}



.side-list-inn .iim{display: table-cell;}
.side-list-inn .iim-text{display: table-cell; width: calc(100% - 40px); position: relative;
    top: 1px;}
.side-list-inn .iim, .side-list-inn .iim-text{vertical-align: middle; }

.side-list-inn li.active a{position: relative;border-left:3px solid #f96020; color: #f96020}

/*.side-list-inn li.active a:hover
{background-color: #f96020; color: white !important; box-shadow:  2px 3px 10px -2px rgba(0,0,0,.1);
    border: 1px solid rgb(117 107 107 / 17%);}*/

.side-list-inn li.active a:after
{content: '';
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-right: 13px solid #f96020;}
.side-list-inn li.active a img{filter: brightness(0) invert(1.5);
    -webkit-filter: brightness(0) invert(1.5);
    -moz-filter: brightness(0) invert(1.5);}

.side-list-inn li:hover a{ color: #f96020  !important;
   box-shadow: none;}

.side-list-inn li:hover a:before{animation-name: zoomIn; animation-duration: .5s}

.side-list-inn li{width: 100%; flex: 100%; max-width: 100%}

.quick{    font-family: 'latobold';
    font-size: 15px;
    padding-left: 8px;
    border-left: 8px solid #f96020;}




/*institutes*/
.grey-bg{background-color: #f4f4f4 !important}
.shadow-none{box-shadow: none !important;}
.light-grey-bg{background-color: #f9f9f9}
.orange-bg-in, .d-orange-bg{background-color: #ea571e !important}
.orange-bg{background-color: #F85D1F !important}
.orange-bg-in .gen-para{color: white}
.logo-in img{border:2px solid white; border-radius: 6px; box-shadow: 1px 4px 20px -5px rgb(0 0 0 / 14%); display: block;}

.logo-in {display: block; margin-bottom: 20px}
.inst-col{padding-left: 30px}
.inst-btn-ul li{float: left;}
.inst-para{ margin-top: 15px; font-size: 25px; font-family: 'latolight';}
.col-inst-cmn{padding-left: 150px; padding-right: 150px}
.col-inst-cmn .ho-ul li a{background-color:rgb(255 255 255 / 26%)}

.list-div .btn-no-grad,
.col-req .btn-no-grad,
.scholarship .btn-no-grad
{padding: 7px 14px; margin-top: 0px; margin-bottom: 0px}

.list-div-col{padding:15px; border:1px solid #bce8f1; border-radius: 8px; background-color: #f9f9f9}
.no-bor{border:none !important;}





/*institute more page style (dynamic)*/
.insti-more-ul p
{font-size: 15px;
    line-height: 28px;
    text-align: justify;
    margin-bottom: 18px;}

.insti-more-ul ul{margin-bottom:15px;}

.insti-more-ul ul li{    padding-left: 26px;
    margin-bottom: 10px;
    line-height: 28px;
    position: relative;}



.insti-more-ul ul li:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    /* background-color: #f96020; */
    /* border-radius: 40px; */
    background-image: url(../img/icons/new/fast2.svg);
    position: absolute;
    left: 0px;
    top: 6px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}





/************************************************************************************/
/*svg map*/
/************************************************************************************/
        #map{width:100% !important;}
        #map_inner div svg text{visibility: hidden;}
        #map_inner svg{width: 100% !important}


        /*world map*/
       
       .cnt-map-cont{position: relative;}
       .hide-bar{width: 249px; height: 23px;position: absolute; right: 0px; bottom: 0px; background-color: white; z-index: 8}



/************************************************************************************/
/*institution location*/

.location-col{padding-top: 20px}
.loc-list li{font-size: 18px}
.loc-para{    font-size: 14px;
    line-height: 24px;
    text-align: left;
    margin-bottom: 18px;}




/************************************************************************************/
/*courses*/

.course-dtl{/*background-color: #f5f5f5;*/box-shadow: 2px 0px 30px -20px rgb(6 6 6 / 24%);
 border-top:2px solid #f96020; padding: 20px; height: 100%}
.crs-head{font-family: 'latobold'; text-transform: uppercase;}
.crs-ul li{padding-bottom: 10px; padding-top: 10px; border-bottom: 1px dotted #dcdcdc;}
.crs-ul .crs-bold{font-family: 'latobold';
    padding-right: 8px;
    border-right: 1px solid #f96020;
    display: inline-block;
    margin-right: 6px;
    line-height: 14px;}
.crs-ul{margin-bottom: 20px}
.crs-ul li:last-child{border-bottom: none;}
.crs-ul li:hover img{animation-name: jello; animation-duration: 1s}
.small-icon{/*width: 17px;
    float: left;
    margin-right: 10px;
    position: relative;
    top: 2px;*/
    width: 22px;
    float: left;
    margin-right: 10px;
    position: relative;
    top: 0px;
    /*border: 1px solid rgb(249 96 32 / 55%);*/
    border-radius: 3px;
    padding: 2px;

}

.space-1{margin-top: 35%}
.course-col12{background-color: #ea571e;}
.slide-desc{padding: 20px}
.slide-desc h3{color: white !important;
    font-family: 'latobold';
    margin-top: 41px;
    font-size: 26px;}

.course-slide-main .swiper-button-next,
.course-slide-main .swiper-button-prev
{top:60%; transform: translateY(-60%);}


.course-slide-main .swiper-button-next{right: -12px}
.course-slide-main .swiper-button-prev{left: -12px}

.course-slide-main .swiper-button-next:focus,
.course-slide-main .swiper-button-prev:focus
{outline: none;}

.request-info,.other-course
{    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}

.request-info{padding: 10px 15px;
    border-radius: 20px;
    background-color: #fed800;
    font-size: 11px;
    text-transform: uppercase;
    font-family: 'latobold';
    letter-spacing: .2px;
    border: 1px solid #fed800;
}

.request-info:hover{background-color: transparent;color: white; transform: translateY(-5px); box-shadow: 0px 19px 40px -15px black}

.request-info i{font-size: 11px; position: relative; top: 1px}


.other-course {
    background-color: rgb(255 255 255 / 24%);
    display: block;
    text-align: center;
    color: #fffdfd;
    margin-bottom: 12px;
    padding: 24px;
    /* background: 0 0; */
    border: 1px solid rgb(255 255 255 / 20%);
    /*border:1px solid rgb(234 87 30 / 33%);*/
    border-radius: 8px;
    font-family: 'latobold';
    box-shadow: 0 5px 15px 0 rgb(110 110 110 / 10%);
    font-size: 15px;
}

.other-course:hover{    background-color: rgb(0 0 0 / 36%); color: #ff9235;border: 1px solid rgb(234 87 30 / 63%);
border-radius: 0px}

.more-courses{position: relative;}
.more-overlay{background-color: rgba(0,0,0,0.4); }

.crs-ul li:hover .small-icon.first{display: none;}
.crs-ul li:hover .small-icon.second{display: block;}
.small-icon.second{display: none;}



/************************************************************************************/
/*counselling form (form when clicking from home page counselling buttons)*/ 
/************************************************************************************/

.counselling-form .countlist li {
    width: calc(100% / 3 - 10px); margin-left: 5px; margin-right: 5px}
.counselling-form .countlist .counter-value {
    font-size: 22px;
    color: white;
    font-weight: normal;
    display: inline-block;
    font-family: 'latobold';
}
.counselling-form .countlist li .count-text{font-size: 13px; font-family: 'latoregular'; margin-bottom: 0px}


/************************************************************************************/
/*contact*/
.maitri-iframe
{ transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}

.office-list {
    position: relative;
    margin: 0;
    display: block;
    text-align: left;
    z-index: 2;
        width: 100%;
}

.office-item {
transition: all 0.3s;
    -webkit-transition: all 0.3s;
    background-color: #FFF;
    width: calc(100% / 3 - 33px);
    /* width: 100%; */
    border-radius: .3rem;
    margin: 0px 15px;
    border: 1px solid #efefef;
    height: 100%;
    /*min-height: 16rem;*/
    box-shadow: 0 0.2rem 1rem -0.07rem rgb(251 210 194 / 38%);
   
    display: inline-block;
    vertical-align: top;

}

/*.office-item:first-child{border:1px solid white; box-shadow: none;}

.office-item:first-child .box{margin-top: 35%}*/

.office-heading {
    font-size: 17px;
    /* text-transform: uppercase; */
    padding: .8rem 1.5rem;
    background: #efefef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    /* font-weight: 500; */
    /* font-size: 1.25rem; */
    color: #ea571e;
    margin-bottom: .8rem;
    font-family: 'latobold';

}


.office-address {
    display: block;
    margin-bottom: 1rem;
    padding: 0 1.5rem;
}

.office-item .office-address img {
    display: inline-block;
    vertical-align: top;
    width: 1.4rem;
    margin-right: 1rem;
}


.office-address p {
    display: inline-block;
    font-size: 1rem;
    color: #6d6e71;
    width: calc(96% - 2.4rem);
    vertical-align: top;
    font-size: .85rem;
}


.cnt-form input, .cnt-form select, .cnt-form textarea{
    border: 1px solid rgb(255 204 204 / 58%);
    font-size: 14px;
    background-color: transparent;
    color: rgba(255, 255, 255,.9);
    border-radius: 4px;}

.cnt-form input, .cnt-form select{height: 42px}

.cnt-form input:focus, .cnt-form textarea:focus{border:1px solid #f96020 !important;}
.cnt-form-col{background-color: #ea571e; padding: 30px 15px; border-radius: 0px 8px 8px 0px}
.cnt-col-12{box-shadow: 2px 0px 30px -10px rgb(6 6 6 / 24%); border-radius: 8px; background-color: white}

#contact-map{padding: 50px 15px; margin-top: 5%;}
.form-name{font-family: 'latobold'; font-size: 19px}
.form-col .sub-para{color: #ffcccc}



.cnt-form-col select option{color: #333; }
select option{color: #333; }


.maitri-iframe {
    width: 100%;
    height: 170px;
    border: none;
    border-radius: 0px 0px 6px 6px;
    position: absolute;bottom:0px;
    cursor: pointer;
}


.maitri-iframe:hover { height: 100%;border-radius: 0px 0px 6px 6px;}

.contact-inn .office-item{position: relative;padding-bottom: 170px}


/************************************************************************************/
/*career*/

.career-div{border:1px solid #efefef; border-radius: 12px; padding:20px; margin-bottom: 15px; 
  box-shadow: 0 0.2rem 1rem -0.07rem rgb(251 210 194 / 38%); background-color: rgb(255 255 255 / 92%)}
.career-div .box.main-box{width: 100%; /*display: block*/}
.career-div .box.main-box .main-sub-box1{width: 46px; /*display: block*/}
.career-div .box.main-box .main-sub-box2{width: calc(100% - 46px); /*display: block*/}
.c-apply{width: 100px}
.c-name{width: 100%}
/*.c-name, .c-apply{float: left;}*/
.job{font-family: 'latobold';
    font-size: 15px;
    margin-bottom: 2px;}
.job-company{color: #f96020; margin-bottom: 15px}
.c-apply-btn{ padding: 4px 14px; margin-top: 5px; display: inline-block;
    border-radius: 20px;
    background-color: #ea571e;
    color: #ffffff;
    float: right;
    font-size: 13px;
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;}
.c-apply-btn:hover{color: white; transform: translateY(-5px); box-shadow: 0px 19px 40px -15px black }

.salary, .loc{width: 50%; float: left;
    /*width: 100%;
    float: left;*/
    margin-bottom: 8px;
}
.sm-salary{font-size: 12px; margin-bottom: 0px}
.mnt-salary{margin-bottom: 0px;  font-size: 13px; line-height: 15px}
.career-body i{font-size: 20px; color:#f96020;}

.job-img{width: 46px;
    height: 46px;
    border: 1px solid #efefef;
    padding: 6px;
    border-radius: 4px;
}

.career-main{background-size: contain;
    background-position: 38px -59px;
    background-repeat: no-repeat;
background-image: url(../img/images/new/career-bg.jpg)}


.job-des{font-family: 'latobold';
    margin-bottom: 12px;}


.career-apply{box-shadow: 2px 0px 30px -10px rgb(6 6 6 / 24%);
    padding: 50px 20px; margin-bottom: 20px;}

.career-apply input, .career-apply select{border: 1px solid #e9e1db; font-size: 14px;
    border-radius: 4px; height: 42px}

.career-apply input:focus,
.career-apply textarea:focus,
.career-apply select:focus
{border:1px solid rgb(249 96 32 / 53%) !important; outline: none; box-shadow: none;}

.career-apply textarea{border: 1px solid #e9e1db; border-radius: 4px;}


input[type=checkbox], input[type=radio]{margin-right: 3px !important}



/************************************************************************************/
/*mission vision*/
.core-col, .core-col:before, .core-col img
{   -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;}

.core-col{border-radius: 10px;
    -webkit-filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.07));
    filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.07));
    background-color: #ffffff;
    padding: 30px;
    margin-top: 30px;
    position: relative;
    overflow: hidden;
    z-index: 1;}

.core-col:before{ 
    content: '';
    position: absolute;
    right: -65px;
    width: 95px;
    height: 95px;
    top: -55px;
    border-radius: 50px;
    background-color: #f96020;
    z-index: -1;}

.core-img{width: 60px; margin-bottom: 10px}


.core-col:hover:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    background-color: #f96020;}


.core-col:hover{color: white}

.core-col:hover h3{color: white}

.core-col:hover img{filter: invert(0) brightness(9);
    opacity: .7;}



/*common link*/
.common-link a{ transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}
.common-link{text-align: center;}
.common-link a{display: inline-block;
    position: relative;
    padding: 5px 10px;
    border-radius: 20px;
    border: 1px solid rgb(249 96 32 / 55%);
    color: rgb(255 255 255 / 86%) !important;
    margin: 4px 4px;
    padding-left: 15px}
.cmmn-link-main{background-image: url(../img/images/new/cmmn-link-bg.jpg);}

.common-link a:hover{color: white;border:1px solid rgb(249 96 32 / 100%); }

.common-link a:before{content: '';
    width: 12px;
    height: 4px;
    border-radius: 12px;
    background-color: #f96020;
    position: absolute;
    left: -4px;
    top: 49%;}



/************************************************************************************/
/*TESTIMONIALS*/

.testimonial-in{border:1px solid #efe7d9; padding: 20px; border-radius: 12px;position: relative;
    box-shadow: -8px -7px 20px -5px rgb(0 0 0 / 13%) }
.test-fig{position: relative;}
.test-fig:before{content: '';
    background-color: #f96020;
    width: 110px;
    height: 80px;
    position: absolute;
    top: 21px;
    left: -32px;}
.testimg{  
    background-color: white;
    border-left: none !important;
    border-bottom: none !important;
    margin-left: -47px;
    /* padding-top: 30px; */
    margin-top: 26px;
    margin-bottom: 40px;
    margin-right: 20px;
    width: 120px;
    height: 120px;


    -webkit-shape-outside: circle(36%);
    shape-outside: circle(36%);

    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);


    float: left;
 }

.test-para-in{text-align: justify; line-height: 24px}
.test-name{font-family: 'latobold';
    margin-bottom: 0px;
    color: #f96020;}
.test-desi{font-size: 14px; font-style: italic; margin-bottom: 0px}
.test-in-dtl{text-align: right;}
.test-cont{padding-left: 30px;  margin-bottom: 30px}
.quote{    width: 48px;
    float: left;
    margin-right: 15px;
    filter: invert(1) brightness(0);
    opacity: .1;}

.test-arrow{position: absolute;
    bottom: -37px;
    right: 33px;
    width: 50px;
    background-color: white;}

.test-in .card{    margin-bottom: 0px !important;
    margin-top: 20px !important;}


.test-in, .testimonial-in, .test-cont{height: 100%}

.test-in-col{margin-bottom: 30px}




/*video student testimonials*/
.parent-swiper-container .swiper-slide, .student-swiper-container .swiper-slide{height: auto;}
.parent-swiper-container .swiper-slide .col-md-12, .student-swiper-container .swiper-slide .col-md-12{height: 100%; padding-left: 5px;
 padding-right: 5px}

.parent-swiper-container , .student-swiper-container {padding-left: 15px; padding-right: 15px}

.student-swiper-container .video-name:before, .parent-swiper-container .video-name:before,
.new-vid-testimonial .video-name:before{display: none;}

 .parent-swiper-container .video-name, .student-swiper-container .video-name,
.new-vid-testimonial .video-name
{font-size: 13px; line-height: 16px}

/*big arrows*/
.big-arrow{position: relative;}
.big-arrow .swiper-button-prev:after, .big-arrow .swiper-button-next:after,
.big-arrow .swiper-button-prev:after, .big-arrow .swiper-button-next:after
{font-size: 15px !important}

.big-arrow .swiper-button-prev, .big-arrow .swiper-button-next{width: 50px !important; height: 50px !important}

.big-arrow  .swiper-button-prev
{left:-50px !important;  top:50%; transform: translateY(-50%);position: absolute; }

.big-arrow .swiper-button-next
{right:-50px !important; top:50%; transform: translateY(-50%);position: absolute;}

@media (max-width: 991px){
    .big-arrow .swiper-button-next 
    {right: -21px !important;}

    .big-arrow .swiper-button-prev{left: -21px !important;}

}

@media (max-width: 767px){
    .big-arrow .swiper-button-next 
    {right: -15px !important;}

    .big-arrow .swiper-button-prev{left: -15px !important;}

}


/*video testimonials*/
.vid-vid {margin-bottom: 30px; border-radius: 6px; border: 2px solid white; box-shadow: 0px 5px 9px 0 rgba(15, 17, 15, 0.36)}
.inn-video-div{border-radius: 6px}
.vid-vid:hover .play-button{animation-name: zoomIn; animation-duration: .5s}

/*light gallery videos*/
.overlayg span, .video-name:before{
 transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}

.gal-img{position: relative;}
.overlayg{    background-color: rgb(249 96 32 / 68%);
    background-image: linear-gradient(to right, #FF512F 0%, #DD2476 51%, #FF512F 100%);
    background-size: 200% auto;
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 52px;
    text-align: center;
    border: 2px solid white;
    border-radius: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    z-index: 1;

}

.overlayg span{font-size: 22px; color: white; padding-left: 4px;}

.video-gal li a{display: block;}
.video-gal li a:hover .overlayg span{transform: rotate(60deg);}
.video-name{ padding: 9px 8px;color: #333; position: relative; z-index: 5}
.video-name:before{content: ''; width: 2px ; height: 100%; background-color:#f96020; position: absolute;left: -2px; top:0px; z-index: -1}
.video-gal li a:hover .video-name:before{width: 100%; left: 0px; border-radius: 0px 0px 6px 6px;  }
.video-gal li a:hover .video-name{color: white;}
.video-gal li a img{border-radius: 6px 6px 0px 0px}




.cd-search input[type="search"]{background-color: #ff753b !important}
.cd-dropdown .cd-close{background-color: #ff753b !important}





/************************************************************************************/
/*gallery*/
.galimg-col .galimg-detail
{
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}

.galimg-col{width: calc(100% / 4 - 10px) !important; float: left; margin-left: 5px; margin-right: 5px; margin-bottom: 10px}
.galimg-col a {
    display: block;
    color: #fff;
    overflow: hidden;
    border-radius: .3rem;
    box-shadow: 3px 5px 20px rgb(0 0 0 / 30%);
    position: relative;
}

.galimg-col .galimg-detail {
   
    position: absolute;
    text-align: right;
    bottom: 15px;
    left: auto;
    right: 0px;
    width: 90%;
    border-radius: 40px 0px 0px 40px;
    padding: 12px 12px;
    background-color: rgba(31, 50, 83, 0.83);
     border-left: 2px solid rgba(55,255,255,.2); 
    /*height: 34px;*/
    overflow: hidden;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}


.galimg-col a:hover img {
    transform: scale(1.1);
}

.galimg-col a img {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.galimg-col a:hover .galimg-detail {
 border-left: 2px solid rgba(55,255,255,0)
}





.note{    padding: 10px 20px;
    background-color: #ffff5e;
    border: 1px solid #ffde1d;
    border-radius: 7px;
    color: #e17201;
    font-style: italic;}






/************************************************************************************/
/*events detail page (design talk) */
.bld{font-family: 'latobold';}
.d-table{display: table;}
.tm-div{    border: 1px solid #fa8051;
    margin-left: 4px;}
.text-center p.gen-para{text-align: center !important;}

.news-date-gen {
    background-color: #ea571e;
    color: white;
    width: 86px;
    height: 100px;
    border-radius: 8px 8px 0px 0px;
}



 .news-date-gen .entry-day{
    padding-top: 18px;
    width: 100%;
    background: #782f13;
    border-radius:0px;
    padding-bottom: 13px;
    font-family: 'latolight';
    font-size: 32px;
    line-height: 20px;
    padding-top: 15px;
    margin-bottom: 5px;
}



 .news-date-gen .entry-month {
    width: 100%;
    float: left;
    font-family: 'latoblack';
    text-transform: uppercase;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto;
}


.news-date-gen.s-width{ width: 53px; border-radius: 6px 6px 0px 0px;}
.news-date-gen.s-width .entry-day {border-radius: 6px 6px 0px 0px;}




/*filter*/
/********************************/
/*search page*/
/********************************/
.pos-rel{position: relative;}
.pos-sta{position: static !important;}
.pos-abs{position: absolute;}

.main-div
{position: relative; padding-left: 260px; min-height: 800px;}

.in-comm
{min-height: 1388px}

.in-comm a
{text-decoration: none;}

.commonpadding
{padding-left: 50px; padding-right: 50px; padding-top: 20px}

/*catalog filter*/
.catalog-filter {
    position: absolute; /*color: #847577;*/
    width: 240px;
    left: 0px;
    top: 0px;
    z-index: 1; font-size: 14px; border: #ffd5c5 1px solid;}

.catalog-filter div.h4 {
    padding: 15px 15px 15px;
    background-color: #0065B3; color: white; width: calc(100% + 3px); margin-left: -1px; margin-top: -1px;
    border-top-right-radius: 5px; border-top-left-radius: 5px;
    margin-bottom: 0px;font-size: 14px;
    text-transform: uppercase !important;}

.filterPopUpOpen {
    font-size: .75em;
    padding: 4px;
    cursor: pointer;
    text-transform: none;
    /*color: #999999;*/
}

.filter-container {
    padding: 0;
     margin: 0; 
}

.cate
{padding: 12px 15px 12px; margin: 0px; background-color: #f4f4f4;
    color: #8c8c8c;
    font-size: 14px;
    font-family: 'latobold';}

.option-ul
{padding: 0px 13px; margin-bottom: 14px; }

.option-ul li
{padding: 9px 0px 0px 5px}

.option-ul li p
{margin: 0px}

.option-ul li p a
{font-size: 13px}

.filter-container .options {
    padding: 15px 15px;
    max-height: 342px;
    overflow-y: auto;
    /*font-size: 13px*/}

.input-group-addon {
    padding: 6px 8px;
}

.form-span {
    vertical-align: middle;
    display: table-cell;
}

.filter-container .panel-group, .filter-container .panel, .filter-container .panel-body
{padding: 0px; -webkit-box-shadow:none; box-shadow: none; border-radius: 0px; border: none;}

.filter-container .panel-group{margin-bottom: 1px}

.filt{ font-weight: normal;}

.accordion1
{margin-bottom: 0px}

.accordion1 .panel{
    border: none;
    box-shadow: none;
    border-radius: 0px;
    margin-bottom: 0px;
}
.accordion1 .panel-heading{
    padding: 0;
    border: none;
    border-radius: 10px;
}
.accordion1 .panel-title a{
    display: block;
    position: relative;    
}


.accordion1 .panel-title a:after,
.accordion1 .panel-title a.collapsed:after{
content: "\f068";
    font-family: fontawesome;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 50%;
    background: #ebe4e4;
    text-align: center;
    font-size: 10px;
    color: #fb8c60;
    position: absolute;
    top: 7px;
    right: 20px;
    transition: all 0.3s ease 0s;
}
.accordion1 .panel-title a.collapsed:after{
    content: "\f067";
}
.accordion1 .panel-title a:hover:after,
.accordion1 .panel-title a.collapsed:hover:after{
    /*transform: rotate(360deg);*/box-shadow: 0px 2px 7px rgb(175 168 165);
}

.fil-list li a{color: #847577; padding-top: 3px; padding-bottom: 3px; display: block; cursor: pointer;}
.fil-list li a.active{color: #FF9900}
.loc-grey{color: #00A7CA !important}
.rest-search{margin-top: 20px !important}
.rest-input-group{ margin: 25px auto 25px auto !important;}

/*top of search section*/
.search-result-txt-section {
    float: left;
    max-width: 76%;
}

.search-result-txt-section span
{color: #212121; font-weight: normal;font-size: 16px;}

.marT12
{margin-top: 12px;}

.sorting-sec {
    width: 226px; height: 40px;
    float: right;
    margin-top: 2px;position: relative;
}

.r-row
{margin-right: 0px !important;margin-left: 0px !important}

.sort-drop {
    position: absolute;z-index: 4;
    width: 225px;
    border: 1px solid #e8e8e8;
    cursor: pointer;
    border-radius: 3px;}

.search-result-header
{margin-bottom: 20px}

span.sort
{color: #999}

.sort-arrow
{float: right; color: #999;font-size: 18px}





/*mobile filter box*/

.filter-block {
    display: none;
    height: 55px;
    /* font-size: 13px; */
    padding-top: 6px;
    padding-bottom: 9px;
    margin-bottom: 20px;
    z-index: 9;
    border: 1px solid #ffd5c5;
    background-color: #fdf5e6;
    border-radius: 6px;}

.filter-mob-block {
    overflow: auto;
    color: #434343;
    white-space: nowrap;
    margin-bottom: -15px;
    padding-left: 15px;
}

.filter-mob-block .filter {
    margin-right: 35px;
    vertical-align: middle;
    display: inline-block;
}


.sort-filter-mob {
    width: 85px;
}

/*.filter-block p
{font-size: 13px}*/

select.sort {
    border: 0;font-size: 13px;padding: 0px;box-shadow: none;height: 20px;
    margin-bottom: 15px;
    overflow: hidden;
    text-align: left;border:none;
}

select.sort:focus
{box-shadow: none;}

.clear-show
{display: none;}

.filter-prod-count {
    padding: 15px 0 15px 10px;margin-bottom: 0px;
    text-align: center;float:left;}

.filter-button {
    margin-right: 0;
    float: right;
    margin-top: 8px;
    margin-bottom: 9px;
    padding: 5px 15px;}

.filter-head {
   text-transform: uppercase;
    /* font-size: 11px; */
    margin-bottom: 0;
    color: #f96020;
    font-family: 'latobold';}

.filter-type:after {
    background-position: -75px -62px;
    content: '\f0d7';
    font-family: 'fontawesome';
    margin-left: 9px;
    width: 8px;
    height: 5px;
    display: inline-block;}

.filter-button a{color: #847577}



/*find a course*/
.list-img {
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.17);
    padding: 3px;
    background-color: white;
    border-radius: 8px;
    margin-bottom: 15px;
}

.res-loc-div h2{margin-top: 0px; font-size: 17px; line-height: 23px !important;}

.list-div {
    color: #333;
    /* background-color: #F3F3F3; */
    border: 1px solid #bce8f1;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-radius: 8px;
}

.list-div .apply {padding: 5px 15px 6px }

.catalog-top-col
{   padding-bottom: 10px;
    border-radius: 5px;
    background-color: white;
}

 .radio-label {
    display: table;
    margin-bottom: 0px;
    line-height: 23px;
    margin-bottom: 3px;
}

 label.radio-label input {
    display: none;
}

label.radio-label span.c-box
{   height: 18px;
    width: 18px;
    border-radius: 100%;
    border: 1px solid #6E6E6E;
    background-color: #e5e7e7;
    display: inline-block;
    position: relative;
    margin-right: 7px;
    top: 3px;
    cursor: pointer;}

 .check-radio span.c-box {
    display: table-cell;
    vertical-align: top;
    margin-top: 1px;
}

input[type=radio]:checked + span.c-box{
    background-color: #ff9900;
    border: 1px solid #ff9900;
}

input[type=radio]:checked + span.c-box:before
{    content: '';
    width: 10px;height: 10px;border-radius: 100%;background-color: white;display: block;
    position: absolute;
    color: white;
    top: 3.2px !important;
    left: 3.2px;}


.check-label
{display: table;margin-bottom: 0px;padding-top: 5px;padding-bottom: 5px;}

.check-div
{display: table-cell;vertical-align: middle;    font-family: 'latoregular';}

.check-label span.c-box
{display: table-cell;vertical-align: top;margin-top: 1px}

label.check-label input {
  display: none;/* <-- hide the default checkbox */
}

.order-item label.check-label span.c-box
{ border: 1px solid white;}

label.check-label span.c-box {/* <-- style the artificial checkbox */
  height: 17px;
  width: 17px;
  border:1px solid #ffd5c5;
  border-radius: 2px;
  display: inline-block;
  position: relative;
  margin-right: 6px;
  cursor: pointer;

}

input[type=checkbox]:checked + span.c-box:before {/* <-- style its checked state..with a ticked icon */
  content: '\2713';
  position: absolute;
  color:#ffd5c5;
  top: -2px !important;
  left: 2px;

}


input[type=checkbox]:checked + span.c-box {/* <-- style its checked state..with a ticked icon */
  background-color: white;
   border: 1px solid white;
 
}


.apply-filter {padding: 12px 15px;
    background-color: #ea571e;
    width: 90%;
    margin: 0 auto;
    border-radius: 4px;
    color: white;
    font-size: 15px;
    margin-top: 10px;}
.apply-filter:hover{background-color: #DD0735}
.apply-filter a{color: white; display: block; text-align: center;}



@media (min-width: 992px){
    #catalog-filter {
    display: block  !important;}
    #mob-area{display: none;}
    #desk-area{display: block;}
}

@media (max-width: 991px){
#mob-area{display: block;}
#desk-area{display: none;}
.catalog-filter div.h4 {
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;}

.filter-block, .clear-show {
    display: block;}

#catalog-filter {
    display: none ;
    width: 100%;
    background-color: white;
    position: fixed;
    overflow: auto;
    height: 100%;
    padding-bottom: 30px;
    margin-bottom: 30px;
    z-index: 40000;
    left: 0px;}

.catalog-top-col {
    margin-top: 0px;}

.main-div {
    padding-left: 0px;}

}




/*thank you*/

.thank-bg .deals-cont, .in-deal-col, .cl-deal, .cl-row
{ height: 100%;}

.thank-para{border-bottom: 1px dashed rgb(255 255 255 / 24%); padding-bottom: 15px}
.tick-you{width: 65px; margin: 0 auto; margin-bottom: 0px}
.thank-bg .deals-cont {
    background-color: rgb(9 9 9 / 75%)  !important;
}
.tick-you{width: 50px; margin-top: -25px; background-color: green; border-radius: 100%}

.success{background-color: rgb(255 255 255 / 20%); width: 500px; z-index: 4; margin:0 auto;}

.slant-para-p:hover{color: #f96db1}

.deals-header-dark {
    padding: 15px 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: white;
    font-size: 42px;
    position: relative;
    z-index: 6;
    border-radius: 6px 6px 0px 0px;
}

.deals-body-dark {
    padding: 0px 20px;
    border-radius: 0px 0px 8px 8px;
    /* box-shadow: 0px 20px 40px 3px rgb(0 0 0 / 7%); */
    color: white;
}

.deals-col {
    margin-top: 20px;
    margin-bottom: 30px;
}

.deals-list {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
}

.z-6{z-index: 6}

.success-head-overlay{position: fixed; width: 100%; height: 86px; background-color: rgba(0,0,0,.4); top:0px; left: 0px;
 z-index:9}
.success-foot-overlay{position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); top:0px; left: 0px; z-index:6;
display: none;}

.success-body .success-foot-overlay{display: block;}

.campaign-footer {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: black;
}

.success-body .success-foot-overlay {
    display: block;
}

.success-foot-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
    top: 0px;
    left: 0px;
    z-index: 6;
    display: none;
}

.o-links {
    margin-bottom: 8px !important;
    margin: 0 auto;
}

.o-links li {
    float: left;
}
.o-links a, .adm.box img, .adm.box{    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
}

.o-links a {
    position: relative;
    padding: 0px 8px;
    line-height: 19px;
    color: rgb(249 249 249 / 82%) !important;
    font-size: 13px;
    display: inline-block;
    text-align: center;
}

.o-links a:hover{color: white !important}

.o-links a.first {
    padding-left: 0px;
}

.o-links a:after {
    position: absolute;
    right: 0px;
    content: '';
    width: 1px;
    height: 100%;
    background-color: rgb(255 255 255 / 59%) !important;
}

.o-links a.last {
    padding-right: 0px;
}

.o-links a.last:after {
    display: none;
}

.success-header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100% !important;
}


.success-fix-com {
    height: 86px;
}

.success-header .logo-div {
    margin-top: 5px;
}

.campaign-body, .campaign-body a {
    font-family: 'Poppins', sans-serif !important;
}
.success-bg{background-image: url(../img/campaign/thank-bg.jpg);}

.b-black-bg{background-color: black}

.success-body{font-size: 16px}
.success-body .send{font-weight: 500}

.success-body .send:hover {
    background-color: #008000 !important;
    border: 2px solid white !important;
    color: white;
    padding: 6px 25px;
}


/*success new design*/
.success-head{text-transform: uppercase; font-family: 'latoblack';
    padding: 10px 15px 0px;
    font-weight: 700;
    color: white;
    font-size: 32px;}

.tick-you-new {
    width: 50px;
    border-radius: 100%;
}

.success-para{font-size: 14px}

.success-new .thank-para { border-bottom: 1px dashed rgb(255 255 255 / 42%);}

@media (min-width: 1200px){
.success-col{width: 900px; margin-top: 90px !important; margin-bottom: 90px !important}
}

@media (max-width: 767px){
 .success-new-col{border-radius: 8px !important}   
}

@media (min-width: 576px){
 .thank-bg{height: calc(100vh - (86px + 96px)) }
}

@media (max-width: 575px){
 .thank-bg{height: calc(100vh - (86px + 105px)) }
.deals-header-dark {
    padding: 15px 15px 0px;
    font-size: 35px;}
.deals-para, .deals-col, .n-deal-col{padding-left: 0px !important;padding-right: 0px !important}
.deals-para{font-size: 14px}
.deals-body-dark {padding: 0px 15px;}
.success-para { font-size: 13px;}
}








/*payment design*/
.user-name{font-size: 17px; color: #fb7744}
.thank-reg{font-family: 'latoblack'; font-size: 19px; color: #171717;}
/*.sch-para{border-bottom: 1px dashed #dad5d5;}*/
.payment label {font-size: 13px}
.payment hr{border-top: 1px dashed #dad5d5 !important;}
.payment .btn-no-grad {
    padding: 7px 30px;}
.payment .career-apply input, .payment .career-apply select {
    border: 1px solid #ffe0bc ; height: 38px}
.s-small{font-size: 14px; position: relative; top:-2px;}
.success-col.two-row.first{margin-bottom: 30px !important; margin-top: 0px !important}
.success-col.two-row.second{margin-top: 30px !important; margin-bottom: 0px !important}
.success-col.mrg-top-0{margin-top: 0px !important}
.success-col.mrg-btm-0{margin-bottom: 0px !important}






/*small table*/
.l-orange-bg{background-color: #fdfbeb}
.small-table{border-radius: 0px; border:1px solid #f3f1b7 !important;margin-bottom: 20px}
.small-table .table>tbody>tr>th{font-size: 13px;  padding: 7px 15px !important;}
.small-table .table>tbody>tr>td, .small-table .table>tfoot>tr>td, .small-table .table>thead>tr>td, 
.small-table .table>tbody>tr>th {
    padding: 7px 15px;}

.small-table .table>tbody>tr:nth-child(even) {
    background-color: #ffffff;}
.small-table thead tr {
    background-color: #ffffff; 
}
.small-table thead tr th{color: #fb7744; padding: 9px 15px !important;text-align: center; 
    border-bottom: 1px solid #f3f1b7 !important}












/*icon box design*/
.icon-box{width: 65px}
.icon-box-text {width: calc(100% - 65px)}
h2.icon-h2{font-size: 19px; margin-bottom: 10px}
.icon-para{line-height: 24px; margin-bottom: 5px}


/*counselling*/
.counselling-list p, .coun-desc, .adm.box, .adm.box img, .adm.box figure{  transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;}
.counselling-list li.first{ width: calc(100% / 2.5 - 10px)}
.counselling-list li {
    display: block;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    width: calc(100% /5 - 10px)
}

.counselling-list li.first .inst-btn-ul{position: absolute;left: 30px; bottom: 27px; z-index: 5}

.gradient.counselling-list li.first .step-no{right: 30px; left: auto;}

.counselling-list li ul.dot-list li{float: none; width: 100%; text-align: left; line-height: 21px}
.dot-list.org li:before {
    background-color: #ea571e;
}

.dot-list.white li:before {
    background-color: white;
}

.counselling-list .dot-list li:before{top:4px;}
.step-no{
    width: 45px;
    height: 45px;
    line-height: 47px; text-align: center;
    border-radius: 100%;
    background-color: #ededed;
}

.counselling-list li .step-no{margin: 0 auto;
    margin-bottom: -15px; z-index: 5;
    position: relative; box-shadow: 0px 11px 13px -10px #341f17}


.first-overlay{
    position: absolute;
    width: 100%;height: 70%;
    bottom: 0px;
    left: 0px;
    background: -webkit-linear-gradient(rgba(8,25,43,0), rgb(29 28 28)) top;
    background: linear-gradient(rgba(8,25,43,0), rgb(29 28 28)) top;
    z-index: 4;
    padding-bottom: 90px
}


/*.coun-desc{opacity: 0; max-height:0px;  transform: translateY(100%); font-size: 13px; margin-top: 15px;
}
.adm.box:hover .coun-desc{opacity: 1; max-height: 100%;transform: translateY(0px); }
.adm.box:hover img {  animation-name: slideInUp; animation-duration: .5s; }*/

.adm.box:hover{background-color: #767676}

.adm.box{position: relative;z-index: 4}

.coun-overlay {
    background:  #767676;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.coun-desc {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    color: rgb(255 255 255 / 82%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.adm.box:hover .coun-desc {
    top: 50%;
    left: 50%;
    opacity: 1;
}

.adm.box:hover .coun-overlay {
    opacity: 1;
}

/*if varient color*/
.counselling-list li.first{background-image: url(../img/images/student1.jpg);}
.gradient .adm.one{background-color: transparent;}
.gradient .adm.two{background-color:#353430 }
.gradient .adm.three{background-color:#4f4c47 }
.gradient .adm.four{background-color: #69655c}

.gradient .adm figure{margin: 0; margin-bottom: 10px}
.gradient .adm{padding:40px 25px 90px; text-align: left; height: 100%}
.gradient .adm p{text-transform: uppercase; font-family: 'latoblack'; font-size: 16px;line-height: 20px; }

.gradient .coun-desc {
     position: static; 
    text-align: left;
    padding-left: 0em;
    padding-right: 0em;
    opacity: 1;
    margin-top: 25px;
     -webkit-transform: translate(0%, 0%); 
    -moz-transform: translate(0%, 0%);
     transform: translate(0%, 0%); 
     color: rgb(255 255 255 / 70%);
}

.gradient.counselling-list li a{ color: rgb(255 255 255 / 70%);}
.gradient.counselling-list li a.btn-no-grad {padding: 13px 26px;}
.gradient .coun-overlay{display: none;}
.gradient .dot-list li:before {content: none;}
.gradient .dot-list li{padding-left: 0px; margin-left: 0px; margin-right: 0px}
.gradient .box.vrt-middle .sub-box {vertical-align: top !important;}

.gradient.counselling-list li{position: relative;}
.gradient.counselling-list li .step-no{margin-bottom: 0px;
    position: absolute;
    left: 30px;
    /* right: 50%; */
    /* transform: translate(-50%, -50%);
    background-image: url(../img/images/button-bg.png);
     */
     background-color: #ea571e;
    bottom: 27px;
    color: #ffffff;
    font-family: 'latoblack';
    font-size: 22px;
    line-height: 45px !important;}



/************************************************************************************/
/*area*/
/************************************************************************************/
/*my style*/
.list-div
{transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}


.list-div-cont{height: 100%; position: relative; padding-bottom: 32px}
.list-div-cont .inst-btn-ul {position: absolute; bottom: 0px; left: 0px}

.area-main .list-div-cont{padding-bottom: 45px}
.area-main .list-div-cont .intake {position: absolute; bottom: 25px;}

.scholarship .office-list{display: flex !important}

.scho-item {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    background-color: #FFF;
    width: calc(100% / 2 - 20px);
    /* width: 100%; */
    border-radius: .3rem;
    margin: 0px 10px;
    border: 1px solid #efefef;
    /*height: auto;
    display: block;*/
    box-shadow: 0 0.2rem 1rem -0.07rem rgb(251 210 194 / 38%);
    cursor: pointer;
    vertical-align: top;
    margin-bottom: 20px;
    float: left;
}



/************************************************************************************/
/*scholarship*/
/************************************************************************************/
/*.scho-icon{width: 30px}*/

.scho-div{border:1px solid rgb(192 192 192 / 52%) !important; border-radius:4px; padding: 12px; height: 100%}
.scho-col{padding-left: 5px; padding-right: 5px}
.scho-row{padding-left: 10px !important; padding-right: 10px !important}
.scho-icon{width: 40px}

/************************************************************************************/
/*maitri partners*/
/************************************************************************************/
.maitri-partners .inst-logo-ul li {
    width: calc(100% / 5 - 10px);
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}



.target{position: absolute;
  left: 0px;
  top: -86px;}

.anchor-h2{ position:relative; }
.anchor-h2 span{ position:absolute; top:-86px;}

/*h3{ position:relative; }
h3 span{ position:absolute; top:-1000px;}*/

/************************************************************************************/
/************************************ Responsive ************************************/
/************************************************************************************/


/*media quries*/


/*only for maitri global*/

@media (min-width: 1400px){
    .pd-2-35{
    max-width: 1400px !important;
    margin-left: auto;
    margin-right: auto;}

}

@media (min-width: 1300px) and (max-width: 1399px) {
        .pd-2-35{
    max-width: 1300px !important;
    margin-left: auto;
    margin-right: auto;}
        }

/*only for maitri global*/



/*@media (min-width: 1300px){
    .pd-2-35{
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;}

}*/

@media (max-width: 1299px){


}


@media (min-width: 1200px){
.mob-menu{display: none !important;}
.desk-menu{display: block !important; float: right;}
   .gradient .adm p {
    padding-right: 50px;}
.scho-item {width: calc(100% / 2 - 20px);}
}


@media (max-width: 1199px){
/*.scho-item {width: calc(100% / 2 - 10px);}
.scho-item:nth-child(even){margin-left: 0px; float: left;}
.scho-item:nth-child(odd){margin-right: 0px; float: right;}*/
.cd-dropdown-trigger{    top: -4px;
    margin-bottom: 0px !important;margin-top: 0px !important}
.desk-menu{display: none;}
.mob-menu{display: block !important;}
.mob-menu .iim{display: none;}
.btn-container{ padding-right: 0px;}
.bell { margin-left: 14px;}
.other-col { padding-left: 10px;}
header .search-drop {width: 287px;}
.icon-text {font-size: 13px;}
.block-icon.align-left li{ padding: 0px 0px;}
.icon-span:after {right: -40px;}
.abt-fig2 { margin-top: -10px;}
[class*=' imghvr-'] figcaption, [class^=imghvr-] figcaption{ padding: 15px;}
.outer h4 {margin-top: 0px;font-size: 13px; margin-bottom: 10px}
.events-div .com{line-height: 18px;}

}


@media (min-width: 992px) and (max-width: 1199px) {
/*.wel-top-bottom {
    padding-top: 3%;}*/

.card-cont .card {
    width: calc(100% / 4 - 10px);}

.maitri-partners .inst-logo-ul li {
    width: calc(100% / 5 - 10px);}

.top-link li a span.tp-link-text{display: block; padding-right: 0px; padding-top: 5px}
.pickup-list-div .top-link span.tp-number { margin-right: 0px;}
.top-link li a {font-size: 12px}

}



@media (min-width: 992px){

#mob-events{display: none;}
#desk-events{display: block; padding-top: 20px}

}



@media (max-width: 991px){
.top-link li a{padding: 12px 7px;}
.pickup-list-div .top-link span.tp-number { margin-right: 3px;}
.d-none-991{display: none;}
.news-img {
    position: static;
    width: auto; margin:0 auto;
    object-fit: cover;
    border-radius: 0px !important;
}
.pick-fig{text-align: center; margin-top: 30px}
.top-link li a {
    border-radius: 6px 6px 6px 6px !important;
}
.pickup-list-div .top-link {border:none; box-shadow: none;}
.pickup-list-div .top-link li {
    width: 100%; float: none; margin-bottom: 10px}

.pickup-list-div .top-link li a {
    border-right: none; text-align: left;}

.pickup-list-div .top-link li:last-child{margin-bottom: 0px}

.type-btn { padding: 6px 5px; font-size: 10px;}
.abv-foot-fig {
    height: auto;
    position: static;
    left: auto;
}
.scho-item {width: calc(100% / 1 - 0px); margin-left: 0px; margin-right: 0px}
/*.scho-item:nth-child(even){margin-left: 0px; float: left;}
.scho-item:nth-child(odd){margin-right: 0px; float: right;}*/

.boot-menu-nav .navbar-toggler {
    border: none !important;
    margin-top: 3px;}
.menu-cont { margin-right: 0px;}
header .search-ul{display: none;}
.bottom-footer-cont {padding-bottom: 5px;}
.inter-main, .request-main{text-align: center;}
.sub-inter{margin-left: 0px}
.count-main {
    background-position: center;}

.our-team {
    padding-left: 50px;
    padding-right: 50px;
}
.events-div.scnd {transform: translateY(0px);}
.events-dt-main .cnt-form-col {
    border-radius: 0px 0px 8px 8px;}
.events-div .com {
    font-size: 14px !important;}

#mob-events{display: block;}
#desk-events{display: none;}
.video-cont-col{padding-right: 30px; padding-left: 30px;}
.social-cont {bottom: 10px; left: 55px;}
.slider-icon-cont { bottom: 45px; right: 50px}
.block-icon.align-left li{width: calc(100% / 4 - 0px);}
.abt-fig2{margin-top: 0px}
.why-row{margin-top: 30px}
ul.social li a{margin-left: 2px; margin-right: 2px;}



#product-search{padding-left: 0px}
.slide-list {left: 30px;}
.other-col { margin-top: 3px;}
header .search-drop {width: 100%;}
.offer-cont{margin-top: 30px}
.features .wel-top-bottom {
     padding-top: 80px; 
     padding-bottom: 80px; 
}
.hig-box img {
    width: 70px;
}
.gal-pos .wel-top-bottom{padding-top: 0px}
.gal-slider-main{margin-top: 0px; padding-top: 0px}
.gal-pos{top: 0px; padding-top: 30px;}
.in-side-col{margin-top: 40px}
.in-slide-head{font-size: 40px}
.rights-col, .power-col{width: 100%; float: none; flex: 100%; max-width: 100%; text-align: center;}
.rights.text-left, .powered-by.text-right, .credits-col {text-align: center !important;}
.credits{padding-left: 0px; font-size: 11px; display: block; margin-top: 3px}
.rights{margin-bottom: 8px}
.in-side-col {padding-left: 15px;}
.in-side-menu{box-shadow: 0px -11px 30px -32px rgb(0 0 0 / 65%);}
.side-list-inn li.active a:after{right: 100%;
    margin-top: -10px;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-right: 10px solid #f96020;
}
/*.in-side-menu { padding: 20px 0px 0px 0px;}*/




.dis-none-991{display: none;}


.office-address{padding: 0 1.1rem;}
}



@media (min-width: 768px) and (max-width: 991px) {
.h-work:after{ right: -28%;}
.counselling-form .countlist li {
    width: calc(100% / 1 - 0px); margin-left: 0px; margin-right: 0px; margin-bottom: 10px}
.maitri-partners .inst-logo-ul li {
    width: calc(100% / 4 - 10px);}

.galimg-col {
    width: calc(100% / 3 - 10px) !important;}
.pd-2-35 {padding-left: 20px !important;padding-right: 20px !important;}
h1.home-h{ font-size: 35px;}
h2.home-h{ font-size: 30px; line-height: 40px !important;}
.ser-h3 {font-size: 21px;}
.services-main {
    padding-top: 0px; 
    padding-bottom: 80px;
    margin-top: 0px; 
}

.card-cont .card {width: calc(100% / 4 - 10px);}

.about-8.pr-5 {padding-right: 15px !important;}

.counselling-list li,.counselling-list li.first {
    width: calc(100% / 2 - 10px); margin-bottom: 10px}


}


@media (min-width: 768px){
.desk-slide{display: block;}
.mob-slide{display: none;}
.desk-info{display: block;}
.mob-info{display: none;}

.mob-dept{display: none;}
.desk-dept{display: flex;}
.desk-logo{display: block;}
.mob-logo{display: none;}

.mob-course-ul li.tab a{ height: 50px;}

.cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before
{height: 14px;}

}



@media (max-width: 767px){
.form-cont-ser {
    padding: 40px 15px;
}
.m-services:after{display: none;}
.hero{padding-right: 20px}
.desk-slide{display: none;}
.mob-slide{display: block;}
.about-8.pr-5 {
    padding-right: 15px !important;
}

/*removing sticky in mobile view*/
.hd-main{ position: static;}
.h-86{display: none;}
.target{top:0px;}

.sticky {position: static;}
.galimg-col {
    width: calc(100% / 2 - 10px) !important;}
.career-main {
    background-position: 38px 16px;}
.wel-top-bottom {
    padding-top: 60px;
    padding-bottom: 60px;
}
.slide-list li a {padding: 14px 10px 14px;width: 110px;}
.slide-div {height: 420px;}
.slide-icon {margin: 0 auto}
.slide-list p { font-size: 13px;}
.slide-icon {width: 40px;}
footer .logo{/*margin: 0 auto;*/ margin-bottom: 10px}
.letter-para, footer .address{margin-bottom: 25px}
.co-col{border-left: none;}
.link-box.first{border-right: none;}
.ft-link-col, .cap-para{display: none;}
.video-col{margin-top: 25px;}
.desk-info{display: none;}
.mob-info{display: block;}
.no-div {margin-left: 8px;}
.bhoechie-tab3{margin-top: 30px}

.hig-box img {
    width: 55px !important;
}
.hig-box{margin-bottom: 20px}
.hig-box.last{margin-bottom: 0px}
.auto-767{margin:0 auto; margin-bottom: 18px}
.desk-logo{display: none;}
.mob-logo{display: block;}
.logo{margin: 0px;}
.about-main .auto-767{margin-top: 30px}
.services, .services .gen-para.text-left{text-align: center !important;}
.services img {
    width: 70px; margin: 0 auto; margin-bottom: 15px}
.services .learn{margin-bottom: 60px}
.services .learn.last{margin-bottom: 0px}
.services-main {padding-bottom: 0px;}
.gal-col{margin-top: 300px; padding-right: 50px !important; padding-left: 50px !important}
.dis-none-767{display: none;}
.ft-logo-cont, .link-box{border-right: none;}
.footer-social{ margin-bottom: 20px !important;}
.add-div{margin-bottom: 20px}
.add-box {
    margin-bottom: 20px
}
.add-box.last {
    margin-bottom: 0px
}



.services-main {
     padding-top: 0px; 
     margin-top: 0px; }

.menu-cont{width: 150px; float: right; }
.menu-cont-desk{ float: none; clear: both;}
.no-div{margin-right: 173px;}
.in-other-cont{float: none; clear: both;}
.right-fig.float-right, .abt-fig2.float-left{float: none !important;
    margin: 0 auto;
    display: table;
    text-align: left;}

.float-right.right-fig{ margin-top: 20px;}
.abt-fig2.float-left{margin-bottom: 30px}
.block-icon{float: none;}
.video-text-col {padding-left: 15px;}
.video-inn-icon{ right: auto; left: calc(50% - 70px/2); }
.round{ right: auto; left: 50%; }
.blog-cont.first{margin-top: 20px}
/*.foot-head:after{left:calc(50% - 27px / 2);}*/
.co-col{margin-bottom: 20px}
}






@media (max-width: 767px){
.per-value{width: 120px; text-align: left;}
.per-text{width: calc(100% - 120px); padding-left: 15px; text-align: left;}
.office-item{width: calc(100% - 30px); margin-left:15px; margin-right: 15px; margin-bottom: 15px; min-height: auto;
height: auto;}
.maitri-iframe:hover {
    height: 170px;}
.maitri-iframe{position: static; margin-bottom: -6px}
.contact-inn .office-item {
    padding-bottom: 0px;
}
.cnt-form-col{border-radius: 0px 0px 8px 8px;}
header .search-ul li.dropdown, header .search-ul {width: 100%;}
header .search-ul{display: none;}
.counselling-list li.first .adm {padding: 40px 25px 130px;}
.counselling-list li.first .inst-btn-ul {left: 27px;bottom: 80px;}
.gradient.counselling-list li.first .step-no {
    left: 30px;/
    right: auto;
}
.our-team {padding-left: 0px; padding-right: 0px;}
.in-fig-cont{width: calc(100% / 3 - 0px); float: left;}
.cam-btm-logo figure{padding-left: 5px; padding-right: 5px}
.wel-top-bottom.side-des{padding-bottom: 0px !important}
.boot-menu-nav{float: right;}
.news-img{width: auto; height: auto;}
.link-col .sub-box{display: block !important}
.link-col { padding: 25px 15px;}
.link-col .sub-box1{padding-right: 0px}
.ser-fig img{width: 100%}
.t-details {padding: 30px 15px 30px;}


}





@media (min-width: 576px) and (max-width: 767px) {
.h-work:after{right: -40%;}
.maitri-partners .inst-logo-ul li {
    width: calc(100% / 3 - 10px);}
.count-text {
    font-size: 19px;
    line-height: 21px;}
.countlist .counter-value {font-size: 30px;}
.counselling-list li, .counselling-list li.first {
    width: calc(100% / 2 - 10px);
    margin-bottom: 10px;
}

.gal-pos{    padding-top: 80px !important;
  }
.gal-col{  padding-bottom: 80px !important;}
h1.home-h{ font-size: 35px;}
h2.home-h{ font-size: 30px; line-height: 40px !important;}
.ser-h3 {font-size: 21px;}
.welcome-main {
    padding-top: 0px;
}
.whole {font-size: 40px;}
.pd-2-35{padding-left: 15px !important; padding-right: 15px !important}

}



@media (min-width: 601px){

}

@media (max-width: 600px){

}


@media (min-width: 576px){
    .card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;}

    #mob-campus{display: none;}
    #desk-campus{display: block;}

 

}



@media (min-width: 426px) and (max-width: 575px) {
    .in-team-swiper-col{width: 50%}

}




 

@media (max-width: 575px){
.t-details .inst-btn-ul li {float: none;}
.t-details .inst-btn-ul{text-align: center;}
.t-details .inst-btn-ul li .btn-no-grad { margin: 0px 0px;}
.t-price {
    padding: 24px 12px;
    height: 110px;
}
.t-price-amount{font-size: 22px}
.t-name {font-size: 16px;}
.t-level {font-size: 12px}
.frm-details { padding: 25px 15px;}
 .services-design-2.reach-us h3 {font-size: 20px;}
.form-service { padding: 20px 0px;}
.type-btn{font-size: 10px;}
.h-work{margin-bottom: 75px}
.h-work:after{transform: rotate(90deg) translateX(-45%);
    bottom: -75px; top:auto; right:auto; left: 45%;}
.h-work.last{margin-bottom: 0px}
.counselling-form .countlist li {
    width: calc(100% / 1 - 0px); margin-left: 0px; margin-right: 0px; margin-bottom: 10px}
.counselling-form .countlist li:last-child {
    display: block;}

.scho-col{margin-bottom: 10px}
.maitri-partners .inst-logo-ul li {
    width: calc(100% / 2 - 10px);}
.scho-item {width: calc(100% / 1 - 0px);}
.scho-item:nth-child(even){margin-left: 0px; float: none; margin-right:0px;}
.scho-item:nth-child(odd){margin-right: 0px; float: none; margin-left:0px;}
.per-value{width: 90px; }
.per-text{width: calc(100% - 90px); }
footer .address{margin-bottom: 0px}
footer.footer-dark .foot-head { margin-top: 25px;}
footer .num-div{margin-top: 12px}
.counselling-list li.first .inst-btn-ul {
    left: 30px;
    bottom: 40px;
}
.counselling-list li.first .adm { padding: 40px 25px 97px;}
.gradient .adm figure, .gradient .adm p {display: table-cell; vertical-align: top;}
.adm figure{padding: 0px}
.gradient .adm p {padding-left: 10px;}
.gradient .adm {padding: 30px 25px 30px;}
.adm img {width: 50px; margin-bottom: 0px}
.gradient.counselling-list li .step-no {    top: -25px; left: 29px;    font-size: 20px;
    line-height: 40px !important; width: 40px;height: 40px;}
.gradient .coun-desc{padding-left: 60px;margin-top: -13px;float: right;}
.inter { font-size: 37px;}
.inter-main .inst-btn-ul li, .request-main .inst-btn-ul li {float: none;}
.inter-main .inst-btn-ul li a, .request-main .inst-btn-ul li a{width: 100%; margin-bottom: 0px}
.group-btn li { margin-right: 0px;}
.countlist li {width: calc(100% / 2 - 0px)}
.countlist li:last-child{display: none;}
.test-box {padding-left: 28px;}
.icon-tab li {
    padding: 0px 2px;
    margin-bottom: 4px;
}
.icon-tab li a {width: auto;}
.counselling-list li.first {height: 300px;}
.about-8.pr-5{padding-right: 15px !important}
.counselling-list li, .counselling-list li.first {
    width: 100%; margin-left: 0px; margin-right: 0px;
    margin-bottom: 10px;
}
.count-text {
    font-size: 19px;
    line-height: 21px;}
.countlist .counter-value {font-size: 30px;}
#mob-campus{display: block;}
#desk-campus{display: none;}
.explore-college .list-div{width: 50%; flex: 50%;padding-top: 13px; padding-bottom: 0px }
.explore-college .list-div:nth-child(even){padding-left: 2px}
.explore-college .list-div:nth-child(odd){padding-right: 2px}
.explore-college .list-div-col {padding: 15px 5px;}
.explore-college .res-loc-div h2 {
    margin-top: 0px;
    font-size: 14px;
    line-height: 18px !important;
}
.explore-college .res-loc{font-size: 13px}
.mobcampus .swiper-container{padding-top: 35px}
.mobcampus .swiper-button-next, .mobcampus .swiper-button-prev{top:20px;}
.mobcampus .swiper-button-prev{
    right: 37px !important;
    left: auto !important;
}

    .area-main .list-div {
    width: 100%;
    flex: 100%;
margin-right: 0px;}

    .course-tab li a h3.ofr-h3 {
    font-size: 13px;}

    .course-tab li {
    padding: 0px 1px;
    width: calc(100% / 3 - 0px);}

    .course-tab li:first-child {
    padding-left: 1px;}

    .course-tab li:last-child {
    padding-right: 1px;}

    .course-tab li a {
    padding: 15px 6px;}

    .course-tab.row{margin-left: 0px; margin-right: 0px}

  /*  .course-tab li {
    float: none;
    width: 100%;}*/

    .in-blog .blog-dtl {padding: 8px 15px;}
    .news-date-gen {width: 60px;}
    .galimg-col .galimg-detail{ padding: 5px 12px; width: 100%;
    border-radius: 0px 0px 0px 0px;}
    .cd-dropdown-trigger{margin-right: 0px !important}
 
    .slide-div{height: 330px}
    .slider-icon-cont {
    width: 240px;}

    .testimonial-in {
    padding: 20px 15px;}

    .hide-bar {
    width: 233px;}
    #contact-map {
    padding: 30px 5px;
     margin-top: 0%; }
    .cnt-form-col{padding: 30px 0px}
    .card-main .card-body .sub-box1 figure {width: 38px !important}
    .card-main .card-icon{padding: 5px;}
    .card-main .card-body {padding: 10px;}
    .card-text {
    font-size: 12px;
    line-height: 13px;}

    .footer-logo {
     margin-top: 0px; height: 40px;
}


.breadcrumb li a {
    font-size: 13px;
}

    .gal-col {
    padding-right: 15px !important;
    padding-left: 15px !important;
    padding-bottom: 40px !important;
    margin-top: 257px;}

   /* .logo {
    height: 40px;}*/



    /*.cd-dropdown-wrapper{margin-top: 50px}*/

    .carousel-indicators.float-down{right: 6px; bottom: 5px;}

/*
    .sticky .logo {
    height: 38px;}

    .sticky .rel-cont {
    min-height: 58px;}

    .sticky .cd-dropdown-wrapper {
    margin-top: 47px;}*/

    .whole {font-size: 42px; line-height: 50px;}
    .count-cont{width: calc(100% / 2 - 0px); max-width: calc(100% / 2 - 0px); flex: calc(100% / 2 - 0px)}
    .welcome-main {
    padding-top: 0px;
}

    .wel-top-bottom {
    padding-top: 50px;
    padding-bottom: 50px;
}

     
    h1.home-h{ font-size: 30px; line-height: 34px !important;}
    h2.home-h{ font-size: 28px; line-height: 32px !important;}
    .ser-h3 {font-size: 19px;}

    .phone {
    font-size: 17px;}

    .message {
    padding: 15px;}

    .card {
    margin-bottom: 9px !important;}

   .card-columns.certif {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;}

     .demo-gallery > ul.certif > li{width: 100% !important; max-width: 100% !important;
    flex: 100% !important;}

.in-body .wel-top-bottom {
    padding-top: 30px;
    padding-bottom: 40px;
}

.in-slide-head {
    font-size: 30px; line-height: 46px;
}
/*.breadcrumb{ padding: 8px 15px;}*/
.pd-0-575{padding-left: 0px;padding-right: 0px}

.pd-2-35 {padding-left: 15px !important; padding-right: 15px !important;}

.rights.text-left {text-align: center;}
footer .phone-icon-box{margin: 0 auto;margin-bottom: 5px}

.gen-list li, .d-blog-p-cont ul li {
    line-height: 24px;}


.in-main-col, .inn-cont {
    padding-top: 40px;
    padding-bottom: 40px;
}

/*.inner-page-slide{height: 150px}*/



body, footer{font-size: 14px}
.gen-para, .d-blog-p-cont p { line-height: 25px; font-size: 14px;}
.in-text-testi .tes-dtl-cont p{line-height: 25px;}
.navbar-nav>li>a{font-size: 14px; padding: 10px 18px;}

.icon-image img{width: 35px;}
.block-icon li:not(:last-child) { padding-right: 18px !important;}
.icon-span:after{ width: 25px; right: -20px;}
.video-cont-col {padding-right: 0px; padding-left: 0px;}
.tes-dtl-cont{margin-right:15px; margin-left: 15px}
.testi-main .swiper-button-next{right: 3px}
.testi-main .swiper-button-prev{left: 3px}
.blog-head{line-height: 20px; margin-bottom: 8px;}
.blog-para{ margin-bottom: 5px; line-height: 18px}
.menu-cont .cnt-btn, .in-other-cont .no-div{display: none;}

}




@media (min-width: 426px) and (max-width: 575px) {

}


@media (max-width: 425px){
   /* .cap-text{display: none;}*/
    .slider-icon-cont {width: 140px;}
    .bottom-footer-col{font-size: 12px}
    .boot-menu {padding: 20px 15px}

}


@media (max-width: 375px){
.o-links a {
    padding: 0px 5px}

.news-date-gen.float-left
{float: none !important;
    margin: 0 auto;
    margin-bottom: 6px;}


.tm-div.float-left{
float: none !important;
    margin-left: 0px;
    width: 100%;}
}




@media (max-width: 319px){
.course-tab li a h3.ofr-h3 {
    font-size: 11px;}
}