:root {
    --main-font-family:'Roboto', sans-serif;
  }
*{margin: 0;padding: 0;box-sizing: border-box;scroll-behavior: smooth;font-family: 'Roboto', sans-serif; text-decoration:none;}

.slideshow-container {max-width: 1000px;position: relative;margin: auto;}

 .prev, .next {cursor: pointer;position: absolute;top: 50%;width: auto;padding: 16px;margin-top: -22px;color: white;font-weight: bold;font-size: 18px;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;}
 
.next {right: 0;border-radius: 3px 0 0 3px;}

.shortformobile h1.mtitle {font-size: 40px;margin: 0 0 15px;text-align: center;color: #000000;}

.shortformobile h1.mtitle span {color: #ff0000;}

.batches h4.btitle span {color: #ff0000;}

.content-live-guid {margin-bottom: 30px;}

.boxes-container { display: flex;justify-content: space-around;gap: 1rem;margin-top: 3rem;}
.our-mission-card {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);transition: 0.3s;border-radius: 1.2rem;border-top: 4px solid red;border-bottom: 4px solid red;}

.card-img-top {display: block;margin: auto;max-width: 100%;width: 60%;}

.card-body {border-top: 1px solid #e3d2d2;}

.boxes-container .card-title {font-family: "Roboto", sans-serif;font-size: 18px;font-weight: 600;text-align: center;}

.boxes-container .card-text {font-family: "Roboto", sans-serif;font-size: 16px;font-weight: 500;text-align: left;}

.image-box-container-guid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;}

.image-box-guid {width: 100%;height: 100%;border-radius: 12px;text-align: center;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);background-color: #fff;}

.image-box-guid img {width: 100%;height: 100%;border-radius: 8px;}

.image-box-guid p {margin-top: 10px;}

h2.mtitle.title1{text-align:center !important; margin: 14px auto;font-size: 28px !important; font-weight:600;}

.prev:hover, .next:hover {background-color: rgba(0,0,0,0.8);}

 .dot {cursor: pointer;height: 15px;width: 15px;margin: 0 2px;background-color: #bbb;border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;}

.active, .dot:hover {background-color: #717171;}

.fade {animation-name: fade;animation-duration: 1.5s;}

p.accordion-inner-para {color: #000;font-size: 15px;font-weight: 500;}

.feature-images-lpage {display: flex;justify-content: flex-start;gap: 12px;}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

img.imgcourse { width: 100%;}

img.imgcourse{box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);border-radius: 5px;padding: 5px;max-width: 100%;height: auto;}

.notes .mbox { padding: 10px;background: #ffffff; margin: 2.2rem auto; border-radius: 5px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);transition: all 0.3s ease-in-out;}
.notes .mbox img {border-radius: 5px;width: 100%;}

.notes .mbox p {font-size: 16px;margin: 10px 0 0;padding: 0;font-weight: 600;color: #093184;}
    
.features p{text-align: center;}

.best-upsc-coach-container{max-width: 100%;width: 100%;height: 100%;margin: 0 auto; border-radius: 8px;padding: 20px;background-color: #ff0000;}
 
 .headingtext{color: #786769; margin: 10%;font-size: 22px;text-align: center;}

.row-upsc::after{content: "";display: table;clear: both;}

.upsc-heading-title{font-family: var(--main-font-family);font-size: 24px; font-weight: 600;text-align: center; color: #ffffff;}


.upsc-inner-content{display: block;height: auto;width: 100%;}

p.upsc-inner-content-para{font-family: var(--main-font-family);padding: 22px 22px;font-size: 22px; font-weight: 500;color: #ffffff;}

.best-upsc-inner-content{display: flex;background: #ffffff;padding: 18px;border-radius: 16px;}

p.best-upsc-inner-para{font-family: var(--main-font-family);font-size: 20px;font-weight: 400;}

.column-best-upsc{float: left;width: 100%;padding: 10px;height: 100%;}

.form-container{width: 80%;height: 442px; background: #ffffff;border-radius: 5px;padding: 20px; margin:1rem auto;}

label{padding: 3px 0px 0px 0px; display: inline-block;}

input[type=text],input[type=number]{width: 100%;padding: 10px;border: 1px solid #ccc;border-radius: 4px;resize: vertical;outline: none;} 

input[type=tel]{width: 100%; padding: 10px; border: 1px solid #ccc;border-radius: 4px;resize: vertical;outline: none;}
.register-btn{font-family: var(--main-font-family);background-color: #1967d2;color: white;padding: 12px 12px;font-size: 18px;
    border: none;border-radius: 10px;cursor: pointer;text-align: center;outline: none;float: left; margin: 14px auto;}
input[type=register]:hover {background-color: #ff0000;}

  .column-25{ width: 25%;margin-top: 6px;}
  
  .column-75 { width: 95%;margin-top: 6px;}
  
.form-row:after {content: "";display: table;clear: both;}

.accordion-container-lpage{max-width: 90%;width: 90%;height: auto;font-family: var(--main-font-family);margin: 0 auto;padding: 6px; background-color: #ffffff;border-radius: 10px;}

.accordion-lpage {width: 100%;max-width: 1070px;margin: 0px auto;}
.faq-head-title-lpage{font-family: var(--main-font-family);font-size: 28px !important; font-weight: 600;text-align: center;color: #ff0000 !important;}

.accordion-btn-lpage {background-color: #fff; font-weight:500; color: #000000;border: none;cursor: pointer;margin-bottom: 6px;padding: 15px;width: 100%;
    text-align: left; font-size: 18px; box-shadow: 6px 4px 8px 2px #ffcaca, 4px 6px 10px 9px #ffcaca; transition: background-color 0.3s ease;}

.accordion-btn-lpage:hover { background-color: #fff;color:#000;}

.accordion-btn-lpage:after {content: '\002B';  font-size: 20px;color: #ff0000;float: right; transition: transform 0.3s ease;}

.accordion-btn-lpage.active:after {content: "\2212"; transform: rotate(180deg);}

.accordion-content-lpage {padding: 15px;display: none; overflow: hidden;background-color: #fff; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);}

.feature-container-lpage{ display:grid; grid-template-columns: 1fr 1fr; gap:20px; max-width: 1200px; width: 100%; padding: 20px; }

 .feature-boxes-lpage{  border:1px solid #ddd; padding:20px; background-color:#fff; box-shadow: 6px 4px 8px 2px #ffcaca, 4px 6px 10px 9px #ffcaca; border-radius:8px;}
 
 .feature-images-lpage img{ width: 50px; height: 50px;}
 
 .feature-inner-para{font-size: 18px; padding-top: 11px;}
 
 .feature-main-container .feature-title-heading{font-size:36px; color:#000000; font-weight:900; text-align:center;}
 
 .feature-content-lpage h3{font-size: 20px; color: #333; margin-bottom: 10px;}
 
  .feature-content-lpage p{font-size: 18px;padding-top: 11px; color: #000000; font-weight:500; text-align:center;}
  
  .google-review-lpage{display:grid; grid-template-columns: 1fr 1fr;gap: 20px;max-width: 1200px;width: 100%; padding: 20px;}
  
  .google-review-images-lpage{max-width:100%; width:100%; box-shadow: 6px 4px 8px 2px #ffcaca, 4px 6px 10px 9px #ffcaca;}
  
  .google-review-images-lpage img{max-width:100%; width:100%;}
   
  .google-review-title .google-review-heading{font-size: 28px;font-weight:900;text-align:center;margin: 14px;color:#ff0000;}
  
   .our-certificate-boxes-lpage{display:flex; gap:30px;margin: 5px 3.5rem; padding:1rem 1rem;}
  
  .our-certificate-inner-lpage{ width: 190px;  height: 145px; margin:10px; background-color:#fff; padding:20px; border-radius:8px; 
  box-shadow: 6px 4px 8px 2px #ffcaca, 4px 6px 10px 9px #ffcaca; text-align:center; }
  
 .our-certi-main-box .our-certificate-title-head{text-align:center; font-size: 36px;margin-bottom: 8px;color: #000000;font-weight: 900;}
 
 .our-certificate-inner-lpage .certificate-title{font-size: 14px;margin-top: 5px; margin-bottom: 0px;color: #000;font-weight: 600;}
  
  .our-certificate-inner-lpage .our-certificate-img{width:100%; max-width: 85px; height: auto;margin-bottom: 0px;border-radius: 8px;}
  
  .next-level-container {display: flex;gap: 8px;width: 100%;padding: 14px;box-shadow: 0 0px 4px 4px rgb(0 0 0 / 15%);border-radius: 12px;
    margin-left: auto;margin-right: auto;background-color: #fff;margin-bottom: 14px;}
    
    h2.next-level-main-title {color: #002240;font-weight: 700;text-align: center;font-size: 32px;margin-bottom: 0.3rem;text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);}

   h4.next-level-inner-title {color: #093184;text-align: center;font-size: 20px;line-height: 28px !important;padding: 14px;font-weight: 500;margin-bottom: 0.1rem;}

  .register-here-bttn {display: inline-block;margin: 16px 16px;background-color: #093184;border-radius: 4px 4px 4px 4px;padding: 14px 26px 14px 26px;
    outline: none;border: none;width: 20%;margin-left: auto;margin-right: auto; cursor: pointer !important;}

  .register-here-bttn a {color: #fff; cursor: pointer !important;}
  
  
.awarded-global-fold-column {width: 238px; margin: 10px;background-color: #fff;padding: 20px;border-radius: 8px;box-shadow: 6px 4px 8px 2px #ffcaca, 4px 6px 10px 9px #ffcaca;text-align: center;}

.awarded-global-fold-columns { margin: 10px;background-color: #fff;padding: 20px;border-radius: 8px;text-align: center;}

.awarded-global-fold-column img {width: 100%;max-width: 80px;height: auto;margin-bottom: 15px;border-radius: 8px;}

.awarded-global-fold-column .awarded-inner-head {font-size: 20px;color: #ff0000;font-weight: 600;margin-bottom: 10px;}

.awarded-global-fold-column .awarded-inner-para {font-size: 16px;font-weight: 600; color: #000000; font-family: "Roboto", Sans-serif;}


.features-section-fold {max-width: 1200px;margin: 0 auto;text-align: center; border-radius: 12px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);}

.section-title-head {text-align: center !important;margin-top: 2.5rem !important;font-size: 28px !important;font-weight: 600;color: #ff0000;}

.features-container-fold {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;padding: 2.6rem 20px;}

.feature-box-content {border-radius: 8px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);text-align: center;transition: transform 0.3s ease, box-shadow 0.3s ease;}

.feature-box-content img {width: 75px;height: 75px; border-radius: 40px; border: 2.5px solid black;}

.feature-box-content .features-head-title{font-size: 18px;color: #fff;margin-bottom: 10px; font-weight:900;}

.feature-box-content .features-inner-para {font-size: 14px;color: #fff;}

.feature-box-content:hover {transform: translateY(-10px);box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);}

.letus-connect-section {align-items: center;max-width: 1200px;margin: 0.5rem auto;padding: 4px;
    background-color:#ff0000; border-radius: 14px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}

.letus-connect-title {font-size: 36px;color: #fff; font-weight:900;}

.letus-connect-button {padding: 15px 30px;font-size: 18px;color: #fff;background-color: #1967d2;text-decoration: none;border-radius: 8px;text-align: center;
    transition: background-color 0.3s ease;}

.letus-connect-button:hover {background-color: #1967d2; color:#fff; text-decoration:none;}

.ytube-upsc-videos-section { max-width: 1200px;margin: 0 auto;text-align: center;}

.ytube-upsc-section-title {font-size: 36px;margin-bottom: 8px;color: #000000; font-weight:900;}

.ytube-upsc-videos-container {display: flex; gap: 8px;flex-wrap: wrap;}

.ytube-upsc-video-box {background-color: #fff;border-radius: 8px; margin: 8px; padding: 8px; box-shadow: 6px 4px 8px 2px #ffcaca, 4px 6px 10px 9px #ffcaca;width: 30%;
    max-width: 30%; text-align: center;}

.ytube-upsc-video-title {font-size: 18px; color: #000000 !important; font-weight:600; margin-bottom: 15px;}

.want-to-visit-us-container{background-image: linear-gradient(to top, #ff0909 0%, #eb0808 100%); width: 100%; height:230px;}

.want-to-visit-us-container .want-to-visit-title-head{ text-align:center; color: #ffffff;font-size: 42px;font-weight: 600;line-height: 58px;letter-spacing: -0.88px;text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);}

.want-to-visit-us-container .want-to-visit-desc{text-align: center;color: #ffffff;font-size: 20px;font-weight: 400;line-height: 30px;letter-spacing: 0.8px;}

.want-to-visit-us-container .want-visit-connect-button{font-size:22px;background-color: #1967d2; color:#fff; border-radius: 14px; margin: 0.8rem auto; width: 25%; text-decoration: none; display: flex; justify-content: center; padding: 12px 14px 14px 12px;}

.our-center-location-container {width: 100%;background-color:#ffffff;}

 .our-centers-title {font-size: 28px; color: #ff0000; font-weight: 900; margin-bottom: 12px; text-align: center;}
 
 .our-centers-locations-contain {display: flex;flex-wrap: wrap; justify-content: space-between;}
 
 .meet-faculty-inner-para{ font-size: 16px;color: #000000;text-align: center;}
 
 .our-centers-locations {width: auto; height: 280px; background-color: #fff;color: white;border-radius: 15px;overflow: hidden;align-items: center; padding: 5px;}
 
 .our-centers-locations iframe { width: 100%;height: 100%; border: none; margin-top:1rem;}
 
 .meet-faculty-container{max-width: 100%;width: 100%;font-family: var(--main-font-family);margin: 1.8em auto;padding: 0px;}
 
.meet-faculty-container .head-title{font-family: var(--main-font-family);font-size: 32px !important;text-align: center;margin-top: 12px;
    margin-bottom: 26px;color: #000000 !important;}
    
  .image-banner-interview-panel{position: relative;width: 100%;height: auto;overflow: hidden; box-shadow: 0 0px 4px 4px rgb(0 0 0 / 15%);}
    
 .interview-banner-images{width: 998px; height:370px; object-fit:cover; overflow: hidden;}
  
  .meet-mentors-container{max-width: 100%;width: 100%;font-family: var(--main-font-family);margin: 1.8em auto;padding: 0px;}
.meet-mentors-container .head-title{font-family: var(--main-font-family);font-size: 32px !important;text-align: center;margin-top: 12px;color: #000000 !important;}

.courses-title{display: block;font-family: var(--main-font-family);font-size: 28px !important;color: red !important;text-align:center !important;font-weight: 700;margin-top: 22px;margin-bottom: 24px;}

.card-container-materials{display: flex;margin: 2.5em auto;gap: 20px;}
.card-container-materials{display: flex;flex-wrap: wrap;flex-direction: row;width: 100%;margin-top: 1em;margin-bottom: 1.5em;}

.card-materials{ width:305px; height:auto;border-radius: 10px;overflow: hidden;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);background-color: #fff;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.card-materials:hover{transform: translateY(-10px);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);}

.card-image-materials{width: 100%;height: 200px;object-fit: cover;}
.card-content-materials{padding: 12px;}
.card-title-materials{margin: 0 0 10px 0;text-align:center !important;font-size: 1.5em;color: #ff0000 !important;font-weight:800 !important;}
.card-description{margin: 0px;text-align:center !important;font-size: 1em;color: #000000 !important;}

.section {display: none;margin: 50px auto;max-width: 800px;position: relative;}
.section.active {display: block;}
.section .arrow {cursor: pointer;font-size: 24px;position: absolute;top: 50%;right: 20px;transform: translateY(-50%);background: red;color: red;z-index: 10;}
.section {display: none;margin: 50px auto;max-width: 800px;position: relative;}
.section.active {display: block;}.arrow {cursor: pointer;font-size: 24px;position: absolute;top: 50%;right: 20px;transform: translateY(-50%);z-index: 10;}
.slider-content {display: flex;flex-direction: column;align-items: center;}.main-image {width: 650px;height: 220px;margin: 10px 0;}
.prev-new, .next-new {position: absolute;top: 50%;transform: translateY(-50%);background-color: rgba(0, 0, 0, 0.5);color: white;border: none;cursor: pointer;padding: 10px;font-size: 18px;z-index: 1;}
.prev-new {left: 10px;}.next-new {right: 10px;}#slider{width:80%;margin:0 auto;position:relative;overflow:hidden;}.slide{width:100%;display:none;animation-name:fade;animation-duration:1s;}

  @keyframes fade{
    from{opacity:0.5;}
    to{opacity:1;}
  }
  
  #left-arrow{
    left:10px;
  }
  
  #right-arrow{
    right:10px;
  }
  
  #dots-con{
    padding-top: 1.2em;
    text-align:center;
  }
  .dot{
    display:inline-block;
    background:grey;
    padding:8px;
    border-radius:50%;
    margin:10px 5px;
  }
  
  @media (max-width:576px){
    #slider{width:100%;
    
    }
    
    .controls{
      font-size:1em;
    }
    
    #dots-con{
      display:none;
    }
  }


  .prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: 45px;
    height: 45px;
    padding: 16px;
    margin-top: -22px;
    color: #ffffff !important;
    background-color: #093184;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    border-radius: 50%;
  }
  a.prev {
    padding-top: 11px;
}
a.next {
    padding-top: 11px;
    padding-left: 20px;
}
   
  .next {
    right: 0;
    border-radius: 3px 0 0 3px;
    border-radius: 50%;
  }
  
  .prev:hover, .next:hover {
    background-color: #ff0000;
  }
  
  .dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #ff0000;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }
  
  .dot:hover {
    background-color: #ddd;
  }
  span.dot.active {
    background-color: #ddd !important;
}
  
  .fade {
    animation-name: fade;
    animation-duration: 1.5s;
    opacity: 1 !important;
  }
  
  @keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
  }
  
  @media only screen and (max-width: 300px) {
    .prev, .next,.text {font-size: 11px}
  }
  
  

/* ==== New Carousel Location CSS end Addresss ========= */

 .accordion-container{max-width: 90%;width: 90%;height: auto;font-family: var(--main-font-family);margin: 0 auto;padding: 20px;background-color: #ffffff;border-radius: 10px;}
 .accordion {width: 100%;max-width: 1070px;margin: 32px auto;}

.faq-head-title{font-family: var(--main-font-family);font-size: 32px !important;font-weight: 600;text-align: center;padding-top: 3.5em;color: #000000 !important;}
.accordion-btn {background-color: #ff0000;color: white;border: none;cursor: pointer;margin-bottom: 6px;padding: 15px;width: 100%;text-align: left;font-size: 18px;border-bottom: 1px solid #ddd;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);transition: background-color 0.3s ease;}
.accordion-btn:hover {background-color: #ff0000;color:#ffffff;}.accordion-btn:after {content: '\002B';font-size: 20px;color: white;float: right;transition: transform 0.3s ease;}
.accordion-btn.active:after {content: "\2212";transform: rotate(180deg);}
.accordion-content {padding: 15px;display: none;overflow: hidden;background-color: #f1f1f1;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);}

  @media screen and (max-width: 900px) {
    .wrapper .carousel {
      grid-auto-columns: calc((100% / 2) - 9px);
    }
  }
  @media screen and (max-width: 600px) {
    .wrapper .carousel {
      grid-auto-columns: 100%;
    }
  }

  @media screen and (max-width: 600px) {
    .column-25, .column-75, input[type=submit] {
      width: 100%;
      margin-top: 0;
    }
  }

  /*======== Mobile and Tablet Responsive view =========*/
  /*=========Media Queries ==========*/

  @media screen and (min-width: 769px) and (max-width: 1024px){
    *{box-sizing: border-box;scroll-behavior: smooth;font-family: var(--main-font-family);}

    .upsc-heading-title{font-size: 22px !important;}
    
    p.upsc-inner-content-para{padding: 4px 12px;font-size: 18px;font-weight: 500;color: #ffffff;}
    .best-upsc-inner-content{ display: flex;background: #ffffff;padding: 12px;border-radius: 16px;}
    p.best-upsc-inner-para{
        font-family: var(--main-font-family);
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 0rem;
    }
    .form-container{
        width: 80%;
        height: 460px;
        background: #ffffff;
        border-radius: 5px;
        padding: 20px;
        margin-left: 60px;
    }
    label{
        margin-bottom: 0rem;
    }
    .column-25{
        width: -1px;
    }
    .best-upsc-coach-container{
        max-width: 100%;
        width: 100%;
        height: 100%;
    }
    .card-list{
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        max-width: 1250px;
        margin: 0px auto;
        padding: 20px;
        gap: 40px;
    }
    .card-list .card-item{
        padding: 6px 2px;
    }
    .card-list span{
        margin-top: -5px;
    }
    .view-course-button{
        display: inline-block;
        padding: 10px 12px;
    }
    .view-all-btn{
        display: inline-block;
        padding: 10px 14px;
        transform: translate(250%, 0px);
    }
    .upsc-offline-container{
        padding: 12px;
    }
    .card-container-sec .card{
        width: 215px;
    }
    .meet-faculty-container .head-title{
        margin-top: 0px !important;

    }
   
    .card-sec{
        width: 220px;
    }
    .card-container-sec{
        justify-content: none;
        gap: 32px;
        flex-wrap: nowrap;
        padding-right: 10px;
    }
    .next-btn-sec{
        right: 3px;
    }
    .why-choose-btn{
        transform: translate(105px, -46px);
    }
    .grid-container{
        gap: 40px;
        margin-top: -45px;
    }
    .boxes-images img{
        width: 130px;
        height: 130px;
    }
    .boxes-content-row{
        max-width: 70.666667%;
    }
    .why-choose-container{
        height: 1060px;
    }
    .card-list-sec{
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
        padding: 6px;
        gap: 12px;
    }
    
    section.features.notes{width: 75%;}
   

    .card-list-sec .card-item-sec{
        padding: 9px 2px;
    }
    .card-list-sec .student-inner-para{
        margin-top: 0px;
        text-align: left;
    }
    .card-list-sec span{
        text-align: left;
        font-size: 18px;
    }

    .view-course-button{
        padding: 10px 12px;
    }
    .controls{
        transform: translateY(520%);

    }
    .main-image-container-event{
        width: 590px;
    }
    .thumbnail-event{
        width: 290px;
        height: 200px;
    }
    .address-card .location-head-title{
        font-size: 16px;
    }
    .send-enquiry-btn{
        font-size: 16px;
        margin-left: 5rem;
        padding: 12px 12px;
    }
    .location-section{
        gap: 2rem;
    }
    .faq-head-title{
        padding-top: 2.1em;
    }
    .card-title{
        font-size: 14px !important;
    }

    .why-page{
        margin-left: -7px !important;
        height: 104px !important;
    }
   
    .infos .infos-title{
        font-size: 16px;

    }
    p.sicons {
     display: flex;
    }
    .address-card a{
    font-size: 17px !important;
    }
    
    .column-sec-img{
        height: 50% !important;
    }
    
}

  @media screen and (max-width: 1280px){
     
       .upsc-heading-title{font-family: var(--main-font-family);font-size: 24px;font-weight: 600;padding-left: 22px;color: #ffffff;}
       .faq-head-title{padding-top: 4.5em;}
       .why-choose-btn{transform: translate(177px, -41px);}
      
  }
  
  

@media only screen and (max-width:372px) {
    *{ margin: 0; padding: 0;box-sizing: border-box;scroll-behavior: smooth;font-family: var(--main-font-family);}
    .main-title {font-family: var(--main-font-family);font-size: 36px !important;color: #000000 !important;text-align: center;
    line-height: 28px;font-weight: 700;}

     nav.bcitem .breadcrumb {
        left: 5% !important;
        position: relative !important;
       
    }
    p.upsc-inner-content-para {
        width: 100%;
        font-size: 16px;
        padding: 14px 0px;
    }
    .column-best-upsc {
        width: 100%;
        margin-top: 14px !important;
    }
    .best-upsc-coach-container {
        width: 100%;
        height: 809px;
       
    }

    p.study-material-para{
        text-align: justify !important;
    }
  
    .prev-btn-sec {
        left: 8px;
    }
    .next-btn-sec {
        right: 5px;
    }
   
    .why-choose-container{
        margin-left: 30px;
    }
  .accordion-container-lpage{
    max-width: 100% !important;
    width: 100% !important;
    padding: 0px !important;
    }
    .accordion-container{
        width: 100% !important;
    }
    .faq-head-title{
        font-size: 24px !important;
        padding-top: 14px;
    }
    .column-image{
        margin-left: 2px;
        padding: 12px 0px 0px 0px !important;
    }
    .column-sec p{
        text-align: justify !important;
    }
    .column-sec-img {
        position: relative;
        top: 0%;
        left: 12% !important;
        width: 80%;
    }
    .card-list{
        width: 340px;
        padding-top: 18px;
        left: -2% !important;
        position: relative;
    }
  }

  @media only screen and (max-width:768px) {
    *{margin: 0;padding: 0;box-sizing: border-box;scroll-behavior: smooth;font-family: var(--main-font-family);}

    body{max-width:100%!important;width:100%!important;background-color: #fff !important;}
    .our-mission-card{width: 100% !important;}
    
    .boxes-container {
        display: flex;
        gap: 18px;
        width: 100%;
        flex-wrap: wrap;
    }
        .card-img-top {
        width: 45%;
        margin: auto;
    }
    .boxes-container .card-text {
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        font-weight: 500;
        text-align: left;
    }
    
    .image-box-container-guid {
    display: grid; grid-template-columns: repeat(1, 1fr); gap: 15px;}
    
     .image-box-guid img {width: 100%; height: 100%; border-radius: 8px; object-fit:cover;}
     
        .register-btn {
        margin: 18px auto;
    }
    .best-upsc-coach-container{
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%!important;

    }
    .feature-content-lpage p {
    padding-top: 6px;
     font-size: 14px;
    text-align: center;
    color: #000000;
     }
     
  
        p.upsc-inner-content-para {
        width: 100%;
       text-align: justify;
        font-size: 16px;
        padding: 8px 32px;
        margin-top: 1.8rem;
    }
    .counsellor-connect-button {
        width: 100%;
    }
    .features-container-fold {
        display: flex;
        flex-direction: column;
    }
        .feature-box-content {
        width: 100%;
        height: 100%;
    }
        .feature-box-content img {
        width: 50px;
        height: 50px;
    }
        .letus-connect-title {
        font-size: 24px;
        margin: 0px;
    }
        .letus-connect-button {
        padding: 10px 10px;
    }
        .feature-main-container .feature-title-heading {
        font-size: 36px;
        color: #000000;
        font-weight: 900;
        text-align: center;
        margin: 12px 12px;
    }
    .feature-container-lpage {
        width: 100%;
        grid-template-columns: 1fr;
    }
    .awarded-global-fold-column .awarded-inner-para{
        text-align:center;
    }
    .meet-faculty-inner-para{margin: 4px 16px;font-size: 17px;text-align: justify;
    }
    
    .feature-images-lpage img {
        width: 52px;
        height: 52px;
    }
    
        .ytube-upsc-video-box {
        width: 100%;
        max-width: 100%;
    }
     iframe.youtube-width{
       width:100%;
   }
    .want-to-visit-us-container {
        width: 100%;
        height: 315px;
    }
    .want-to-visit-us-container .want-visit-connect-button {
        width: 55%;
    }
        .our-certificate-inner-lpage {
        width: 100%;
        margin: 0px;
        padding: 0px;
    }
    
    .row::after{content: "";display: table;clear: both;}
    
    .form-container {
        display: flex;
        margin-left: 0px;
        flex-direction: column;
        width: 100%;
        height: auto;
    }

    .upsc-heading-title{
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        font-size: 22px !important;
       
    }

    p.best-upsc-inner-para{
        font-size: 16px;
        text-align: left;
    }
    p.upsc-inner-content-para{
        width: 100%;
        text-align: left;
       font-size: 16px;
        padding: 8px 8px;
    }
    .best-upsc-inner-content{
        width: 100%;
        height: 100px;
        padding: 12px;
        font-size: 16px;

    }
    .column-best-upsc{
        width: 100%;
        margin-top: 8px;
       
    }
    .head-title{
        font-size: 1.7em !important;
        
    }
   .awarded-global-fold-column{
    width: 100%;
   }
    .red-underline-comp{
        font-size: 28px;

    }
    .mumbai-red-underline{
        font-size: 28px;
    }

    .column-sec{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .column-sec p{
        width: 100%;
        font-size: 14px;
        text-align: justify;
        padding: 0px;
        margin: 0px;
    }
    .view-more-btn{
        display: inline-block;
        margin: 0 auto;
        padding: 12px 12px;
        margin-top: 10px;
        width: 50%;
    }
    .column-image{
        width: 100%;
        height: 100%;
       
    }
    .column-sec-img{
        position: relative;
        top: 0%;
        left: 9%;
        width: 80%;
    }
    .our-conf-container{
        width: 100%;
        padding-top: 0px;
        margin-top: 12em;   
        margin-left: 15px;
    }
    .our-conf-container-sec{
        width: 100%;
        padding-top: 0px;
        margin-top: 0em; 
        margin-left: 15px;  
    }

   
    .our-conf-container .head-title{
        font-size: 28px;
        padding-top: 34px;
    }
    .our-conf-container .inner-para{
        font-size: 16px;

    }
    .our-conf-container-sec .head-title{
        font-size: 28px !important;
        padding-top: 4px;
    }
    .our-conf-container-sec .inner-para{
        font-size: 18px;

    }

    .view-all-btn{
        display: none;
    }
    
    .card-list{
        width: 340px;
        padding-top: 18px;
        position: relative;
       
    }
    .card-list .card-item{
        width: 100%;
        padding-top: 1px;
    }
 
    .card-container-sec .card-upper {
        height: 305px;
       position: relative;
       top: 0.8em;
    }
    .card-container-sec .card{

        margin-top: 10px;
        width: 235px;
        height: 305px;
    }
    .card-img{
        margin-top: 8px;
        width: 50%;
    }
    p.card-text{
        padding: 18px 18px !important;
        font-size: 13px !important;
        text-align: left !important;   
    }
    .card-title{
        font-size: 18px !important;
        margin: 0 0 4px !important;
    }

    .card-container-sec .card-upper{
        width: 235px;
        margin-left: 11px;

    }

    .card-text{
        font-size: 13px !important;
        text-align: left !important;
    }
    
    .prev-btn-sec{
        left: 16px;
    }

    .meet-faculty-container{
        width: 100%;
    }
    .meet-faculty-container .head-title{
        font-size: 28px !important;
        
    }
    .card-container .card{
        height: 300px;
    }
   
    .meet-mentors-container{
        width: 100%;
        margin: 0px 0px;
    }
    .carousel-container-sec{
        width: 100%;
        position: relative;
    }
    .carousel-inner-sec{
        width: 100%;
        width: 222px;
        height: 300px;
        display: flex;
        align-items: center;
        padding-top: 0px;
        margin: auto;
    }
    
    .card-sec{
        width: 100%;
        min-width: 100%;
        height: 300px;
        margin-top: 0px;
    }
    .card-sec img{
        width: 85%;
        height: 160px;
        border-radius: 50%;

     }
    .next-btn-sec {
        right: 12px;
    }

    .card-materials{
        width: 100%;
        margin: 5px auto;
        box-shadow: 0 0px 4px 4px rgb(0 0 0 / 15%);
        margin-left: 0px!important;
    }
  
    .why-page h3{
        left: 10%;
        font-size: 12px;
    }
    .why-page{
        margin-left: -14px !important;
    }
    .grid-container{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 1fr);
        position: relative;
        top: 8px;
        margin-left: 1em;
        
    }
    .boxes-images img{
        width: 120px;
        height: 120px;
    }
    .interview-banner-images{
    width: 100%;
    height: auto!important;
    object-fit: cover;
    }

    .boxes-content-row{
        flex: 0 0 70.666667%;
        max-width: 70.666667%;
    }
  
    #cCarousel #next {
        right: 7px;
    }
    
    .why-page h4{
        padding-left: 30px;
    }
 
    .free-consult-container{
        width: 100%;
    }

    .free-consult-container{
        margin-top: 2em;
        height: 85px;
        margin-left: 15px;

    }
    .free-consult-head-title h3{
        font-size: 18px;
    }
    .register-boxes .register-button{
        display: inline-block;
        width: 120%;
        margin-left: -10px !important;
        padding: 12px 14px;
        font-size: 16px;
    }
    
    .modal-content {
        background-color: white;
        border: 1px solid #888;
        width: 85%;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    }

    .student-life-container .inner-para{
        width: 100%;
        font-size: 16px;
        padding-top: 10px;
        text-align: justify;
        margin-top: 12px;
    }
    .courses-title{
        font-size: 27px !important;
    }
    
    .branch-courses-title{
        font-size: 23px !important;
       
    }
     .our-certificate-boxes-lpage {display: grid;grid-template-columns: repeat(2, 1fr);gap: 48px;width: 100%;height:100%;}
     
     .our-certificate-inner-lpage {
        width: 100%;
        margin: 0px;
        padding: 0px;
    }

    .card-list-sec{
        width: 100%;
        gap: 3em;
    }
    .card-list-sec .card-item-sec{
        padding-top: 1px;
        width: 100% !important;
    }

    #slider{
        width: 100%;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
    }
    .carousel-slide-event{
        min-width: 100%;
        margin-top: 1em;
        padding-top: 0em;
        margin-left: 15px;
    }
    .event-heading-title{
        white-space: nowrap;
        font-size: 22px !important;
    }

    .event-competitive-heading-title{
        font-size: 22px !important;

    }
    .carousel-slide-event p{
        font-size: 16px;
    }
    .main-image-container-event{
        width: 320px;
        height: 180px;
        overflow: hidden;
    }
    .thumbnails-event{
        width: 100%;
    }
    .thumbnail-event{
        width: 170px;
        height: 100px;
      
    }
    .controls{
        width: 36px;
        height: 36px;
        transform: translateY(160%);
        color: white;
        background: #093184;
    }
    .controls:hover{
        color: white;
        background: #ff0000;
    }
    #left-arrow{
        left: 0px;
    }
    #right-arrow{
        right: 0px;
    }

    .location-section{
        display: flex;
        width: 100%;
       padding: 0px; 
       margin: 14px;
       justify-content: space-around;
    }
    .location-cards{
      
        width: 100%;
        height: 100%;
        margin: 6px auto;
    }
    .address-card{
        width: 295px;
    }
    .address-card .location-head-title{
        font-size: 18px;
    }
    .address-card a{
        font-size: 18px !important;
    }
    .send-enquiry-btn{
        display: inline-block;
        font-size: 18px;
        padding: 10px 10px;
    }
    .prev{
        left: -7%;

    }
    .next{
        right: -7%;

    }
    .prev{
        width: 35px;
        height: 35px;
    }
    .next{
        width: 35px;
        height: 35px;
    }
    a.prev{
        padding-top: 6px;
        padding-left: 12px;
    }
    a.next{
        padding-top: 5px;
        padding-left: 15px;
    }

    .accordion-container{
        width: 100%;
        padding: 2px;
        margin-left: 35px;

    }
    .accordion-btn{
        padding: 13px 5px !important;
        font-size: 16px !important;
    }
    .accordion-content ul li{
        list-style-type: none !important;
    }

    .faq-head-title{
        font-size: 24px !important;
        padding-top: 14px;
    }
    .copyright1{
        width: 108%;
        margin-bottom: 3px !important;
    }
    
    .location-map{
        display:none !important;
    }
    p.study-material-para{
        text-align: justify !important;
    }
    .accordion {
        margin: 0px auto !important;
    }
        .footernew .fbox p {
        text-align: center !important;
    }
    .accordion-btn-lpage {
        width: 100%;
    }
    .accordion-container-lpage{
    max-width: 100% !important;
    width: 100% !important;
    padding: 0px !important;
    }
        .accordion-btn-lpage {
        width: 100%;
    }
    .google-review-lpage {
        max-width: 100%;
        width: 100%;
        padding: 0px;
        grid-template-columns: 1fr;
    }
        .our-centers-locations {
        width: 100%;
        margin: 0px;
        padding:0px;
    }
    .resources-grid-container{padding-bottom: 8rem;}
    .our-center-location-container{ margin-bottom: 0.5rem !important;}
    
    .our-certificate-inner-lpage .our-certificate-img{width: 100%; max-width: 120px;}
    
    .card-image-materials{width:100%; height:auto;}
    
    h2.courses-title.red-underline.courses-study-materials{
    margin-left: 0rem!important;
    }
    .text-container .text-contain-inner-para{
        text-align: center !important;
        
    }
    .main-banner{
        margin: 12px auto;
        width:100%!important;
        height: auto!important;
    }
    .main-banner img{
    height:230px!important;
        
    }
    
    .sub-banner{
    margin-top: 2.8rem;
    }

    }
    
    /* Responsive Tablets, ipads, Version  */
 @media (min-width: 500px) and (max-width: 768px) {
     .form-container {
   height: 440px;
     }
    .column-best-upsc{
       margin-top: -18px;
      }
        .courses-title {
            margin-left: 0px;
         }
       
         .carousel-inner-sec{
         margin-left: 40px;
         }
        .card-container-materials {
        width: 100%;
         flex-direction: unset;
     }
         .card-image-materials {
         width: 290px;
          
     }
       .more-details-btn{
        margin-left: 3.5em;
        width: 60%;
    }
       .why-choose-btn{
        text-align: center;
        transform: translate(93px, -41px);
    }
        .card-list-sec{
          width: 80%;
     }
     .view-course-button {
     margin-left: 105px;
         }
     .address-card{
                 
     }
     .address-card .location-head-title{
         font-size: 14px;
     }
      .location-section {
                     
     }
     .location-map {
        display: flex !important;
    }
        .address-card a{
      font-size: 14px !important;
        }
     .admissions1{
         width: 125%;
            }
   .footernew .fbox1 h4 {
       margin-left: 3.5rem;
   }
     .fus img{
        width: 22%;
      }
        .card-container-materials {
        width: 100%;
         flex-direction: unset;
     }
  }

@media (min-width: 1086px) and (max-width: 1395px) {
   .awarded-global-fold-column{
       width:210px!important;
       flex-wrap:wrap;
   }

 
   .our-certificate-boxes-lpage{
    gap: 10px;
    margin: 0px 0px;
   }
   .ytube-upsc-video-box{
    margin: 10px;
    width: 100%;
   

   }
   iframe.youtube-width{
       width:100%;
   }
   .navbar-brand{padding:0px 0px;}
}

/*============ Tablet & iPad View CSS Start ==========*/
@media (min-width: 768px) and (max-width: 996px) {
     .tablet-mode{
         width:100% !important;
     }
     #tablet-mod-hide{
         display:none !important;
     }
     .col-md-9{
        flex: 0 0 100% !important;
        max-width: 100% !important;
     }
     .view-all-btn{
     transform: translate(420%, 0px) !important;
     }
        .meet-faculty-container {
        margin-top: 0rem !important;
    }
    
     .carousel-inner-sec{
     padding-top: 0rem !important;
     }
     .why-choose-btn{
        transform: translate(120px, -41px) !important;
     }
     .card-list-sec{
         margin: 0px !important;
     }
     .carousel-slide-event{
         margin-top: 3.5rem !important;
     }
     .faq-head-title{
         margin-top: 0.1rem !important;
     }
     .dot{
         display: none !important;
     }
         .card-list-sec .card-item-sec {
        width: 85% !important;
         }
         .main-image-container-event {
        width: 100% !important;
    }
    .address-card{
            width: 38vw !important;
    }
        .card-list .card-item {
        width: 100% !important;
    }
    .card-list{
        display: grid !important;
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
    }
    #tablet-hide-mode{
        display: none !important;
    }
    .form-container{
        width: 95% !important;
        margin-left: 32px !important;
    }
    .card-container-materials{
     display: grid;
    grid-template-columns: 1fr 1fr;
    }
    .ytube-upsc-video-box{max-width: 30%;}
    
    iframe.youtube-width{
        width:100%;
    }
    .want-to-visit-us-container .want-to-visit-desc{
        font-size: 26px;
    }
    
    .controls{
     transform: translateY(160%) !important;
    }
    .faq-head-title{
      padding-top: 0.1rem !important;
      
    }
     
  }

/*========== Tablet View CSS End========*/

/*======== Small Mini Laptop Start 1024px – 1200px======*/
@media (min-width: 1024px ) and (max-width: 1200px) {
    html, body {
    max-width: 100%;
    overflow-x: hidden;
}
  
    .upsc-heading-title{
            font-size: 24px;
    }
    p.best-upsc-inner-para{
        font-size:18px;
    }
    .best-upsc-coach-container{
    max-width: 100%;
    width: 100%;
    height: 600px;
    }
    .card-list{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    }
    .view-all-btn{
        transform: translate(380%, 0px);
    }
    .meet-faculty-container .head-title{
            margin-top: 230px;
    }
    .why-choose-btn{
            transform: translate(150px, -41px);
    }
    .upsc-heading-title{
        font-size: 24px !important;
    }
    .trophy-icons .trophy-image{
        display: inline-block;
        max-width: 50px;
        max-height: 50px;
    }
    p.upsc-inner-content-para{
        padding: 4px 12px;
        font-size: 18px;
        font-weight: 500;
        color: #ffffff;
    }
    .best-upsc-inner-content{
        display: flex;
    background: #ffffff;
    padding: 12px;
    border-radius: 16px;
    }
    p.best-upsc-inner-para{
        font-family: var(--main-font-family);
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 0rem;
    }
    .form-container{
        width: 80%;
        height: 460px;
        background: #ffffff;
        border-radius: 5px;
        padding: 20px;
        margin-left: 60px;
    }
    label{
        margin-bottom: 0rem;
    }
    .column-25{
        width: -1px;
    }
    .best-upsc-coach-container{
        max-width: 100%;
        width: 100%;
        height: 520px;
    }
    .card-list{
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        max-width: 1250px;
        margin: 0px auto;
        padding: 20px;
        gap: 40px;
    }
    .card-list .card-item{
        padding: 6px 2px;
    }
    .card-list span{
        margin-top: -5px;
    }
    .view-course-button{
        display: inline-block;
        padding: 10px 12px;
    }
    .view-all-btn{
        display: inline-block;
        padding: 10px 14px;
         transform: translate(380%, 0px);
    }
    .upsc-offline-container{
        padding: 12px;
    }
    .card-container-sec .card{
        width: 215px;
    }
    .meet-faculty-container .head-title{
        margin-top: 0px !important;

    }
  
    .card-sec{
        width: 220px;
    }
    .card-container-sec{
        justify-content: none;
        gap: 32px;
        flex-wrap: nowrap;
        padding-right: 10px;
    }
    .next-btn-sec{
        right: 3px;
    }
    a#tablet-hide-mode {
    display: none;
}
    
    .grid-container{
        gap: 40px;
        margin-top: -45px;
    }
    .boxes-images img{
        width: 130px;
        height: 130px;
    }
    .boxes-content-row{
        max-width: 70.666667%;
    }
    .why-choose-container{
        height: 1060px;
        
    }
    .card-list-sec{
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(255px, 1fr));
        padding: 6px;
        gap: 12px;
    }
   
    .card-list-sec .card-item-sec{
        padding: 9px 2px;
    }
    .card-list-sec .student-inner-para{
        margin-top: 0px;
        text-align: left;
    }
    .card-list-sec span{
        text-align: left;
        font-size: 18px;
    }

    .view-course-button{
        padding: 10px 12px;
    }
    .controls{
        transform: translateY(520%);

    }
    .main-image-container-event{
        width: 590px;
    }
    .thumbnail-event{
        width: 290px;
        height: 200px;
    }
    .address-card .location-head-title{
        font-size: 16px;
    }
    .send-enquiry-btn{
        font-size: 16px;
        margin-left: 5rem;
        padding: 12px 12px;
    }
    .location-section{
        gap: 2rem;
    }
    .faq-head-title{
        padding-top: 2.1em;
    }
    .card-title{
        font-size: 14px !important;
    }
    .carousel-slide-event{
      
    }
    .why-page{
        margin-left: -7px !important;
        height: 104px !important;
    }
 
    .infos .infos-title{
        font-size: 16px;

    }
    p.sicons {
     display: flex;
    }
    .address-card a{
    font-size: 17px !important;
    }
    .child-buttons{
        transform: translate(380%, 0px);
    }
}