body{    
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #142C6B;
}
p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #555555;
    line-height: 1.6;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    line-height: 1.5;
}
h1, .ch1 {
  font-size: 30px;
}
.custom-h1{
    background-color: transparent !important;
    letter-spacing: 0 !important;
    font-size: 24px !important;
    padding: 0 !important;
}
.fs-16{
    font-size: 16px !important;
}
.fs-20{
    font-size: 20px !important;
}
.fs-24{
    font-size: 24px !important;
}
.fs-28{
    font-size: 28px !important;
}
.fs-32{
    font-size: 32px !important;
}
.fs-h2{
    font-size: 20px !important;
}
.blue{
    color: #142C6B;
}
.orange{
    color: #F37225 !important;
}
.yellow{
    color: #F3A130;
}
.offwhite{
    color: #D9DDF1;
}
.text-light{
    color: #d2e2f1 !important;
}
.ls-2{
    letter-spacing: 2px;
}
.fw-medium{
    font-weight: 500;
}
.bg-blue{
    background-color: #142C6B;
}
.default-cursor{
    cursor: default;
}
.square-logo-top{
    max-width: 250px;
    position: absolute;
    top: 0;
    left: 0;
}
.sticky-top {
    position: -webkit-sticky !important;
    position: sticky !important;
}
.btn{
    font-weight: 500;
}
.btn-primary{
    background-color: #F37225;
    border-color: #F37225;
    color: #ffffff;
    -webkit-box-shadow: 0 4px 25px 0 rgb(213 47 21 / 26%);
    -moz-box-shadow: 0 4px 25px 0 rgb(213 47 21 / 26%);
    box-shadow: 0 4px 25px 0 rgb(213 47 21 / 26%);
}
.btn-primary:hover{
    background-color:#FF6C14;
    border-color: #FF6C14;
}
.btn-blue{
    background-color: #142C6B;
    border-color: #142C6B;
    color: #ffffff;
}
.btn-blue:hover{
    color: #ffffff;
    background-color:#203f8f;
    border-color: #203f8f;
}
.btn{
    transition: all .2s ease-in-out;
}
.btn-primary:hover {
    transform: translateY(-0.15rem);
}
.h5{
    font-size: 18px;
}
.img-fluid{
    max-width: 100%;
}
.text-justify{
    text-align: justify;
}

.navbar-brand img{
    width: 180px;
}
.navbar-nav li{
    margin-bottom: 0px !important;
}
.main-navbar{
    -webkit-box-shadow: 0 3px 15px 0 rgb(0 0 0 / 6%);
    -moz-box-shadow: 0 3px 15px 0 rgb(0 0 0 / 6%);
    box-shadow: 0 3px 15px 0 rgb(0 0 0 / 6%);
}
.main-navbar .nav-link, .nav-link-small{
    color: #343f52;
    font-size: 16px;
    font-weight: 500;
    margin: 0 5px;
}
.main-navbar .nav-link {
    padding: 35px 1rem;
}
.nav-link-small{
    font-size: 15px;
    text-decoration: none;
}
.main-navbar .nav-link.active{
    color: #F37225;
}
.notify-badge{
    position: absolute;
    top: -8px;
    right: -8px;
    background-color: #F37225;
    color: #ffffff;
    font-size: 12px;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    text-align: center;
}
.dropdown-toggle::after, .dropend .dropdown-toggle::after{
    border: solid black;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.dropend .dropdown-toggle::after{
    transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    position: absolute;
    margin-right: 0;
    right: 1rem;
    top: 1rem;
    vertical-align: 0;
}
.pb-100 {
    padding-bottom: 100px;
}
 /* ============ Navbar only desktop view ============ */
 @media all and (min-width: 992px) {
	.navbar .dropdown-menu-end{ right:0; left: auto;  }
	.navbar .nav-item .dropdown-menu{  
        display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;
        border-radius: 0.4rem;
        box-shadow: 0 0 1.25rem rgb(30 34 40 / 6%);
        border: 0;
        font-size: 15px;
    color: #343f52;
    padding: 1rem 0;
     }
	.navbar .nav-item:hover .nav-link{ color: #F37225;  }
	.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
	.navbar .dropdown-menu.fade-up{ top:180%;  }
	.navbar .nav-item:hover .dropdown-menu, .navbar .nav-item .dropdown-submenu:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
}	
/* ============ desktop view .end// ============ */
  
.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.35rem 1.5rem;
    clear: both;
    font-weight: 500;
    color: #343f52;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
    color: #F37225;
    background-color: transparent;
}
.navbar .nav-item .dropdown-submenu .dropdown-menu{
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}
.dropend>.dropdown-menu {
    right: auto;
    left: 100%;
}
.navbar .nav-item .dropdown-submenu:hover .dropdown-menu{
    margin-top: 0;
    top: 0%;
}
.navbar-toggler {
    padding: 0;
    font-size: 18px;
    color: #343f52;
    border: 0;
}
.navbar-toggler-icon{
    background-image:url(../images/hamburger.svg);
}
.navbar-toggler:focus{
    box-shadow: none;
}
body.offcanvas-active{
	overflow:hidden;
}

.offcanvas-header{ display:none; }

.screen-darken{
	height: 100%; width:0%;
	z-index: 30;
	position: fixed; top: 0; right: 0; 
	opacity:0; visibility:hidden;
	background-color: rgba(34, 34, 34, 0.6);
	transition:opacity .2s linear, visibility 0.2s, width 2s ease-in;
}

.screen-darken.active{
	z-index:10; 
	transition:opacity .3s ease, width 0s;
	opacity:1;
	width:100%;
	visibility:visible;
}
/* / nav end */



.card{
    -webkit-box-shadow: 0 15px 25px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 15px 25px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 15px 25px 0 rgb(0 0 0 / 10%);
    border: 1px #DDDDDD solid;
    border-radius: 10px;
    background-color: #fff;
    position: relative;
}
.card-body{
    padding: 15px;
}
.ptb-80{
    padding-top: 80px;
    padding-bottom: 80px;
}
/* small-card */
.small-card{
    border: 2px #EEF0F6 solid;
    box-shadow: none;
    border-radius: 6px;
    height: 110px;
    transition: .3s;
}
.small-card .h5{
    color: #142c6b;
}
.card-80{
    height: 80px;
}
.small-card .h5-f14 {
    font-size: 14px;
    font-weight: 500;
}
.small-card:hover{
    -webkit-box-shadow: 0 15px 30px 0 rgb(0 0 0 / 16%);
    -moz-box-shadow: 0 15px 30px 0 rgb(0 0 0 / 16%);
    box-shadow: 0 15px 30px 0 rgb(0 0 0 / 16%);
    border-color:#fff ;
    transform: translateY(-5px);
    
}
.hover-transition{
    transition: .3s;
}
.hover-transition:hover{
    transform: translateY(-5px);
}
.nohover:hover{
    color: #142C6B;
    background-color: #ffffff;
    border-color: #EEF0F6;
    box-shadow: none;

}
.small-card .card-body{
    height: 100%;
}
.small-card .card-body>.d-flex{
    height: 100%;
}
.small-card img{
    height: 40px;
}
.small-text{
    font-size: 15px;
    color: #555555;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #ffffff;
    background-color: #F37225;
}
.nav-pills .nav-link{
    background-color:#F5F5F5;
    color: #142C6B;
    border: 1px #EEF0F6 solid;
    font-weight: 500;
}
.nav-pills .nav-link:hover{
    color: #ffffff;
    background-color: #F37225;

}
.nav-pills .nav-item{
    margin: 0 7px;
}

.student-universe{
    background-color: #142C6B;
    padding: 70px 15px;
}
.student-universe .container{
    background-image: url(../images/home/dotted-map.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.sm-border{
    width: 50px;
    height: 2px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
}
.sm-border-yellow{
    background-color: #F3A130;
}
.sm-border-orange{
    background-color: #F37225;
}
.sm-border-white{
    background-color: #ffffff;
}
.input-group-text{
    background-color: #ffffff;
}
.student-universe .form-control{
    height: 60px;
}

.carousel-indicators{
    bottom: -40px;
}
.carousel-indicators [data-bs-target] {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    margin-right: 8px;
    margin-left: 8px;
    background-color: #D9DDF1;
}
.carousel-indicators .active {
    background-color: #F3A130;
}

.accordion-item {
    border: none;
    margin-bottom: 30px;
    border: 1px #f1f1f1 solid;
}
.accordion-button{
    background-color: #F5F5F5;
    color: #142C6B;
    font-weight: 500;
    font-size: 18px;
}
.accordion-button:focus, .accordion-button:not(.collapsed){
    background-color: #F5F5F5;
    color: #142C6B;
    box-shadow: none;
    border-bottom: 1px #f1f1f1 solid;
}
.accordion-body{
    color: #555555;
}
  
  .accordion-button.collapsed::after {
    background-image: url(../images/home/plus.svg);
  }
  .accordion-button:not(.collapsed)::after{
    background-image: url(../images/home/minus.svg);
  }
  .accordion-item .show, .faq-side-card{
     -webkit-box-shadow: 0 5px 20px 0 rgb(0 0 0 / 6%);
    -moz-box-shadow: 0 5px 20px 0 rgb(0 0 0 / 6%);
    box-shadow: 0 5px 20px 0 rgb(0 0 0 / 6%);

  }
  .faq-side-card{
     background-color: #F9F4F1; 
     color: #142C6B;
  }
  footer{
    background-color: #0E1133;
    padding: 60px 40px 40px;
    background-image: url(../images/footer-pattern.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: left top;
    --bs-bg-opacity: 0.25;
    font-size: 14px;
  }
  footer, footer p, footer p a, footer ul li a{
    color: #D7E1EA;
    text-decoration: none;
  }

  footer p, .bottom-footer p{
      font-size: 14px;
  }
  .footer-title{
    font-size: 18px;
    font-weight: 500;
    color: #F3A130;
    position: relative;
    margin-bottom: 25px;
  }
  .footer-title a{
    color: #F3A130;
    text-decoration: none;
  }
  .footer-title:after{
      display: block;
      content: '';
      width: 40px;
      height: 2px;
      background-color: #D9DDF1;
      margin-top: 10px;
  }
  footer ul{
      list-style: none;
      margin: 0;
      padding: 0;
  }
  footer ul li{
      margin-bottom: 7px;
  }
  footer ul li a{
    text-decoration: none;
  }
  footer ul li a:hover, footer p a:hover{
    color: #ffffff;
  }
  footer .social{
      display: flex;
  }
  footer .social li{
    margin: 0 10px 0 0;
  }
  footer .social img{
      width: 30px;
  }
  .bottom-footer{
      background-color: #ffffff;
      padding: 30px 40px;
  }
  .bottom-footer p, .bottom-footer p a, .bottom-footer small{
    color: #142C6B;
    text-decoration: none;
  }
  .bottom-footer p a:hover{
      color: #000;
  }
  /*  */

  .inner-blue-banner{
    padding: 20px 15px;
    background-image: url(../images/home/awards/pattern.png);
    background-size: auto;
    background-position: left;
    background-repeat: no-repeat;
  }
  .inner-blue-banner h1{
    font-size: 24px;
  }
/* .breadcrumb */
.breadcrumb{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    font-size: 14px;
}
.breadcrumb a, .breadcrumb-item.active {
    color: #F3F7FB;
    text-decoration: none;
}
.breadcrumb-item{
    margin: 0 7px;
}

.section-gradient:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 250px;
    background: rgb(249,244,241);
background: -moz-linear-gradient(180deg, rgba(249,244,241,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(249,244,241,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(180deg, rgba(249,244,241,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f4f1",endColorstr="#ffffff",GradientType=1);
}
.mt-n1{
    margin-top: -50px;
}
.blue-bg-pattern {
    background-image: url(../images/home/awards/pattern.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: left top;
}
/* inner-hero-banner */
.inner-hero-banner{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f3f7fb+0,f3f7fb+100&0.77+0,1+100 */
background: -moz-linear-gradient(top,  rgba(243,247,251,0.77) 0%, rgba(243,247,251,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(243,247,251,0.77) 0%,rgba(243,247,251,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(243,247,251,0.77) 0%,rgba(243,247,251,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4f3f7fb', endColorstr='#f3f7fb',GradientType=0 ); /* IE6-9 */
}
.inner-hero-banner h1, .inner-hero-banner .titletext{
    font-size: 20px;
    background-color: rgba(255,233,125,.4);
    padding: 0 5px;
    display: inline-block;
    letter-spacing: 3px;
    font-weight: 600;
}
.inner-hero-banner .newh1{
    font-size: 32px;
    background-color: transparent;
    letter-spacing: 0;
    padding: 0;
}


.pyramid{
    bottom: 0;
    left: 0;
    width: 13%;
    max-width: 190px;
}
.btn-link{
    padding: 0;
    color: #F3A130;
    font-size: 13px;
    font-style: italic;
    text-decoration: none;
    font-weight: 400;
}
.img-65{
    width: 65px;
}
.shadow-6{
    -webkit-box-shadow: 0 15px 25px 0 rgb(0 0 0 / 6%);
    -moz-box-shadow: 0 15px 25px 0 rgb(0 0 0 / 6%);
    box-shadow: 0 15px 25px 0 rgb(0 0 0 / 6%);
}
.bg-light-orange{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9f3ef+0,ffffff+100 */
background: rgb(249,243,239); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(249,243,239,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(249,243,239,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(249,243,239,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f3ef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
padding: 60px 0;
}
.world-class{
    background-color: #F9F4F1;
    padding: 60px 0;
}
.wc-text{
    font-size: 38px;
    line-height: 1.3;
    font-weight: bold;
}
.wc-text span{
    font-size: 30px;
    font-weight: 600;
}
.floor{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 70%;
}
.bg-light-yellow{
    background-color: #FFF5C2;
}
.bg-light-blue{
    background-color: #E4F3FF;
}
.after-slant{
    bottom: 0;
    left: 0;
    z-index: -1;
}
.flag-icon{
    width: 65px;
}
.modal .btn-close{    
    right: -24px;
    top: -24px;
    border: 0;
    background-color: transparent;
    padding: 0;
}
/* .pagination */
.pagination{
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow-x: auto;
}
.pagination li{
    margin-right: 10px;
}
.pagination li a{
    color: #000000;
    background-color: #ffffff;
    border:2px #D9DDF1 solid;
    border-radius: 100%;
    font-weight: 600;
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
.pagination li a.active{
    color: #D9DDF1;
    background-color: #142C6B;    
}
.text-heavey-page p, .text-heavey-page li {
    font-size: 15px;
}
.text-heavey-page li{
    margin-bottom: 8px;
    font-family: 'Roboto', sans-serif;    
    color: #555555;
}
.list li{
    color: #555555;
    font-family: 'Roboto', sans-serif;    
    margin-bottom: 8px;
}
.partner-logos{
    width: 175px;
}
.drop-width{
    width: 375px;
}
.drop-width .nav-link{
    padding: 5px;
    background-color: transparent !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 500;
    opacity: .75;
    border:0;
    border-bottom: 2px transparent solid;
}
.drop-width .nav-link.active, .drop-width .nav-link:hover{
    border:0;
    border-bottom: 2px #b7c3ff solid;
    opacity: 1;
}
.notify-dropdown .dropdown-menu{
    padding: 0 !important;
}
/* .notify-dropdown ul li{
   
} */
.notify-dropdown ul li a{
    white-space: normal;
    padding: 0;
}
.notify-content{
    font-size: 12px;
}
.notify-content p{
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0;
    opacity: .85;
}
.notify-flex{
    align-items: start;
    margin-bottom: 15px;
}
.notify-flex small{
    min-width: 40px;
    text-align: end;
    background-color: #f5f8fa;
    border-radius: 5px;
    padding: 4px 8px;
    font-weight: 500;
}
.no-after:after{
    display: none;
}
/* alerts */
/* .alert{
    border-radius: 1px;
    padding: 8px 15px;
    margin-bottom: -1px;
    border: 1px #ddd solid;
} */
.alert-header{
    /* background-color: #142C6B; */
    background-color: #466eb6;
    padding: 20px 20px 0 20px;
    color: #ffffff;
    /* border-top-left-radius: 5px;
    border-top-right-radius: 5px; */
    border: 1.5px #fff solid;
    border-radius: 5px;
}
.alert-body{
    padding: 20px;
}
.modal-close-btn{
    position: absolute;
    top: 15px;
    right: 15px;
}
.login-new-btns{
    padding: 5px 10px;
    background-color: #fff;
    color: #142C6B;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 6px;
    border: 2px #fff solid;
    -webkit-box-shadow: 0 12px 15px 0 rgb(0 0 0 / 5%);
    -moz-box-shadow: 0 12px 15px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 12px 15px 0 rgb(0 0 0 / 5%);
    transition: .3s;
}
.login-new-btns:hover{
    border: 2px #f3722557 solid;
}
.login-new-btns img {
    width: 60px;
    height: 45px;
}
#LoginModal .modal-dialog{
    max-width: 700px;
}
.back-btn{
    right: 10px;
    bottom: 5px;
    font-size: 14px;
}
.agg-review{
    background-color: #ffebe6;
    border-radius: 15px;
}
.faq-search .input-group{
    border: 1px solid #F0F0F0;
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 6%);
    -moz-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 6%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 6%);
    border-radius: 4px;
}
.faq-search .input-group .form-control{
    border: 0;
    height: 50px;
    line-height: 1.25;
}
.faq-search .input-group .form-control::placeholder{
    color: rgb(187, 187, 187);
}
/* custom-tooltip */
.custom-tooltip{
    background-color: #fff;
    color: #142C6B;
    padding: 15px;
    border-radius: 6px;
    width: 28%;
    max-width: 420px;
    font-size: 15px;
    border: 1px #EEF0F6 solid;
    font-family: 'Roboto', sans-serif;
    text-align: justify;
    -webkit-box-shadow: 0 10px 20px 0 rgb(0 0 0 / 4%);
    -moz-box-shadow: 0 10px 20px 0 rgb(0 0 0 / 4%);
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 4%);
}
.custom-tooltip:after{
    /* content: url(../images/home/arrow-up.png); */
    position: absolute;
    left: 0;
    right: 0;
    top: -16px;
    margin: 0 auto;
    text-align: center;
    /* width: 20px; */
}

/* masthead-banner */
.masthead-banner .inner-hero-banner{
    height: 500px;
}
.masthead-banner-height img{
    object-fit: contain;
}
.carousel-control-next, .carousel-control-prev {
    width: 60px;
}
.masthead-banner .carousel-control-next-icon {
    background-image: url(../images/home/arrow-right.png);
    width: 20px;
    height: 20px;
}
.masthead-banner .carousel-control-prev-icon {
    background-image: url(../images/home/arrow-left.png);
    width: 20px;
    height: 20px;
}
.sticky-tab-content{
    position: sticky;
    top: 120px;
}
.investors-page .tab-content > .tab-pane {
    background-color: #fff;
}

.fs-22 {
    font-size: 22px !important;
}

.card .irul li {
    list-style-type: disc !important;
}

@media (max-width:1366px){
    .masthead-banner .inner-hero-banner{
        height: 450px;
    }
}
@media (max-width:1280px){
    .main-navbar .nav-link, .nav-link-small {
        font-size: 15px;
        margin: 0 4px;
    }
}
@media (max-width:1024px){
    h1, .ch1 {
        font-size: 26px;
      }
    h2 {
        font-size: 26px;
    }
    h4{
        font-size: 20px;
    }
    .h5 {
        font-size: 15px;
    }
    p{
        font-size: 15px;
    }
    .ptb-80 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    /* nav */
    .navbar-brand img {
        width: 145px;
    }
    .main-navbar .nav-link, .nav-link-small {
        font-size: 14px;
        margin: 0;
    }
    .nav-link-small {
        font-size: 13px;
    }
    .navbar .nav-item .dropdown-menu{
        font-size: 14px;
    }
    .dropdown-item{
        padding: 0.4rem 1.5rem;
    }
    .btn {
        font-size: 14px;
    }
    .btn-primary{
        -webkit-box-shadow: 0 4px 20px 0 rgb(213 47 21 / 15%);
        -moz-box-shadow: 0 4px 20px 0 rgb(213 47 21 / 15%);
        box-shadow: 0 4px 20px 0 rgb(213 47 21 / 15%);
    }
    .small-card img {
        width: 36px;
    }
    .small-text {
        font-size: 13px;
    }
    .aspiration {
        padding-top: 60px;
    }
    .accordion-button{
        font-size: 15px;
    }
    .accordion-body{
        font-size: 14px;
    }
    .footer-title {
        font-size: 15px;
    }
    footer, footer p, .bottom-footer p{
        font-size: 13px;
    }
    .inner-hero-banner h1, .inner-hero-banner .titletext {
        font-size: 16px;
    }
    
    .img-65 {
        width: 55px;
    }
    .calc-icon{
        width: 75px;
    }
    .wc-text {
        font-size: 32px;
    }
    .wc-text span {
        font-size: 26px;
    }
    .pro-img{
        width: 70px;
    }
    .flag-icon{
        width: 55px;
    }
    .partner-logos{
        width: 145px;
    }
    .masthead-banner .inner-hero-banner {
        height: 415px;
    }
    .pagination{
        justify-content: flex-start !important;
        overflow-x: auto;
    }
}



/* ============ mobile view ============ */
@media all and (max-width: 991px) {
	
	.offcanvas-header{ display:block; }

	.mobile-offcanvas{
		visibility: hidden;
		transform:translateX(-100%);
		border-radius:0; 
		display:block;
		position: fixed !important;  top: 0; left:0;
		height: 100%; width:60%;
		z-index: 1200; 
		overflow-y: scroll;
		overflow-x: hidden;
		transition: visibility .3s ease-in-out, transform .3s ease-in-out;
	}

	.mobile-offcanvas.show{
		visibility: visible; 	transform: translateX(0);
        position: fixed !important;
	}
	.mobile-offcanvas .container, .mobile-offcanvas .container-fluid{
		display: block;
	}
    .mobile-menu{
        -webkit-box-shadow: 0 3px 15px 0 rgb(0 0 0 / 6%);
        -moz-box-shadow: 0 3px 15px 0 rgb(0 0 0 / 6%);
        box-shadow: 0 3px 15px 0 rgb(0 0 0 / 6%);
        background-color: #fff;
        padding: 15px;
        position: sticky;
        -webkit-position: sticky;
        z-index: 1;
    }
    .hamburger img{
        width: 30px;        
    }
    .navbar .nav-item .dropdown-submenu:hover .dropdown-menu{
        padding-left: 15px;
    }
    .custom-tooltip{
        display: none;
    }
}	
/* ============ mobile view .end// ============ */

@media (max-width:768px){
    h1, .ch1 {
        font-size: 22px;
    }
    h2 {
        font-size: 24px;
    }
    .fs-32{
        font-size: 24px !important;
    }
    .main-navbar .nav-link {
        padding: 25px 0;
        font-size: 20px;
    }
    .navbar-nav{
        margin-top: 50px;
    }
    .nav-pills .nav-item {
        margin: 0 7px 7px 0;
    }
    .navbar .nav-item .dropdown-menu {
        font-size: 16px;
        border: 0;
        padding: 0;
    }
    .dropdown-item {
        padding: 0.4rem 1rem;
    }
    .inner-hero-banner h1, .inner-hero-banner .titletext {
        font-size: 12px;
    }
    .breadcrumb {
        font-size: 13px;
    }
    .wc-text {
        font-size: 26px;
    }
    .wc-text span {
        font-size: 22px;
    }
    .notify-mobile .show-notify{
        width: 100%;
        border-radius: 0;
        visibility: hidden;
        transform: translateX(-100%) !important;
        height: 100%;
        position: fixed !important;
        z-index: 999999;
        top: 0;
        left: 0;
        background-color: #ffffff;
        transition: visibility .3s ease-in-out, transform .3s ease-in-out;
    }
    .notify-mobile .show-notify.show{
        visibility: visible;
        transform: translateX(0) !important;
    }
}

@media (max-width:576px){
    .fs-24, .custom-h1{
        font-size: 18px !important;
    }
    h1, .ch1 {
        font-size: 16px;
    }
    h2, .fs-28 {
        font-size: 20px !important;
    }
    h3{
        font-size: 20px;
    }
    h4 {
        font-size: 20px;
    }
    h5 {
        font-size: 18px;
    }
    h6{
        font-size: 14px;
    }
    p, .accordion-button {
        font-size: 14px;
    }
    .square-logo-top {
    width: 130px;
}
    .navbar-brand img {
        width: 120px;
    }
    .hamburger img{
        width: 24px;        
    }
    .btn {
        font-size: 12px;
    }
    .main-navbar .nav-link {
        padding: 15px 0;
        font-size: 16px;
    }
	.mobile-offcanvas{
        width: 90%;
    }
    .nav-pills{
        font-size: 13px;
        justify-content: center;
        /* flex-wrap: nowrap; */
        margin-top: 15px;
    }
    .nav-pills .nav-item img{
        width: 20px;
    }
    .products-tab li{
        width: 50%;
    }
    .small-card{
        height: 100%;
    }
    .small-card .d-flex{
        flex-direction: column;
    }
    .small-card .card-body>.d-flex {
        text-align: center;
    }
    .small-text, .h5 {
        font-size: 13px;
    }
    .ptb-80, .student-universe {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .student-universe .form-control {
        height: 50px;
    }
    .accordion-body {
        font-size: 13px;
    }
    .accordion-button{
        align-items: flex-start;
        padding: 10px;
    }
    footer{
        background-size:contain;
        padding: 50px 10px 40px;
    }
    footer ul{
        margin-bottom: 20px;
    }
    .bottom-footer {
        background-color: #ffffff;
        padding: 25px 15px;
        text-align: center;
    }
    .bottom-footer p, .bottom-footer p a, .bottom-footer small{
        font-size: 12px;
    }
    footer .social {
        justify-content: center;
    }
    .navbar .nav-item .dropdown-menu {
        font-size: 14px;
        border: 0;
        padding: 0;
    }
    .dropdown-item {
        padding: 0.4rem 1rem;
    }
    .inner-blue-banner {
        padding: 25px 15px;
    }
    .breadcrumb {
        font-size: 11px;
    }
    .inner-blue-banner{
        background-size: contain;
    }
    .blue-bg-pattern{
        background-image: none;
    }
    .blue-bg-pattern h5{
        font-size: 16px;
    }
    .small-h5{
        font-size: 14px;
    }    
    .btn-link{
        font-size: 12px;
    }
    .pyramid{
        width: 25%;
    }
    .bg-light-orange{
        padding: 40px 0;
    }
    .calc-icon {
        width: 65px;
    }
    .world-class{
        padding: 40px 0;
    }
    .wc-text {
        font-size: 22px;
    }
    .wc-text span {
        font-size: 18px;
    }
    .floor{
        width: 100%;
    }
    .pro-img {
        width: 50px;
    }
    .flag-icon{
        width: 40px;
    }
    /* #country-carousel .card-body{
        padding: 10px;
    }
    #country-carousel .carousel-inner .carousel-item .row > *{
        padding-right:5px;
        padding-left:5px;
    } */
    .after-slant{
        display: none;
    }    
    .pagination li {
        margin-right: 5px;
    }
    .pagination li a{
        width: 36px;
    height: 36px;
    font-size: 12px;
    }
    .modal .btn-close{    
        right: 0;
        top: -24px;
    }
    .text-heavey-page p, .text-heavey-page li {
        font-size: 13px;
    }
    .partner-logos{
        width: 120px;
    }
    
    .drop-width .nav-link {
        padding: 7px 10px;
        font-size: 12px !important;
    }
    .notify-content p {
        font-size: 12px;
    }
    .nav-pills .nav-link{
        height: 100%;
        padding: 12px 5px;
    }
    .login-new-btns{
        font-size: 14px;
    }
    .login-new-btns img {
        width: 45px;
        height: 35px;
    }
    .back-btn {
        font-size: 11px;
    }
    .faq-search .input-group .form-control{
        height: 40px;
        font-size: 14px;
    }
    .inner-blue-banner {
        padding: 15px 10px;
    }
    .inner-blue-banner h1 {
        font-size: 16px;
    }    
    .masthead-banner .inner-hero-banner {
        height: 500px;
    }
    .fs-h2{
        font-size: 16px !important;
    }
    .fs-16{
        font-size: 14px !important;
    }
}