/*
  Author: Saurabh
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body {
    background: #fff;
    color: #58595b;
    font-family: "Open Sans", sans-serif;
  }
  
  a {
    color: #007bff;
    transition: 0.5s;
  }
  
  a:hover, 
  a:active,
  a:focus {
    color: #0b6bd3;
    outline: none;
    text-decoration: none;
  }
  
  p {
    padding: 0;
    margin: 0 0 30px 0;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    margin: 0 0 20px 0;
    padding: 0;
  }
  
  /* Back to top button */
  
  .back-to-top {
    position: fixed;
    display: none;
    background: #029a47;
    color: #fff;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 1;
    font-size: 16px;
    border-radius: 50%;
    right: 15px;
    bottom: 15px;
    transition: background 0.5s;
    z-index: 11;
  }
  
  .back-to-top i {
    padding-top: 12px;
    color: #fff;
  }
  
  
  /*--------------------------------------------------------------
  # Header
  --------------------------------------------------------------*/
  #header {
    height: 80px;
    transition: all 0.5s;
    z-index: 997;
    transition: all 0.5s;
    background: rgba(43,67,121,1);
    /* border-bottom: 8px solid #fd7101; */
  
  }
  
  #header.header-scrolled,
  #header.header-pages {
    height: 70px;
    position: fixed;
  }
  
  #header.header-scrolled .desk-logo,
  #header.header-pages .desk-logo {
      width: 280px;
      transition: all 0.5s;
      padding: 20px 0px 19px 35px;
        left: 93px;
    
  }
  
  #header.header-scrolled .main-nav > ul > li,
  #header.header-pages .main-nav > ul > li {
      padding: 12px 55px;
      transition: all 0.5s;
  }
  #header.header-scrolled .main-nav > ul > li:last-child,
  #header.header-pages .main-nav > ul > li :last-child{
      padding-right: 0;
  }
  
  #header .desk-logo {
      /* position: absolute;
      width: 300px;
      float: left;
      z-index: 99999;
      left: 0px;
      top: 0px;
      clip-path: polygon(80% 0%, 0% 0%, 0% 100%, 100% 100%);
      -webkit-clip-path: polygon(80% 0%, 0% 0%, 0% 100%, 100% 100%);
      background: rgb(255, 255, 255);
      padding: 25px 12px 25px 45px;
      transition: all 0.5s; */
      position: absolute;
    width: 300px;
    float: left;
    z-index: 99999;
    left: 83px;
    top: 0px;
    /* clip-path: polygon(80% 0%, 0% 0%, 0% 100%, 100% 100%); */
    -webkit-clip-path: polygon(80% 0%, 0% 0%, 0% 100%, 100% 100%);
    /* background: rgb(255, 255, 255); */
    padding: 25px 12px 25px 45px;
     /* transition: all 0.5s; */
  }
  
  .scrollto>img.img-fluid {
    margin-top: -27px;
}
  /*--------------------------------------------------------------
  # Intro Section
  --------------------------------------------------------------*/
  .container {
      max-width: 960px;
      width: 100%;
  }
  
  #intro {
    width: 100%;
    position: relative;
    background: url("https://siuk-india.s3.amazonaws.com/static/original_images/si-usa-jp-desktop.jpg") center center no-repeat;
    background-size: cover;
    margin-top: 80px;
    min-height: 750px;
  }
  
  #intro .intro-info {
    width: 51%;
    float: right;
    margin: 15% -15% 0;
  }
  .intro-info h2 {
      color: #009241;
      font-size: 30px;
      font-weight: 500;
      text-transform: uppercase;
  }
  .phoneerror {
      position: absolute;
      font-size: 10px;
  }
  .intro-info .contactForm{
      -webkit-box-shadow: 0 0 2px #ccc;
      background-color: #fff;
      z-index: 1;
      position: relative;
  }
  .intro-info .contactForm input {
      border-radius: 0;
      box-shadow: none;
      font-size: 14px;
      color: #029a47;
      font-weight: 600;
  }
  .intro-info .contactForm button[type="submit"] {
      background: #da1f2e;
      border: 0;
      border-radius: 20px;
      padding: 5px 40px;
      color: #fff;
      transition: 0.3s;
      cursor: pointer;
  }
  .section-header h3, #about .about-container .title {
      font-size: 24px;
  }
  #about .about-container .icon-box .icon {
      width: 150px;
      height: 150px;
  }
  #about .about-container .icon-box .icon i {
      font-size: 100px;
  }
  .t-text h2{
      color: #029a47;
      text-shadow: none;
  }
  .t-text p {
      color: #58595b;
      line-height: 24px;
      text-align: center;
      font-weight: bold;
      font-size: 15px;
  }
  .t-text p i{
      color: #189d0e;
      font-size:18px;
      font-weight: 600;
  }
  #intro .up-arrow {
      position: absolute;
      bottom: 0rem;
      margin: 0 418px;
      text-align: center;
      z-index: 99;
      background: #fff;
      padding: 0px 20px 15px;
      box-shadow: 0 -2px 2px #666;
      border-radius: 50%;
  }
  #intro .up-arrow a {
      color: #dbdbdb;
      font-size: 54px;
      transition: all 0.5s ease;
  }
  /*--------------------------------------------------------------
  # Navigation Menu
  --------------------------------------------------------------*/
  
  /* Desktop Navigation */
  
  .main-nav,
  .main-nav * {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .main-nav > ul > li:first-child {
      padding-left: 0;
      padding-right: 110px;
  }
  .main-nav > ul > li {
      position: relative;
      white-space: nowrap;
      float: left;
      color: #fff;
      font-size: 24px;
      padding: 21px 0px;
      transition: all 0.5s;  
      right: -3rem;
  }
  
  .main-nav > ul > li:last-child {
      padding-right:0;
  }
  
  /* .main-nav a {
    display: block;
    position: relative;
    color: #fff;
    transition: 0.3s;
    font-size: 24px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
  } */
  .main-nav a {
    display: block;
    position: relative;
    transition: 0.3s;
    border-radius: 20px;
    background: #e90619;
    color: #fff;
    border: none;
    padding: 8px 40px;
    cursor: pointer;
    border-radius: 40px;
    text-decoration: none;
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    font-family: "Roboto"; 
    font-style: normal;
    border: 2px solid;

}


.main-nav a:hover{
    background: #e90619;
    color: #fff;
    border: 2px solid;
}




  
  .main-nav a:hover,
  .main-nav .active > a,
  .main-nav li:hover > a {
    color: #fff;
    background: rgba(43,67,121,1);
    text-decoration: none;
  }
  
  
  /*--------------------------------------------------------------
  # Sections
  --------------------------------------------------------------*/
  
  /* Sections Header
  --------------------------------*/
  
  .section-header h3 {
    font-size: 28px;
    color: #676767;
    text-align: center;
    font-weight: 500;
    position: relative;
  }
  
  .section-header p {
    text-align: center;
    margin: auto;
    font-size: 16px;
    padding-bottom: 40px;
    color: #58595b;
  }
   
  /* Section with background
  --------------------------------*/
  
  .section-bg {
    background: #ecf5ff;
  }
  
  

  
  
  
  /*--------------------------------------------------------------
  # Footer
  --------------------------------------------------------------*/
  
  footer {
      background: #029a47;
    padding: 30px 0 1px;
    color: #fff;
    font-size: 15px;
    float: left;
    width: 100%;
  }
  
  footer a {
      color: #fff;
  }
  
  footer a:hover {
      color: #fff;
      text-decoration: underline;
  }
  
  /*--------------------------------------------------------------
  # Responsive Media Queries
  --------------------------------------------------------------*/

  @media (min-width: 1025px) and (max-width: 1280px) {
  
    .heading-ban h1 {
        font-size: 33px !important;
    }

    #intro .intro-info {
        margin: 15% -10% 0;
    }

    
  }




  @media (min-width: 1025px) and (max-width: 1125px) {
  
    .heading-ban h1 {
        font-size: 30px !important;
    }

    #intro .intro-info {
        width: 43% !important;
        margin: 14% -3% 0px !important;
    }

    
  }


  @media (min-width: 821px) and (max-width: 992px){


    .ipad-hidden {
        display: block !important;
    }

    .heading-ban {
        bottom: 24% !important;
    }


    #intro .intro-info {
        width: 41% !important;

    }

    .heading-ban {
      
        left: 2% !important;
       
    }

  }

  
  @media (min-width: 992px) and (max-width: 1024.98px) { 
      .main-nav {
          width: 62%;
          margin-top: 6px;
      }
      .main-nav > ul > li, .main-nav a {
          font-size:18px
      }
      .main-nav > ul > li:first-child , #header.header-scrolled .main-nav > ul > li:first-child,
      #header.header-pages .main-nav > ul > li :first-child{
          padding-left: 0;
          padding-right: 0;
      }
      .main-nav > ul > li:last-child , #header.header-scrolled .main-nav > ul > li:last-child,
      #header.header-pages .main-nav > ul > li :last-child{
          padding-left: 60px;
          padding-right: 0;
      }
      #intro .intro-info {
          margin: 2% 0 0;
      }
      #intro {
          margin-top: 80px;
          min-height: 485px;
          background: url(https://siuk-india.s3.amazonaws.com/static/original_images/si-usa-jp-desktop.jpg) left center no-repeat;
          background-size: cover;
          margin-bottom: 0;
      }	
      
      .phoneerror{
          position: absolute;
          font-size: 10px
      }
      
  
  #intro .up-arrow {
      bottom: 0rem;
  }
  
  
  }
  
  @media (max-width: 991px) {
  
  #header .desk-logo {
      width: 225px;
      padding: 25px 12px 25px 18px;
  }
  #header.header-scrolled .desk-logo, #header.header-pages .desk-logo {
      width: 225px;
      padding: 25px 12px 25px 18px;
  }
  #header.header-scrolled,
  #header.header-pages {
    height: 80px;
    position: fixed;
  }
  #header.header-scrolled .main-nav > ul > li,
  #header.header-pages .main-nav > ul > li {
      font-size: 18px;
      padding: 22px 40px;
  }
  #header.header-scrolled .main-nav > ul > li:first-child,
  #header.header-pages .main-nav > ul > li :first-child{
      padding-left: 0;
      padding-right: 0;
  }
  .main-nav > ul > li:first-child {
      padding-left: 0;
      padding-right: 0;
  }
  .main-nav > ul > li {
      font-size: 18px;
      padding: 22px 40px;
  }
  .main-nav > ul > li:last-child {
      padding-right: 0;
  }
  .main-nav a {
      font-size: 18px;
  }
  #intro {
      margin-top: 80px;
      min-height: 520px;
      background: url(https://siuk-india.s3.amazonaws.com/static/original_images/si-usa-jp-desktop.jpg) left center no-repeat;
      background-size: cover;
      margin-bottom: -12px;
  }
  #intro .intro-info {
      margin: 2% 0 0;
  }
  .intro-info h2 {
      font-size: 24px;
      margin: 0;
      padding: 10px 0;
  }
  .sec .testi-img {
      right: 0;
  }
  #about .boxed-md.boxed-padded figure img{
      padding: 1.2rem 0;	
      width: 100%;
  }
  #about .boxed-md.boxed-padded li.p-2 {
      padding: 0.1rem !important;
  }
  #intro .up-arrow  {
      bottom: 30px;
      margin: 0 320px;
  }
  #intro .up-arrow  a {
      font-size: 40px;
  }
  .t-text p {
      margin-bottom: 10px;
  }
  .phoneerror{
      position: absolute;
      font-size: 10px
  }
  
  }
  
  @media (max-width: 768px) {


    #header .desk-logo {
        left: 6px;
    }

    .back-to-top {
      bottom: 15px;
    }
  }
  
  @media (max-width: 767px) {

    .study h2{
        font-size:25;
    }


  #intro>div>div img {
      width: 100% !important;
      height: 100% !important;
  }	
  #header {
      height: 58px;
  }
  #header .desk-logo {
      width: 150px;
      padding: 17px 35px 17px 15px;
  }
  .scrollto>img.img-fluid {
    margin-top: -17px;
}
  #intro .up-arrow {
      display: none;
  }
  .main-nav {
    /* width: 45%; */
    margin-top: 3%;
  }
  .main-nav > ul > li:first-child {
      padding-left: 0;
      padding-right: 0;
  }
  .main-nav > ul > li {
      font-size: 12px;
      padding: 0 0;
  }
  .main-nav a {
      font-size: 11px;
      font-weight: 600;
      text-align: center;
      padding: 5px 17px;
  }
  .main-nav a span{
    display: block;;
  }
  #header.header-scrolled,
  #header.header-pages {
    height: 58px;
    position: fixed;
  }
  #header.header-scrolled .desk-logo, #header.header-pages .desk-logo {
      width: 150px;
      padding: 17px 35px 17px 15px;
  }
  #header.header-scrolled .main-nav > ul > li,
  #header.header-pages .main-nav > ul > li {
      font-size: 12px;
      padding: 0 0;
  }
  #header.header-scrolled .main-nav > ul > li:first-child,
  #header.header-pages .main-nav > ul > li :first-child{
      padding-left: 0;
      padding-right: 0;
  }
  #intro {
      padding: 0;
      background: none;
      margin-top: 58px;
      min-height: auto;
          margin-bottom: 0;
  }
  #intro .intro-info {
      width: 100%;
      margin: 0 0 4% 0;
      padding-right: 0 !important;
  }
  .banner-text{
      position: absolute;
      top: 40px;
      right: 25px;
  }
  .intro-info h2 {
      font-size: 22px;
  }
  .banner-text span{
      display: block;
  }
  .section-header p{ 
      padding-bottom: 10px;
  }
  .section-header h3, #about .about-container .title, #about .boxed-md>.text-center .h3 {
      font-size: 16px;
      font-weight: 550;
  }
  .section-header h3 span{
      display: block;
  }
  #about .boxed-md.boxed-padded li.p-2 {
      font-size: 14px;
      padding: 0.3rem !important;
  }
  #about .boxed-md.boxed-padded figure img{
      padding: 0;
  }
   #about .about-container .title { 
      margin-bottom: 30px;
  }
 
  .intro-info .contactForm {
      background: #d6d7d9;
      box-shadow: 0 0 2px 0px #999;
      margin-bottom: 10px;
      margin-top: 10px;
  }
  .about-container {
      padding-top: 20px;
  }
  #about .boxed-md>.text-center {
      margin-bottom: 25px;
  }
  }
  @media (min-width: 800px) and (max-width: 990.98px) { 
    .main-nav {
        width: 43%;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) { 
      /*.sec .testi-img {
          background: url(http://static.studyin-canada.com/assets/landing/after_a_trip_to_india-img.png) 140px 60px no-repeat;
          height: 478px;
          width: 500px;
      }*/
      .main-nav {
          width: 75%;
          margin-top: 2.5%;
      }
      .main-nav > ul > li:first-child, #header.header-scrolled .main-nav > ul > li:first-child, #header.header-pages .main-nav > ul > li :first-child {
          padding-left: 0px;
          padding-right: 115px;
      }
      .intro-info h2 {
          font-size: 30px;
      }
      .banner-text {
          top: 85px;
          right: 50px;
      }
  }
  @media (min-width: 568px) and (max-width: 575.98px) { 
      .main-nav {
          width: 72%;
          margin-top: 3.5%;
      }
      .main-nav > ul > li:first-child, #header.header-scrolled .main-nav > ul > li:first-child, #header.header-pages .main-nav > ul > li :first-child {
          padding-left: 0px;
          padding-right: 50px;
      }
      
      .intro-info h2 {
          font-size: 30px;
      }
      .banner-text {
          top: 65px;
          right: 40px;
      }
      /*.sec .testi-img {
          background: url(http://static.studyin-canada.com/assets/landing/after_a_trip_to_india-img.png) 160px 30px no-repeat;
          height: 478px;
          width: 500px;
      }*/
  }
  @media (max-width: 379px){

    .color-overlay {
        display: none;
    }

  #header.header-scrolled .main-nav > ul > li, #header.header-pages .main-nav > ul > li{
      font-size: 11px;
  }
  .banner-text {
      top: 25px;
      right: 20px;
  }

  .color-overlay {
    min-height: 180px;
}

  
  }
  @media (max-width: 349px){

    .color-overlay {
        display: none;
    }

  .main-nav {
      width: 58%;
      margin-top: 5%;
  }
  .main-nav > ul > li, .main-nav a {
      font-size: 9px;
      padding: 8px 20px;
      top: -6px;
      left: 4px;
  }


  #header.header-scrolled .main-nav > ul > li:first-child, #header.header-pages .main-nav > ul > li :first-child {
    top: 0px;
    left: 4px;
}


  #header.header-scrolled .main-nav > ul > li, #header.header-pages .main-nav > ul > li {
      font-size: 9px;
  }
  .banner-text {
      top: 20px;
      right: 10px;
  }
  /*#testimonials .title h4 {
      font-size: 20px;
  }
  #testimonials .title h4 span {
      font-size: 12px;
  }*/
  
  }
  /*================================= For IE ==============================*/
  @supports (-ms-ime-align: auto) {
     .header-scrolled#header, .header-pages#header{height: 80px}
      #header .desk-logo {
          width:300px;
          padding-top:15px;
          padding-bottom: 15px;
      }
      #header .desk-logo::after {
          content: '';
          border-left: 0px solid transparent;
          border-right: 40px solid transparent;
          border-bottom: 68px solid #fff;
          border-top: 0 solid #fff;
          right: -40px;
          position: absolute;
          top: 0;
      }
      #header .header-scrolled .desk-logo, #header.header-pages .desk-logo {
          width: 286px;
          padding-top:10px;
          padding-bottom: 10px;
      }
      #header .header-scrolled .desk-logo::after, #header .header-pages .desk-logo::after {
          content: '';
          border-left: 0px solid transparent;
          border-right: 40px solid transparent;
          border-bottom: 54px solid #fff;
          border-top: 0 solid #fff;
          right: -40px;
          position: absolute;
          top: 0;
      }
      .header-scrolled#header .main-nav > ul > li, .header-pages#header .main-nav > ul > li{
          padding-top:18px;
      }
  }
  
  
  @media screen and (-ms-high-contrast: active),
  (-ms-high-contrast: none) {
     .header-scrolled#header, .header-pages#header{height: 80px}
     #header .desk-logo {
          width:300px;
          padding-top:15px;
          padding-bottom: 15px;
      }
      #header .desk-logo::after {
          content: '';
          border-left: 0px solid transparent;
          border-right: 40px solid transparent;
          border-bottom: 80px solid #fff;
          border-top: 0 solid #fff;
          right: -40px;
          position: absolute;
          top: 0;
      }
      #header .header-scrolled .desk-logo, #header.header-pages .desk-logo {
          width: 286px;
          padding-top:10px;
          padding-bottom: 10px;
      }
      #header .header-scrolled .desk-logo::after, #header .header-pages .desk-logo::after {
          content: '';
          border-left: 0px solid transparent;
          border-right: 40px solid transparent;
          border-bottom: 54px solid #fff;
          border-top: 0 solid #fff;
          right: -40px;
          position: absolute;
          top: 0;
      }
      .header-scrolled#header .main-nav > ul > li, .header-pages#header .main-nav > ul > li{
          padding-top:18px;
      }
  }
  
  /*================================= End IE ==============================*/
  
  .intro-info .contactForm input, .intro-info .contactForm select {
      border-radius: 0;
      box-shadow: none;
      font-size: 14px;
      color: #6c757d !important;
      font-weight: 600;
  }
  
  
  .font-small {
      font-size: 11px;
      font-weight: 500;
      line-height: 20px;
      color: #58595b;
  }
  
  .form-group input[type="checkbox"] {
      position: relative;
      top: 3px;
  }
  
  .head-txt span {
      color: #029a47;
      font-size: 18px;
  }
  
  @media (min-width:1441px){
  
      /* #intro{
       margin-bottom: 4.5rem;
      } */
  
       #intro .up-arrow{
          margin: -60px 418px;
       }
  
  }


/* new code */



.counter-section {
    background: rgba(43,67,121,1);
  }

  .count-box .highlight {
    font-weight: 400;
    font-family: "Roboto Slab";
    font-size: 36px;
    line-height: 48px;
    color: rgb(255, 255, 255);
    display: block;
  }

  .count-box  .milestone-details {
    font-family: "Roboto Slab";
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
  }

  .milestone-counter{
    text-align: center;
    padding: 35px 0px;
  }


.milestone-counter img{
min-height: 50px;
max-width: 55px;
padding-bottom: 1rem;
}


.why-chs{
margin: 80px 0;
}

.why-chs h2{
text-align: center;
font-size: 36px;
font-family: "Roboto Slab";
font-weight: 700;
font-style: normal;
padding-bottom: 60px;
color: rgb(52, 52, 52);
}


.why-chs .sub-heading{
font-family: "Roboto Slab";
font-weight: 700;
font-style: normal;
font-size: 24px;
line-height: 32px;
margin: 0px 0px 10px;
color: rgb(52, 52, 52);
}


.services li{
list-style: none;
}

.services{
padding-inline-start: 0;
}

.services .tck{float: left;}
.services p{
padding-left: 40px;
font-size: 15px;
font-weight: 400;
font-family: 'Roboto', sans-serif;
font-style: normal;
margin-bottom: 20px;
}


.pd-left{
padding-left: 25px;
}
 

.btn-reg{
    margin-top: 2rem;
}

.btn-reg a {

    background: #e90619;
    color: #fff;
    border: none;
    padding: 8px 20px;
    cursor: pointer;
    border-radius: 40px;
    text-decoration: none;
    font-size: 14px;
    line-height: 19px;
    font-family: "Roboto";
    border:2px solid;
    font-style: normal;
    font-weight: 600;
}

.btn-reg :hover{
    background-color: #fff;
    color: #e90619;
    border: 2px solid;
}



.trst{
    background: rgba(43,67,121,1);
margin: 20px 0px 0px;
color: #fff;
text-align: center;
}



.trst .tst-heading{
font-family: "Roboto Slab";
font-weight: 700;
font-style: normal;
font-size: 36px;
color: rgb(255, 255, 255);
margin: 40px 0;
} 

.trst .tst-heading p{
font-weight: 400;
font-family: "Roboto";
font-size: 17px;
color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 0);
font-style: italic;
}

.prs{
padding: 80px 0;
background: rgba(250,250,250,1);
}

.prs h3{
font-family: "Roboto Slab";
font-weight: 700;
font-style: normal;
font-size: 36px;
color: rgb(52, 52, 52);
text-align: center;
padding-bottom: 80px;

}

.main-box{
text-align: center;
}

.main-box .icon img{
min-height: 96px;
max-width: 96px
}

.main-box .txt{
padding: 20px 0 20px;
font-family: "Roboto Slab";
font-weight: 700;
font-style: normal;
font-size: 20px;
color: #676767;
}

.main-box p{    font-weight: 400;
font-family: "Roboto";
font-size: 13px;
color: #676767;
background-color: rgba(255, 255, 255, 0);
font-style: normal;}

.mt-top{margin-top:4rem;}



.cst-today .btn-white a{
    background: #e90619;
    color: #fff;
border: none;
padding: 8px 50px;
cursor: pointer;
border-radius: 40px;
text-decoration: none;
font-size: 16px;
line-height: 19px;
font-weight: 400;
font-family: "Roboto";
font-style: normal;
border: 2px solid;
}
.cst-today .btn-white a:hover{
    background: rgba(43,67,121,1);
    color: #fff;
border: 2px solid;
}

.cst-today{
    background: rgba(43,67,121,1);
color: #fff;
text-align: center;
}


.cst-today .counsellor-heading{
color: rgb(255, 255, 255);
font-family: "Roboto Slab";
font-weight: 700;
font-style: normal;
line-height: 60px;
font-size: 42px;
padding-bottom: 40px;
}

.clr-box{
margin: 50px 0px 70px;
}


.ftr-txt{
    color: rgb(43, 67, 121);
margin: 12px;
text-align: center;
}

.ftr-txt a{
    color: rgb(43, 67, 121);

}


.ftr-txt p{
font-size: 13px;
font-weight: 400;
font-style: normal;
margin: 0 0 10px 0;

}


.color-overlay{
    position: absolute;
    background: rgba(0,0,0,0.45);
    min-height: 750px;
    width: 100%;
}


.heading-ban h1{
    font-weight: 700;
    font-weight: 700;
    font-style: normal;
    font-size: 40px;
    font-family: "Roboto Slab";
    padding-left: 20px;
}


.heading-ban{
    position: absolute;
    bottom: 37%;
    left: 7%;
    color: #fff;
    display: block;
}


.sub-h {
    padding-left: 20px;
    color: #fff;
    font-size: 19px;
    margin-bottom: 4px;
    font-size: 18px;
    font-family: "Roboto";
    font-weight: 400;
    font-style: normal;
    line-height: 28px;
    margin-bottom: 35px;
}

.icn{
    text-align: center;
}

.icn img{
    max-width: 90px;
    min-height: 90px;
}

.icn p{
    font-family: "Roboto Slab";
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    color: rgb(255, 255, 255);
    text-align: center;
    padding-top: 12px;
}




 
@media (min-width: 992px) and (max-width: 1024.98px){

    .color-overlay {
        min-height: 485px;
    }

    .heading-ban {
        left: 10%;
    }

    #intro .intro-info {
        padding-top: 4rem;
    }

    .heading-ban {
        bottom: 14%;
    max-width: 36%;
    }


    .main-nav > ul > li:last-child, #header.header-scrolled .main-nav > ul > li:last-child, #header.header-pages .main-nav > ul > li :last-child {
        padding-left: 130px;
        padding-top: 16px;
    }



    .sub-h {
        padding-left: 20px;
        color: #fff;
        font-size: 19px;
        font-size: 12px;
        font-family: "Roboto";
        line-height: 24px;
        margin-bottom: 19px;
    }


    .icn p{
        font-size: 11px;
    }


    .heading-ban h1 {
        padding-left: 0px;
    }

    .sub-h{
        padding-left:0px;
    }

    #header .desk-logo{
        left: 59px;
    }

    #header.header-scrolled .desk-logo, #header.header-pages .desk-logo {
        left: 63px;
    }


    .heading-ban h1 {
        font-size: 36px;
    }

    .icn {
        float: right;
    }


    .icn img {
        max-width: 60px;
        min-height: 60px;
    }


}


@media (max-width: 991px){



    .icn p {

        padding-top: 10px;
        margin-bottom: 20px;
        font-size: 12px;
    }


    .sub-h {
        max-width: 67%;
        line-height: 21px;
        font-size: 16px;
    }


    .icn img {
        max-width: 60px;
        min-height: 60px;
    }



    .ipad-hidden{
        display: none;
    }


    #intro .intro-info {
        padding-top: 3.8rem;
        padding-right: 1rem;
   
    }



    .heading-ban {
        bottom: 0%;
    }


    .heading-ban h1{
    margin-bottom: 10px;
    font-size: 23px;
    margin-bottom: 8px;
    white-space: pre-line;
    width: 70%;

    }

    .sub-h{
        margin-bottom: 16px;
    }


    .main-nav > ul > li {
        right: 2rem;
    }


    #header.header-scrolled .desk-logo, #header.header-pages .desk-logo {
        left: 54px;
    }


    #header .desk-logo{
        left: 53px;
    }


    #header .desk-logo{
        left: 56px;
    }


    .color-overlay {
        min-height: 520px;
    }

    .clr-box {
        margin: 50px 0px 50px;
    }

    .cst-today .counsellor-heading {
        line-height: 50px;
        font-size: 35px;
        padding-bottom: 40px;
    }

    .why-chs .sub-heading {
        font-size: 20px;
        line-height: 25px;
    }

    .services p{
        font-size: 12px;
    }

    .btn-reg a {
        padding: 8px 20px;
        font-size: 11px;
    }

    .why-chs {
        margin: 30px 0;
    }


    .why-chs h2 {
        padding-bottom: 30px;
        font-size: 25px;
    }


    .trst .tst-heading {
        font-size: 25px;
    }


    .trst .tst-heading p {
        font-size: 12px;
        padding-top: 12px;
    
    }

    .prs {
        padding: 40px 0;

    }

    .prs h3{
        padding-bottom: 40px;
    }


    .carousel-item {
        min-height: 400px !important;
    }


    .cst-today .counsellor-heading {

        line-height: 40px;
        font-size: 30px;
        padding-bottom: 40px;
    }


    .clr-box {
        margin: 40px 0px 50px;
    }

}


@media (min-width: 821px){

    .i-view{
        display: none;
    }
}


/* @media (min-width: 768px)and (max-width: 770px){

    .i-view{
        display: block;
    }


} */



@media (max-width: 767px) {

    .contactForm{
        padding: 10px !important;

      }
    


    .heading-ban{
        display: none;
    }

    .sub-h {
        max-width: 100%;
    }


    .heading-ban {
        bottom: 84%;
    }

    .heading-ban h1{
        padding-left: 0;
        font-size: 13px;
        padding-left: 0;
    }

    .sub-h{
        line-height: 15px;
        font-size: 10px;
        padding-left: 0;
    }


    #intro .intro-info {
        padding-top: 0.8rem;
    }


    .color-overlay {
        min-height: 233px;
    }


    #header.header-scrolled .desk-logo, #header.header-pages .desk-logo {
        left: 1px;
    }

    #header .desk-logo {
        left: 2px;
    }


    .i-view{
        display: none;
    }

    .btn-reg {
        text-align: center;
    }

    .why-chs h2 {
        font-size: 21px;}

    .why-chs {
        margin: 40px 0;
    }

    .why-chs h2 {
        padding-bottom: 30px;
    }

    /* .btn-reg a{font-size: 18px;} */


    .why-chs .sub-heading{
        padding-top:1.5rem;
        padding-bottom: 1rem;
     }

     .trst .tst-heading {
        font-size: 24px;
    }
.trst .tst-heading p{
    font-size: 13px;
    padding-top: 10px;
}

.prs h3 {
    font-size: 25px;
    padding-bottom: 20px;
}

.prs {
    padding: 40px 0;
}

.main-box .txt {
    padding: 10px 0 10px;
}

.mt-top {
    margin-top: 0rem;
}

#carouselExampleIndicators {
    margin-top: 2rem !important;
}

.clr-box {
    margin: 30px 0px 40px;
}

.cst-today .counsellor-heading {
    font-size: 28px;
    padding-bottom: 30px;
    line-height: 34px;
}

.color-overlay {
    display: none;
}


  }


  @media (max-width: 320px) {



    .intro-info .contactForm input, .intro-info .contactForm select {
        font-size: 12px;
    }


    .color-overlay {
        display: none;
    }

    .clr-box {
        margin: 30px 0px 40px;
    }
    .cst-today .btn-white a{
        font-size: 14px;
    }

    .cst-today .counsellor-heading {
        font-size: 21px;
        padding-bottom: 20px;
        line-height: 30px;
    }

    #carouselExampleIndicators {
        margin-top: 2rem !important;
    }

    .mt-top {
        margin-top: 0rem;
    }

    .main-box .txt {
        padding: 10px 0 10px;
    }
    

    .why-chs h2 {
        font-size: 20px;
    }

    .why-chs .sub-heading {
        font-size: 20px;
        line-height: 25px;
        }

 .why-chs .sub-heading{
    padding-top:1.5rem;
    padding-bottom: 1rem;
 }

 .btn-reg a{font-size: 12px;}

 .btn-reg {
    text-align: center;
}

.prs h3 {
    font-size: 20px;
    padding-bottom: 20px;
}

.prs {
    padding: 40px 0;
}


  }




  .contactForm{
    padding: 40px;
    border-radius: 5px;
  }






/* Testimonials Section
  --------------------------------*/
  #carouselExampleIndicators{position:relative; z-index:1; background:#fff; font-size: 15px;margin-top: 4rem; }
  .carousel_caption h1 {
    color: #ffffff;
    letter-spacing: 1px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    margin: 0 0 5px;
    text-transform: uppercase;
  }
  .carousel_caption h2 {
      font-size: 22px;
      font-weight: bold;
      line-height: 32px;
      margin: 0;
  }
  .carousel_caption h2 span{
      font-size: 18px;
      font-weight: 500;
      display: block;
      font-style: italic;
  }
  .carousel_caption p {
      padding-top: 24px;
      line-height: 30px;
  }
  .carousel_caption h4 {
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
  }
  .carousel-item {
    min-height: 450px;
    background-size: cover;
    background-position: center center;
  }
  
  .carousel-item a{background:#673AB7; font-size:14px; color:#FFF; padding:13px 32px; display:inline-block; }
  .carousel-item a:hover{background:#394fa2; text-decoration:none;  }
  
  .carousel-item h2{-webkit-animation-name:fadeInLeft; animation-name:fadeInLeft;} 
  .carousel-item p{-webkit-animation-name:slideInRight; animation-name:slideInRight;} 
  .carousel-item h4{-webkit-animation-name:fadeInUp; animation-name:fadeInUp;}
  .carousel-item .mask img{-webkit-animation-name:slideInRight; animation-name:slideInRight; display:block; height:auto; max-width:100%;}
  #carouselExampleIndicators h2, #carouselExampleIndicators p, #carouselExampleIndicators a, #carouselExampleIndicators .carousel-item .mask img{-webkit-animation-duration: 1s;
      animation-duration: 1.2s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
  }
  
  .carousel-item {
      position: relative;
      display: none;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      transition: -webkit-transform .6s ease;
      transition: transform .6s ease;
      transition: transform .6s ease,-webkit-transform .6s ease;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-perspective: 1000px;
      perspective: 1000px;
  }
  .carousel-control-next, .carousel-control-prev {
      height: 40px;
      width: 40px;
      padding: 12px;
      top: 50%;
      bottom: auto;
      transform: translateY(-50%);
      background-color: #223c75;
  }
  .carousel-fade .carousel-item {
      opacity: 0;
      -webkit-transition-duration: .6s;
      transition-duration: .6s;
      -webkit-transition-property: opacity;
      transition-property: opacity
  }
  .carousel-indicators li {
      display: none;
  }
  .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
      opacity: 1
  }
  .carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-right.active {
      opacity: 0
  }
  .carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0)
  }
  @supports (transform-style:preserve-3d) {
      .carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
      -webkit-transform:translate3d(0, 0, 0);
      transform:translate3d(0, 0, 0)
      }
  }
  .carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
  }
  
  @-webkit-keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
  }
  
  @-webkit-keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }
  
  @-webkit-keyframes slideInRight {
    from {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      visibility: visible;
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes slideInRight {
    from {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      visibility: visible;
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
  }

  .carousel_caption p{
    color: #676767;
  }





  .study {
    padding-bottom: 100px;
}

.study h2 {
    text-align: center;
    font-size: 36px;
    font-family: "Roboto Slab";
    font-weight: 700;
    font-style: normal;
    padding-bottom: 10px;
    color: rgb(52, 52, 52);
}

.pd-tp {
    margin-bottom: 20px;
}

.study ul {
    list-style: none;
    padding-inline-start: 0px;
}

.study .tck {
    float: left;
}

.study ul li p {
    padding-left: 40px;
    margin-bottom: 15px;
}



@media (min-width: 767px){
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
}
}

@media (max-width: 767px){
.w-contact {
    width: 50%;
}
}