* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Inter", serif;
}

a {
  text-decoration: none !important;
  display: inline-block !important;
}

.memorable-events{
    height:338px;
    
}


.wdwdwedw img{
        object-fit: cover;
}

.memorable-events img{
    height:100%;
        object-fit: cover;
}

.wdwdwedw{
    height:100%;
}


.asset-title-hwe img{
     height: 283px;
    object-fit: cover;
}

ul,
ol,
li {
  list-style: none !important;
}

.border-start-11 {
  border-right: 1px solid rgba(255, 255, 255, 0.5) !important;
  display: inline-block !important;
  padding-right: 20px;
  font-size: 18px;
  font-weight: 400;
}

.noticeboard-title ul {
  display: flex;
  gap: 15px;
  align-items: center;
}
.noticeboard-title ul li {
  padding: 0px 20px 0px 0px;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.noticeboard-title ul li a {
  color: rgb(255, 255, 255);
  font-size: 24px;
}

.noticeboard-title ul li a i {
  font-size: 24px;
}

.navbar-top-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.navbatrtitlr {
  background-color: #375a3a;
  padding: 8px 0px;
}

.searchtilt {
  position: relative;
}
.searchtilt input {
  outline: none !important;
  box-shadow: none !important;
  font-weight: 500;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.4);
  width: 222px;
  border: 1px solid rgba(0, 0, 0, 0.4);
}

.searchtilt a {
  position: absolute;
  top: 4px;
  right: 11px;
  margin: 0 !important;
  background-color: rgb(255, 255, 255);
  padding: 3px 4px;
}
.ankar-titlr a {
  font-weight: 500;
  font-size: 18px;
  display: flex;
  padding-left: 10px;
  color: rgba(34, 51, 34, 1) !important;
}

.ankar-titlr a i {
  color: rgb(0, 0, 0);
}
.role-search {
  display: flex;
  align-items: center;
  gap: 10px;
}
.nav-item-ww {
  padding: 10px 8px;
}
.navbar-nav-items {
  color: #223322 !important;
  font-weight: 500 !important;
  border-bottom: 2px solid #ffffff !important;
  font-size: 18px !important;
  padding: 0px !important;
}
.navbar-nav-items:hover {
  color: #375a3a !important;
  border-bottom: 2px solid #375a3a !important;
}

.notish-bor {
  background-color: #375a3a;
  border-radius: 50px;
}
.notish-bor h1 {
  font-weight: 700;
  font-size: 58px;
  text-align: center;
  color: rgb(255, 255, 255);
}

.published-title span {
  background-color: #254a29;
  color: #fff;
  font-weight: 400;
  font-size: 18px;
  padding: 10px 10px;
  border-top-left-radius: 39px;
  border-bottom-left-radius: 39px;
}
.published-title {
  display: flex;
  align-items: center;
  width: 100%;
}

.published-title a:hover {
  text-decoration: underline !important;
}
.published-title a {
  background-color: #517f55;
  font-weight: 700;
  font-size: 18px;

  color: #fff !important;
  width: 100%;
  padding: 10px 10px;
  border-top-right-radius: 39px;
  border-bottom-right-radius: 39px;
}

header .nav-item.dropdown:hover .dropdown-menu {
  display: block;
}

/* .section-1 start  */
/* 
.section-1{
    padding: 100px 0px ;
} */

.carousel-control-prev-icon-1 span {
  background-color: #375a3a;
  width: 44px;
  height: 44px;
  padding: 20px;
  border-radius: 50% !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.carousel-control-prev-icon-1 {
  opacity: 1 !important;
}

.section-2 {
  padding: 50px 0px;
}

.section-3 {
  padding: 50px 0px;
}

.nwewallj {
  color: #fff !important;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.nwewallj:hover {
  text-decoration: 2px underline !important;
}

.imgtitle img {
  border-radius: 10px;
}

.dremsh-meet h2 {
  font-weight: 700;
  font-size: 38px;
  color: #375a3a;
}

.dremsh-meet p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.7);
}

.dremsh-meet ol,
li {
  font-weight: 400;
  font-size: 16px;
  color: black;
  padding: 4px 0px;
}

.wifi-phone {
  font-weight: 400;
  font-size: 16px;
  color: #375a3a;
}

.about-buttonmore {
  color: rgb(255, 255, 255) !important;
  font-weight: 500;
  background-color: #375a3a;
  font-size: 16px;
  padding: 15px 20px;
  border-top-right-radius: 40px;
  border-bottom-left-radius: 40px;
  margin-top: 25px;
  transition: all 0.5s;
}

.about-buttonmore:hover {
  background-color: #077a12;
}
.anakar {
  width: 100%;
}
.anakar iframe {
  border-radius: 10px;
  margin: 10px 0px;
}

.about-buttonmore:hover {
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 40px;
  border-bottom-right-radius: 40px;
}

.section-4 {
  padding: 50px 0px;
}

.start-and-retting {
  background-color: #375a3a !important;
  padding: 25px;
}
.memorable-title span {
  font-weight: 500;
  font-size: 18px;
  color: #375a3a;
}
.memorable-title h3 {
  font-weight: 700;
  font-size: 38px;
  color: rgb(0, 0, 0);
}

.memorable-events {
  position: relative;
  cursor: pointer;
  width: 100%;
}

.wdwdwedw {
  position: relative;
}

/*.wdwdwedw::after {*/
/*  background-color: #375a3a66;*/
/*  content: "";*/
/*  inset: 0;*/
/*  position: absolute;*/
/*  height: 100%;*/
/*}*/

.images-title {
  position: absolute;
  top: 0;
  display: none;
  height: 100%;
  width: 100%;
}
.memorable-events:hover .images-title {
  display: block !important;
  height: 100%;
}

.preconnect-title a {
  font-weight: 600;
  font-size: 26px;
  color: rgba(0, 0, 0, 1);
  transition: all 0.5s;
  margin-bottom: 10px;
}
.preconnect-title a:hover {
  color: #375a3a;
  text-decoration: underline !important;
}

.preconnect-title {
  background-color: #375a3a66;
  padding: 10px 11px;
}
.preconnect-title p {
  font-weight: 400;
  font-size: 15px;
  color: rgba(0, 0, 0, 1);
}

.section-5 {
  padding: 50px 0px;
}

.memorable-eventssd {
  position: relative;
}
.fa-play-titleq {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fa-play-titleq a {
  width: 44px;
  display: flex !important;
  align-items: center;
  color: black !important;
  justify-content: center;
  height: 44px;
  background-color: #fff;
  font-size: 24px;
  border-radius: 50px;
}

.section-6 {
  padding: 50px 0px;
}

.speech-titlr {
  background-color: #375a3a66;
  border-radius: 10px;
}

.speech-titlr img {
  border-radius: 50px;
  width: 100px !important;
  margin: 0 auto;
}

.speech-titlr h4 {
  font-weight: 700;
  font-size: 24px;
  color: black;
}

.speech-titlr p {
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 1);
}

.speech-titlr a {
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  padding: 8px 25px;
  background-color: #375a3a;
  border-radius: 5px;
}
.speech-titlr a:hover {
  color: #fff;
  background-color: #06450c;
}

.section-7 .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #375a3a !important;
}

.section-7 {
  padding: 50px 0px;
}

.skills-new h4 {
  color: #375a3a;
  font-weight: 700;
  font-size: 20px;
  margin: 0;
}
.skills-new p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(0, 0, 0, 1);
  margin: 0;
}
.work-man-title img {
  border-radius: 5px;
}
.work-man-title {
  display: flex;
  align-items: center;
  gap: 20px;
}

.teachers {
  background-color: rgba(250, 250, 250, 1);
  padding: 0px 20px;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.4);
}

.work-man-title {
  border-right: 1px solid rgba(0, 0, 0, 0.4);
  padding: 20px 0px;
}

.section-8 {
  padding: 50px 0px;
}

.our-title {
  color: #375a3a !important;
}

.clickmam img {
  border-radius: 19px;
}
.clickmam {
  display: flex;
  align-items: center;
  gap: 15px;
}

.clickmam p {
  font-weight: 500;
  font-size: 20px;
}

.clicktilte {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: center;
}

.imanmuslana img {
  border-radius: 10px;
}

.l-9aa {
  background-color: #fff;
  box-shadow: 0px 0px 7px -6px;
  padding: 20px 0px;
  border-radius: 20px;
}

.section-9 {
  padding: 50px 0px 150px 0px;
  background-color: #375a3a66;
}

.what-will h3 {
  font-weight: 700;
  font-size: 38px;
  color: rgba(255, 255, 255, 1);
}

.what-will p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(0, 0, 0, 1);
}

.domin-box a {
  font-weight: 600;
  font-size: 20px;
  color: rgba(255, 255, 255, 1) !important;
  padding: 10px 20px;
  border-radius: 4px;
  transition: all 0.5s;
}
.domin-box a:nth-child(1) {
  background-color: #375a3a;
}

/* .domin-box a:nth-child(1):hover {
  background-color: #1523E6;
} */
.domin-box a:nth-child(2) {
  /* background-color: #1523E6; */
  color: #375a3a !important;
  border: 2px solid #375a3a;
}
/* .domin-box a:nth-child(2):hover {
  background-color: #375A3A;
} */
.domin-box {
  align-items: center;
  gap: 20px;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.time-count h5 {
  font-weight: 700;
  font-size: 38px;
  color: rgba(255, 255, 255, 1);
}
.time-count p {
  font-weight: 500;
  font-size: 20px;
  color: #fff;
}

.video-title {
  background-color: #375a3a;
  padding: 20px 0px;
  margin-top: -80px;
  border-radius: 10px;
  box-shadow: 0px 0px 13px -8px;
}

.section-11 {
  padding: 50px 0px;
}

.shose {
  font-weight: 500;
  font-size: 16px;
  color: rgba(0, 0, 0, 1);
}
.section-12 {
  padding: 50px 0px;
}

.choose-most i {
  color: #077a12;
}

.choose-most h3 {
  font-weight: 700;
  font-size: 28px;
  color: rgba(0, 0, 0, 1);
}

.choose-most p span {
  font-weight: 400;
  font-size: 20px;
  color: rgba(0, 0, 0, 1);
}
.choose-most p {
  font-weight: 600;
  font-size: 20px;
}

.section-13 {
  padding: 50px 0px;
}
.digital-man {
  box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.25);
}

.digital-man span {
  color: rgba(0, 0, 0, 1);
  font-weight: 500;
  font-size: 16px;
  padding: 10px 0px;
  display: block;
}
.digital-man h4 {
  line-height: 35px;
  font-weight: 500;
  color: rgba(0, 0, 0, 1);
  font-size: 26px;
}
.digital-man a {
  color: #375a3a !important;
  font-weight: 500;
  font-size: 16px;
}

.opening-dtilt h3 {
  font-weight: 700;
  font-size: 38px;
  color: #375a3a;
}

.opening-dtilt p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(0, 0, 0, 1);
}
.opening-dtilt ul li {
  font-weight: 600;
  font-size: 16px;
  color: black;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.section-14 {
  padding: 50px 0px;
}

.motice-bor h3 {
  background-color: #375a3a;
  font-weight: 700;
  font-size: 38px;
  color: #fff;
  padding: 10px 0px 10px 20px;
}

.board-tilte h4 {
  font-weight: 600;
  font-size: 20px;
  color: rgba(0, 0, 0, 1);
}
.board-tilte p {
  font-weight: 400;
  font-size: 20px;
  color: rgba(0, 0, 0, 1);
}

.board-tilte a p {
  font-weight: 500;
  border-radius: 5px;
  font-size: 16px;
  background-color: #375a3a;
  color: #fff !important;
  padding: 10px 20px;
}
.board-tilte {
  padding-bottom: 15px;
  padding-top: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

.board-tilt-man {
  padding: 50px;
  border-left: 1px solid rgba(0, 0, 0, 0.4);
  border-right: 1px solid rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

.digital-hdgq {
  padding: 0px 10px 10px 10px;
}

.footer {
  padding: 50px 0px 50px 0px;
  background-color: #375a3a;
}

.footer-title p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  padding-top: 10px;
}

.footer-items ul li strong {
  font-weight: 600;
  font-size: 28px;
  color: rgba(255, 255, 255, 1);
}

.footer-items ul li a {
  font-weight: 500;
  font-size: 18px;
  color: rgba(255, 255, 255, 1);
}

.infinsun {
  font-weight: 500;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
}

/* about pages start  */

.about-section-1 {
  padding: 100px 0px;
}

.magesh-title h3 {
  color: #375a3a;
  font-weight: 700;
  font-size: 37px;
}

.mamber-title-img img {
  border-radius: 20px;
  width: 190px;
          object-fit: cover;
  height:220px;
}

.about-first-box {
  background-color: rgba(212, 205, 205, 0.6);
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px;
  border-radius: 20px;
}

.principle h4 {
  font-weight: 700;
  font-size: 28px;
  color: #375a3a;
}

.principle span {
  font-weight: 400;
  font-size: 16px;
  color: rgba(0, 0, 0, 1);
}

.Rahmatullahi h4 {
  font-weight: 600;
  font-size: 16px;
  color: rgba(0, 0, 0, 1);
}

.Rahmatullahi p {
  font-weight: 400;
  font-size: 15px;
  color: rgba(0, 0, 0, 1);
  font-family: "Poppins";
}

.Rahmatullahi p a {
  color: #375a3a;
}

.Rahmatullahi .lead-more {
  color: rgba(0, 0, 0, 1);
  font-size: 18px;
  font-weight: 400;
}
/* 
.about-section-2{

} */

.about-section-3 {
  padding: 100px 0px 50px 0px;
}

.Rahmatullahi h5 {
  font-weight: 700;
  font-size: 28px;
  color: rgba(0, 0, 0, 1);
}

.international-title h4 {
  font-size: 15px;
  font-weight: 600;
  color: rgba(0, 0, 0, 1);
}

.international-title p {
  color: rgba(0, 0, 0, 0.6);
  font-weight: 400;
  font-size: 14px;
}

.flesing {
  display: flex;
}

.Rahmatullahi ul li {
  font-weight: 400;
  font-size: 15px;
  color: rgba(0, 0, 0, 1);
  font-family: "Poppins";
  list-style: disc !important;
}

.about-section-4 {
  padding: 50px 0px;
}

.Rahmatullahi button {
  font-weight: 600;
  font-size: 20px;
  color: rgba(0, 0, 0, 1);
  background-color: #fff;
  border: 1px solid black !important;
  padding: 16px 20px;
  border-radius: 6px;
  text-transform: uppercase;
  transition: all 0.5s;
}
.Rahmatullahi button:hover {
  background-color: #375a3a;
  border: 1px solid #375a3a !important;
  color: #fff;
}

.contact-section-1 {
  background-image: url("https://maktab.globallywebsolutions.com/front/images/contact-bg-img.png");
  background-image: url("https://maktab.globallywebsolutions.com/front/images/contact-bg-img.png");
  background-image: url("https://maktab.globallywebsolutions.com/front/images/contact-bg-img.png");
  background-size: cover;
  padding: 100px 0px;
  position: relative;
  background-position: bottom;
}
.contact-section-1::after {
  content: "";
  inset: 0;
  position: absolute;
  background-color: #375a3a38;
}
.contact-title-box h2 {
  font-weight: 700;
  font-size: 38px;
  color: rgba(255, 255, 255, 1);
}
.pages-title a {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
}

.contact-title-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 99;
}

.contact-section-2 {
  padding: 50px 0px;
}

.contact-title-boxsing span {
  font-weight: 600;
  font-size: 20px;
  color: rgba(0, 0, 0, 1);
}
.contact-title-boxsing h3 {
  font-weight: 700;
  color: #375a3a;
  font-size: 38px;
  padding: 20px 0px;
}

.form-titlr-box form input {
  color: rgba(0, 0, 0, 0.4) !important;
  font-weight: 500;
  font-size: 16px;
  outline: none !important;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: rgba(235, 235, 235, 0.4);
  width: 100%;
  padding: 10px 20px;
  margin-bottom: 14px;
  border-radius: 5px;
}

.form-titlr-box form textarea {
  color: rgba(0, 0, 0, 0.4) !important;
  font-weight: 500;
  font-size: 16px;
  outline: none !important;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: rgba(235, 235, 235, 0.4);
  width: 100%;
  padding: 10px 20px;
  margin-bottom: 14px;
  border-radius: 5px;
}

.form-titlr-box form button {
  background-color: #375a3a;
  color: #fff;
  padding: 10px 20px;
  width: 100%;
  font-weight: 500;
  font-size: 20px;
  border: none;
  border-radius: 5px;
}

.information-box h4 {
  font-weight: 500;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.6) !important;
  padding-bottom: 20px !important;
}
.addreshes {
  margin-bottom: 20px;
}

.addreshes span {
  font-weight: 500;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.6) !important;
  padding-bottom: 13px;

  display: block !important;
}
.addreshes a {
  font-weight: 400;
  font-family: "Poppins";
  font-size: 20px;
  color: rgba(0, 0, 0, 0.6) !important;
}
.information-box {
  border-radius: 10px;
  box-shadow: 0px 0px 11px -4px rgba(0, 0, 0, 0.25);
  padding: 20px;
}

.course-section-1 {
  padding: 50px 0px;
}

.course-section-2 {
  padding: 50px 0px;
}

.makatb-title h3 {
  font-weight: 700;
  font-size: 38px;
  color: #375a3a;
  margin-bottom: 20px;
}

.makatb-title p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(0, 0, 0, 1);
}
.qiraatul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.qiraatul a {
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 1);
  transition: all 0.5s;
}

.qiraatul a:hover {
  text-decoration: underline !important;
  color: #375a3a !important;
}

.img-maktab-box h4 {
  font-weight: 700;
  font-size: 20px;
  color: rgba(0, 0, 0, 1);
  margin: 0;
  padding: 15px 0px 10px 0px;
}
.img-maktab-box img{
    height:320px;
       object-fit: cover;
}

.course-section-3 {
  padding: 50px 0px;
}



.orangesh h4 {
  font-weight: 700;
  font-size: 38px;
  color: rgba(0, 0, 0, 1);
}

.orangesh p {
  font-weight: 400;
  font-size: 28px;
  color: rgba(0, 0, 0, 1);
  padding: 30px 0px;
}
.orangesh a {
  background-color: #375a3a;
  font-size: 18px;
  font-weight: 400;
  color: rgba(255, 255, 255, 1) !important;
  padding: 6px 40px;
  border-radius: 25px;
}

.course-section-4 {
  padding: 100px 0px;
}

.well-titlr p {
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 1);
}

.course-section-5 {
  padding: 40px 0px;
}

.learning h2 {
  font-weight: 500;
  font-size: 38px;
  color: rgba(0, 0, 0, 1);
}

.deen-title-box img {
  width: 100%;
}
.course-section-5 .owl-nav .owl-prev,
.owl-nav .owl-next {
  background-color: transparent !important;
}
.course-section-5 .owl-nav .owl-prev span {
  background-color: #375a3a;
  color: #fff;
  font-size: 47px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}

.course-section-5 .owl-nav .owl-next span {
  background-color: #375a3a;
  color: #fff;
  font-size: 47px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}
.owl-nav {
  position: absolute;
  width: 100%;
  top: 156px;
  display: flex;
  justify-content: space-between;
}
.facilities-sectin-1 {
  padding: 50px 0px;
}

.contact-title-boxsing p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(0, 0, 0, 1);
}
.imgsss {
  width: 85px;
}

/* .blog-section-1 */

.blog-section-1 {
  padding: 50px 0px;
}

.classling h3 {
  font-weight: 700;
  font-size: 24px;
  font-family: "Poppins";
  color: rgba(0, 0, 0, 1);
}

.classling p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(0, 0, 0, 1);
  line-height: 27px;
}

.classling {
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}
.post-commendts {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.post-commendts a span {
  font-weight: 400;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
}

.row-title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  padding-bottom: 15px;
  /* margin: 30px 0px ;s */
}

/* .....................  */
.div-coniner {
  display: none; /* By default, hide all divs */
}
.active1 {
  display: block; /* Show active div */
}

.pajinstion-title button {
  border: 1px solid black !important;
  width: 30px;
  font-weight: 700;
  font-size: 16px;
  height: 39px;
  color: rgba(0, 0, 0, 1);
  background-color: transparent !important;
}

.pajinstion-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px;
  justify-content: center;
}

.gallery-section-1 {
  padding: 100px 0px;
}

.gallry-section-1 {
  padding: 50px 0px;
}

.dropdownhsdye {
  padding: 7px 11px;
  outline: none !important;
  color: rgba(0, 0, 0, 1);
  border-radius: 0px !important;
}
.entries-title {
  display: flex;
  align-items: center;
  gap: 15px;
}
.entries-title label {
  font-weight: 400;
  font-size: 16px;
  color: rgba(0, 0, 0, 1) !important;
}

.inputtext {
  position: relative;
}
.inputtext input {
  color: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.5);
  outline: none !important;
  padding: 10px 20px 10px 46px;
  width: 385px;
  font-weight: 400;
  font-size: 16px;
}
.inputtext img {
  position: absolute;
  left: 12px;
  top: 12px;
}

.selection-bolc {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.custom-dropdown {
  position: relative;
  display: inline-block;
}

.dropdownhsdye {
  appearance: none; /* Default arrow ko hide karta hai */
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 73px;
  padding: 10px;
  font-size: 16px;
  padding-left: 4px;
  border-radius: 5px;
  background-color: #fff;
}

.custom-dropdown i {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  pointer-events: none; /* User ispar click nahi kar payega */
  color: #000000;
  font-size: 20px;
}
/* ..................  */

.result-section-2 {
  padding: 50px 0px;
}

.result-section-2 table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

.result-section-2 .ddgqw {
  border: 1px solid #ddd;
}

.result-section-2 th,
td {
  border-bottom: 1px solid #ddd;
  padding: 7px 8px;
  text-align: left;
}

.result-section-2 th {
  color: black;
  font-weight: 500;
}

.result-section-2 tr {
  border-bottom: 1px solid #ddd;
}

.result-section-2 .action {
  text-align: center;
}

.result-section-2 .action a {
  display: inline-block;
  padding: 6px 12px;
  background-color: #ffffff;
  color: rgb(0, 0, 0);
  text-decoration: none;
  border-radius: 4px;
  font-size: 14px;
}

.pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pagination span {
  font-size: 14px;
}

.result-section-2 .pagination a {
  margin: 0 5px;
  text-decoration: none;
  color: #007bff;
}

.result-section-2.pagination a:hover {
  text-decoration: underline;
}
tbody,
tr td {
  font-weight: 500;
  color: rgba(0, 0, 0, 1) !important;
  font-size: 16px;
}

.primary-titl {
  background-color: rgba(249, 249, 249, 1);
}

.preconnect-title-ss a {
  font-size: 500;
  font-size: 16px;
  color: rgba(0, 0, 0, 1) !important;
}

.preconnect-title-ss a:nth-child(2) {
  background-color: #ddd;
  padding: 10px 20px;
  border: 1px solid rgba(0, 0, 0, 0.5);
}

.pagination span {
  font-weight: 500;
  font-size: 16px;
  color: rgba(0, 0, 0, 1);
}

.admission-section-1 {
  padding: 0px 0px 50px 0px;
}

.admission-title p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
}

.form-title h2 {
  font-weight: 700;
  font-size: 38px;
  color: rgba(0, 0, 0, 1) !important;
  padding: 20px 0px;
  margin-bottom: 0px;
}
.fomr-boxssing input {
  border-bottom: 1px solid rgba(0, 0, 0, 0.6) !important;
  border: none;
  color: rgba(0, 0, 0, 0.6) !important;
  padding-bottom: 8px !important;
  outline: none !important;
  font-weight: 400;
  font-size: 16px;
  width: 100%;
  margin-bottom: 27px !important;
  text-shadow: 10px red;
  background-color: transparent !important;
}

.admission-section-2 {
  padding: 0px 0px 50px 0px;
}

.custom-dropdown-titl {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 27px !important;
}

.custom-dropdown-titl i {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  pointer-events: none;
  color: #000000;
  font-size: 20px;
}

.dropdownhsdye2 {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent !important;
  width: 100%;
  padding-bottom: 8px !important;
  font-size: 16px;
  border-radius: 5px;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.6) !important;
  border: none;
  border-radius: 0px;
  color: rgba(0, 0, 0, 0.6) !important;
  outline: none;
  padding-left: 4px;
}

.detalse {
  /* background-color: #f8f8f8; */

  border: 1px solid #0000001a;
  border-radius: 10px;
  /* box-shadow: 0px 0px 10px -2px #00000040; */
}
.admsnitn {
  padding: 22px 22px 22px 22px;
}
.vessing-span span {
  font-weight: 500;
  font-size: 18px;
  color: #1e1e1e;
  /* color: #1523e6; */
  padding: 16px 20px;
  display: block;
  border-bottom: 1px solid #0000001a;
}

.submit-title a {
  background-color: #375a3a;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  padding: 10px 0px;
  text-align: center;
  border-radius: 7px;
  text-transform: uppercase;
  width: 294px;
}
.submit-title a:hover {
  color: #fff;
}
.academic-section-1 {
  padding: 0px 0px 100px 0px;
}
.academic-s-details label {
  font-weight: 500;
  font-size: 18px;
  color: #000000;
}

/* buttery satrt  */
.course-sec-titles .battery-container {
  display: flex;
  gap: 5px;
  align-items: center;
  color: #000000;
}

.course-sec-titles .battery-icon {
  margin-bottom: 10px;
  font-size: 50px;
  display: none;
  position: absolute;
  color: #fff;
  animation: iconPulse 1s infinite;
}

@keyframes iconPulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.course-sec-titles .battery {
  width: 45px;
  height: 18px;
  overflow: hidden;
  border: 1px solid #333;
  position: relative;
}

.battery::after {
  width: 50px;
  height: 2px;
  background-color: #ffffff;
  position: absolute;
  content: "";
  left: -3px;
  transform: rotate(89deg);
  /* z-index: -1; */
}

.course-sec-titles .battery-body {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border: 1px solid #223322;
}

.course-sec-titles .charge-bar {
  width: 0;
  height: 100%;
  background: linear-gradient(to right, #223322, #223322, #223322);
  position: relative;
  animation: charging 6s infinite;
}

.course-sec-titles #progressLabel {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-weight: bold;
  font-size: 9px;
}

.course-sec-titles .percentage {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  transition: color 0.5s ease-in-out;
}

.course-sec-titles .charging-status {
  font-size: 18px;
  color: #000000;
}

.course-sec-titles .status {
  display: flex;
  gap: 10px;
  align-items: center;
}

.course-sec-titles .speed-control {
  margin-top: 20px;
  opacity: 0;
  position: absolute;
  display: none;
}

.course-sec-titles .speed-control label {
  font-size: 16px;
  color: #fff;
}

.course-sec-titles .speed-control select {
  padding: 5px;
  font-size: 16px;
  border-radius: 5px;
}

.course-sec-titles .buttery-title-hd h5 {
  font-weight: 700;
  font-size: 16px;
  margin: 0 !important;
}

/* buttery end  */

/* .................  */

.academic-section-1 .upload-container label img {
  width: 100%;
  object-fit: cover;
}

.academic-section-1 .upload-container input[type="file"] {
  display: none;
}
.titlre select {
  font-weight: 700 !important;
  font-size: 24px !important;
}

.dffef img {
  width: 40px !important;
}

.academic-section-1 .upload-container p {
  margin-top: 10px;
  font-size: 14px;
  color: #666;
}

.dhdwd img {
  font-size: 16px;
}

.naem-of-label {
  font-weight: 400 !important;
  font-size: 12px !important;
  color: #00000099 !important;
}

.custion-titlee .custom-dropdown {
  position: relative;
  width: 100% !important;
}

hr {
  color: #0000001a !important;
  opacity: 1 !important;
}
.custion-titlee .icon-select {
  width: 100%;
  padding: 10px;
  padding-right: 40px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #0000001a;
  background-color: #fff;
  border-radius: 10px;
  outline: none !important;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}

.custom-dropdown input {
  border-radius: 10px;
  outline: none !important;
  font-weight: 400;
  font-size: 16px;
  background-color: #fff;
  border: 1px solid #0000001a;
  width: 100%;
  padding: 10px;
  color: #666666;
  cursor: pointer;
}

.custion-titlee .custom-icon {
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  font-size: 16px;
  font: calc("imi[ijiji]"("++++++++ O) "));
  pointer-events: none;
}

.custion-titlee .custom-icon img {
  width: 10px;
}

.font-title-box label {
  font-weight: 500;
  color: #666666;
  font-size: 14px;
  text-transform: uppercase;
  padding-bottom: 8px;
}

.name-ptag {
  font-weight: 400 !important;
  font-size: 12px !important;
}

.custion-titlee ::placeholder {
  color: #000000;
}

.input-color {
  background-color: #ececec !important;
}

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

.custion-titlee span {
  font-weight: 400;
  font-size: 12px;
  color: #00000099;
}

.font-title-box {
  margin-top: 23px;
}

.classsdugr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.preview,
.next {
  color: #fff !important;
  font-weight: 500;
  font-size: 16px;
  background-color: #1523e6;
  text-align: center;
  width: 114px;
  padding: 10px 20px;
}

.admision-renewal-section-1 {
  padding: 0px 0px 50px 0px;
}

.admission-renewal-true-2 {
  padding: 0px 0px 100px 0px;
}

.guardian-details-section-1 {
  padding: 0px 0px 100px 0px;
}

.sibling-brother-s-section-1 {
  padding: 0px 0px 100px 0px;
}

.upload-documents-section-1 {
  padding: 100px 0px;
}

.tablae-title input[type="file"] {
  display: none;
}

.tablae-title label {
  background-color: #375a3a;
  color: #fff;
  width: 140px;
  text-transform: uppercase;
  padding: 7px 0px;
  text-align: center;
  cursor: pointer;
  font-weight: 500;
  font-size: 13px;
  border-radius: 7px;
  /* letter-spacing: 1px; */
}

.tablae-title {
  align-items: end;
  display: flex;
}

.tablae-title {
  border-radius: 10px;
  outline: none !important;
  font-weight: 400;
  font-size: 16px;
  background-color: #fff;
  border: 1px solid #0000001a;
  width: 100%;
  padding: 10px;
  color: #666666;
}
.tablae-title span {
  padding-left: 10px;
  color: #00000099;
  /* border-bottom: 1px solid #000000; */
  padding-bottom: 3px;
  font-weight: 400;
  font-size: 15px;
  width: 100%;
  white-space: nowrap;
  text-transform: uppercase;
  overflow: scroll;
}

.tablae-title span::-webkit-scrollbar {
  width: 8px;
  height: 3px;
}

.tablae-title span::-webkit-scrollbar-thumb {
  background: #375a3a;
  border-radius: 4px;
}

.bootton-margn {
  margin-top: 28px;
}

.payment-form-section-1 {
  padding: 0px 0px 100px 0px;
}

.acadamey-titlr .checkbox-group {
  display: flex;
  gap: 40px;
}

.acadamey-titlr .checkbox-item {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  gap: 8px;
  cursor: pointer;
}

.acadamey-titlr .checkbox-item input[type="checkbox"] {
  margin-right: 8px;
  width: 24px;
  height: 24px;
}

.acadamey-titlr .checkbox-item input {
  border: 1px solid #0000004d;
}
.helloo {
  margin: 28px 0px 20px 0px;
}

.custom-dropdown textarea {
  border-radius: 5px;
  outline: none !important;
  font-weight: 400;
  font-size: 16px;
  background-color: #fff;
  border: 1px solid #00000099;
  width: 100%;
  height: 130px;
  padding: 10px;
}

.bootenam .checkbox-item {
  display: flex;
  gap: 10px;
  align-items: center;
}
.bootenam {
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: center;
  gap: 30px;
  background-color: #eaeaea;
  width: 246px;
  padding: 23px 14px;
}

.bootenam .checkbox-item input[type="checkbox"] {
  width: 24px;
  height: 24px;
}

.button-Submit button {
  background-color: #1523e6;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  border: none;
  width: 100%;
  padding: 10px 0px;
  margin-top: 22px;
  border-radius: 5px;
}

body ::selection {
  background-color: #375a3a !important;
  color: #fff;
}

.terms-use-section-1 {
  padding: 50px 0px;
  background-color: #375a3a;
}

.terms-of-Use {
  padding: 40px 0px;
}
.terms-of-Use h2 {
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  font-size: 38px;
  padding-bottom: 10px;
}

.terms-of-Use p {
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  padding-top: 10px;
}
.div-color-border {
  width: 279px;
  height: 5px;
  background-color: #fff;
  border-radius: 50px;
  margin: 0 auto;
}

.terms-use-section-2 {
  padding: 50px 0px;
}
.and-title-box {
  border-bottom: 1px solid black;
  padding: 20px 10px 10px 15px;
}
.and-title-box h3 {
  font-weight: 700;
  font-size: 28px;
  color: #000000;
}

.and-title-box p {
  font-weight: 400;
  font-size: 16px;
  color: #000000;
}

.main-terms {
  border: 1px solid black;
  border-radius: 10px;
}

.and-title-box-title {
  margin-bottom: 20px;
}
.and-title-box-title h3 {
  font-weight: 700;
  font-size: 28px;
  color: #000000;
}
.and-title-box-title p {
  font-weight: 400;
  font-size: 16px;
  color: #000000;
}

.main-cloge-title {
  padding: 20px 20px;
}

.onder-list-items ul li {
  font-weight: 400;
  font-size: 16px;
  color: #000000;
  list-style: disc !important;
}

.onder-list-items-none ul li {
  list-style: none !important;
}

.efeed ul li {
  list-style: disc !important;
}

.efeesff ul li {
  list-style: decimal !important;
}

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

.button-Submit-ttile button {
  background-color: transparent;
  color: #375a3a;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  border: 1px solid #375a3a;
  width: 100%;
  padding: 10px 0px;
  margin-top: 40px;
  border-radius: 5px;
}

.course-section-2 {
  padding: 0px 0px 100px 0px;
}

.hshsue-title {
  background-color: #ececec !important;
}

.sjdyedy {
  background-color: #375a3a !important;
  margin-top: 10px !important;
}

.sjdyedy li a {
  color: #fff !important;
  background-color: transparent !important;
  padding: 0px 42px;
}
.sjdyedy li a:hover {
  text-decoration: underline !important;
}

.border-start-start {
  gap: 16px;
}

.serch-titlr-vid {
  display: none !important;
}

.edwedwdw {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.navbar-brand-title img {
  width: 100px;
}
header .navbar-toggler-icon {
  background-image: url("/images/navbar.png") !important;
  width: 30px;
  height: 33px;
  padding: 17px 11px;
}


.counter {
  /* display: table-cell; */
  text-align: center;
  font-size: 50px;

  vertical-align: middle;
}
.justify-hsiuev {
  justify-content: space-between;
}

.checkbox-containers {
  display: flex;
  align-items: center;
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #666666;
  margin-top: 10px;
}
.checkbox-containers input {
  margin-right: 8px;
}

.checkbox-containers label {
  font-weight: 500;
  color: #666666;
  font-size: 14px;
  text-transform: uppercase;
}
.bg-transparentwww {
  background-color: transparent !important;
  border: 1px solid #375a3a;
  color: #375a3a !important;
}
.admistion-pay {
  border-bottom: 1px solid #0000001a;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 27px;
}

.admistion-pay a {
  font-size: 15px;
  font-weight: 400;

  color: #666666;
}

.academicyear-box span {
  font-weight: 500;
  font-size: 14px;
  color: #666666;
  text-transform: uppercase;
  display: block;
}

.academicyear-box a {
  font-weight: 500;
  font-size: 18px;
  display: block;
  color: #1e1e1e !important;
}

.speshbit-text {
  display: flex;
  justify-content: space-between;
}

.vessing-spanaa span {
  font-weight: 500;
  font-size: 16px;
  color: #1e1e1e;
  padding: 20px 0px;
  display: block;
}

body {
  background-color: #fff !important;
}

@media (max-width: 1200px) {
  .navbar-nav-items {
    font-size: 14px !important;
  }
  .ankar-titlr a {
    font-size: 14px;
  }

  .published-title span {
    font-size: 16px;
  }
  .published-title a {
    font-size: 16px;
  }

  .notish-bor h1 {
    font-size: 25px;
  }

  .section-2 {
    padding: 30px 0px 50px 0px;
  }

  .section-3 {
    padding: 0px 0px 50px 0px;
  }

  .dremsh-meet h2 {
    font-size: 26px;
  }

  .preconnect-title a {
    font-size: 21px;
  }

  .work-man-title {
    border: none;
  }
}
@media (max-width: 991px) {
  .addreshes a {
    font-size: 17px;
  }
  .about-first-box {
    flex-wrap: wrap;
  }
  .flesing {
    flex-wrap: wrap;
    gap: 20px;
  }
  .searchtilt input {
    width: 235px;
    padding: 4px 10px;
  }
  .navbar-brand-title img {
    width: 79px;
  }
  .navbar-brand-title {
    margin: 0 !important;
  }
  .navbar-top-title {
    flex-wrap: wrap;
    text-align: center;
    gap: 10px;
    justify-content: center;
  }

  .border-start-start {
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
  }
  .serch-titlr-vid {
    display: block !important;
  }
  .sdwdwedwewe input {
    display: none !important;
  }
  .sdwdwedwewe a {
    display: none !important;
  }
  .swwqwqw {
    display: none !important;
  }

  .role-search {
    gap: 0 !important;
  }
  .speech-titlr h4 {
    font-size: 19px;
  }
  .digital-man h4 {
    font-size: 20px;
  }
  .inputtext input {
    width: 100%;
  }
  .pagination {
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }

  .speshbit-text {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px;
  }

  .academicyear-box a {
    font-weight: 500;
    font-size: 14px;
  }
  .contact-title-boxding h6 {
    font-size: 14px !important;
  }
  .pages-titleProgress a {
    font-size: 14px !important;
  }

  .vessing-span span {
    font-size: 16px;
  }

  .stab-section .button-container label {
    padding: 7px 10px !important;
    width: 100px !important;
  }
}
.py-wwww {
  padding: 40px 0px;
}

#buttonContainer {
  position: relative;
}
#buttonContainer::after {
  content: "";
  inset: 0;
  background-color: #375a3a;
  width: 96%;
  align-items: center;
  justify-content: center;
  display: flex;
  height: 5px;
  position: absolute;
  top: 19px;
  left: 10px;
  height: 3px;
}

option {
  padding: 10px;
  background-color: #375a3a;
  color: #ffffff;
  border: none !important;
  /* color: #7A7A7A !important; */
  cursor: pointer;
}
.contact-title-boxding {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.contact-title-boxding h6 {
  font-weight: 500;
  font-size: 16px;
  color: #223322;
  text-transform: uppercase;
}

.pages-titleProgress a {
  font-weight: 500;
  font-size: 16px;
  color: #223322;
}

.revare-butotn {
  display: flex;
  justify-content: space-between;
  /* border: 1px solid #0000001a; */
  border-radius: 10px;
  /* padding: 0px 0px 50px 0px ; */
  padding: 0px 22px 50px 22px;
}

/* <style> */
.stab-section .active-icon {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  position: relative;
  z-index: 999;
}
.stab-section .academic-titlr {
  font-weight: 400;
  font-size: 12px;
  color: #000000 !important;
  text-align: center;
}

.stab-section .button-container {
  display: flex;
  /* margin-bottom: 20px; */
  justify-content: space-between;
  overflow-x: scroll;
}

.stab-section .contact-title {
  overflow: hidden;
}

.stab-section .button-container label {
  background-color: #fff;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border: 1px solid #7a7a7a;
  color: #7a7a7a;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  width: 112px;
  border-radius: 50px;
  font-weight: 500;
  font-size: 15px;
}

.stab-section .chskilrx {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.stab-section .chskilrx {
  width: 20px;
  border: 1px solid #7a7a7a;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stab-section .button-container label.active .chskilrx {
  background-color: #375a3a;
  color: #7a7a7a;
}
.stab-section .chskilrx i {
  display: none;
}
.stab-section .button-container label.active .chskilrx i {
  display: block;
}
.stab-section .content-container {
  /* padding: 20px; */
  /* border: 1px solid #7a7a7a; */
  /* border-radius: 5px; */
  /* background-color: #375a3a; */
  /* text-align: center; */
  /* margin-top: 20px; */
  min-height: 50px;
  color: #fff;
}
.stab-section .content-container .stepbox {
  display: none;
}
.stab-section .content-container .stepbox.active {
  display: block;
}

.stepbox span {
  color: #000000;
}
 #checkButton {
  padding: 10px 20px;
  border: 1px solid #375a3a;
  background-color: #375a3a;
  color: #ffffff;
  border-radius: 5px;
  cursor: pointer;
}


.gallerysdata-title img{
    height:250px;
    object-fit:cover;
}

#reverseButton{
   padding: 10px 20px;
  border: 1px solid #f20d2f !important;
  background-color: #f20d2f !important;
  color: #fff !important;
  border-radius: 5px;
  cursor: pointer;  
  
      text-align: center;
    text-transform: uppercase;
    width: 294px;
    font-size: 16px;
}
}

.stab-section .button-container label.active {
  color: #375a3a;
  border: 1px solid #375a3a;
}
.stab-section .button-container label.active .chskilrx {
  color: white;
  border: none !important;
}
.stab-section .button-container label.active .chskilrx i {
  display: block;
}
.stab-section .button-container label .chskilrx i {
  display: none;
}

/* Add styles for the buttons group */

.stab-section .button-container::-webkit-scrollbar {
  height: 8px;
}

.stab-section .button-container::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.stab-section .button-container::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

.stab-section .button-container::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.stab-section .button-container {
  scrollbar-width: thin;
  scrollbar-color: #ffffff #ffffff;
}

.stab-section .button-container label.active .chskilrx,
.stab-section .button-container label.visited .chskilrx {
  color: #ffffff;
  border: none !important;
  background-color: #375a3a;
}

.stab-section .button-container label.visited {
  color: #375a3a;
  border: 1px solid #375a3a;
  /* background-color: #375A3A; */
}

.stab-section .button-container label.active .chskilrx,
.stab-section .button-container label.visited .chskilrx {
  color: rgb(255, 255, 255);
  border: none !important;
  background-color: #375a3a;
}
.stab-section .button-container label.active .chskilrx i,
.stab-section .button-container label.visited .chskilrx i {
  display: block;
}
.stab-section .button-container label .chskilrx i {
  display: none;
}

.revare-butotn button {
  padding: 10px 20px;
  border: 1px solid #375a3a;
  background-color: #375a3a;
  color: #ffffff;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  width: 294px;
  font-size: 16px;
}

.revare-butotn .reverse-bt {
  /* padding: 10px 20px; */
  border: 1px solid #375a3a;
  background-color: transparent;
  color: #375a3a;
}
.course-sec-titles .charge-bar {
  width: 100% !important;
}
/* </style> */

@media (max-width: 768px) {
  .published-title {
    flex-direction: column-reverse;
  }
  .revare-butotn {
    padding: 0px 0px 50px 0px;
  }
  .revare-butotn button {
    padding: 5px 8px !important;

    width: 125px !important;
  }
  .footer-items ul li a {
    font-size: 16px;
  }
  .footer-title p {
    font-size: 14px;
  }
  .infinsun {
    font-size: 14px;
  }
  .footer-items ul li strong {
    font-size: 24px;
  }

  #buttonContainer::after {
    left: 20px;
    width: 231%;
  }
  .submit-title a {
    background-color: #375a3a;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    padding: 6px 0px;
    text-align: center;
    border-radius: 7px;
    text-transform: uppercase;
    width: 121px;
  }

  .stab-section .button-container label {
    padding: 6px 10px !important;
    width: 103px !important;
  }
  .stab-section .academic-titlr {
    white-space: nowrap;
  }
  #buttonContainer {
    gap: 29px;
  }

  .checkbox-containers {
    align-items: start !important;
  }

  .checkbox-containers input {
    margin-top: 5px;
  }
  .kd {
    width: 45px;
  }
  .talber-icjs {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .talber-icjs table {
    width: 100%;
    min-width: 600px; /* Ensure table doesn't shrink too much */
  }
  .payment-form-section-1 {
    padding: 0px 0px 50px 0px;
  }
  .academic-section-1 {
    padding: 0px 0px 50px 0px;
  }
  .selection-bolc {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
  }
  .and-title-box h3 {
    font-size: 23px;
  }
  .and-title-box-title h3 {
    font-size: 23px;
  }
  .gallry-section-1 {
    padding: 0px 0px 30px 0px;
  }
  .dfgwef {
    flex-direction: column-reverse;
  }
  .dddd {
    flex-direction: column-reverse;
  }
  .facilities-sectin-1 {
    padding: 30px 0px 30px 0px;
  }
  .learning h2 {
    font-size: 26px;
  }
  .course-section-4 {
    padding: 0px 0px 50px 0px;
  }
  .beted {
    flex-direction: column-reverse;
  }
  .orangesh h4 {
    font-size: 26px;
  }
  .sdwdwd {
    flex-direction: column-reverse;
  }
  .qiraatul a {
    font-size: 14px;
  }
  .img-maktab-box h4 {
    font-size: 17px;
  }
  .makatb-title h3 {
    font-size: 26px;
  }
  .course-section-2 {
    padding: 0px 0px 50px 0px;
  }
  .contact-title-box {
    padding: 20px 0px !important;
  }
  .terms-of-Use h2 {
    font-size: 26px;
  }

  .terms-use-section-1 {
    padding: 0px 0px;
  }
  .admission-section-2 {
    padding: 0px 0px 50px 0px;
  }
  .admission-section-1 {
    padding: 0px 0px 10px 0px;
  }

  .blog-section-1 {
    padding: 0px 0px 50px 0px;
  }
  .contact-title-box h2 {
    font-size: 16px;
  }
  .Rahmatullahi button {
    font-size: 16px;
    width: 100%;
    padding: 11px 20px;
  }

  .form-title h2 {
    font-size: 26px;
    text-align: center;
  }

  .course-section-1 {
    padding: 30px 0px 30px 0px;
  }
  .time-count h5 {
    font-size: 30px;
  }

  .time-count p {
    font-size: 14px;
  }

  .time-count {
    padding: 15px 0px;
  }
  /* .bg-body-tertiary {
    padding-bottom: 20px !important;
  } */
  .justify-hsiuev {
    flex-wrap: wrap;
  }

  .section-14 {
    padding: 0px 0px 50px;
  }
  .section-13 {
    padding: 0px 0px 50px 0px;
  }
  .choose-most h3 {
    font-size: 20px;
  }
  .what-will h3 {
    font-size: 26px;
  }
  .domin-box {
    display: block !important;
  }
  .domin-box a {
    justify-content: center !important;
    margin-bottom: 15px;
  }
  .clicktilte {
    display: block;
  }
  .clickmam {
    margin-bottom: 20px;
  }

  .section-8 {
    padding: 0px 0px 50px 0px;
  }
  .section-7 {
    padding: 0px 0px 50px 0px;
  }
  .section-6 {
    padding: 0px 0px 50px 0px;
  }
  .notish-bor {
    border-radius: 0px;
  }
  .carousel-control-prev-icon-1 span {
    width: 20px;
    height: 11px;
    font-size: 16px;
    padding: 16px;
  }
  .navbar-nav-items {
    font-size: 16px !important;
  }

  .border-start-11 {
    border: none !important;
    font-size: 14px;
  }

  .noticeboard-title ul li a i {
    font-size: 19px;
  }

  .noticeboard-title ul li a {
    font-size: initial !important;
  }

  .ankar-titlr a {
    font-size: 18px;
  }

  .ankar-titlr a {
    padding-right: 6px;
    padding-left: 0px;
  }
  .memorable-title h3 {
    font-size: 26px;
  }
  .section-5 {
    padding: 20px 0px 50px 0px;
  }

  .section-12 {
    padding: 0px 0px 50px 0px;
  }

  .magesh-title h3 {
    font-size: 26px;
    text-align: center;
  }

  .about-section-1 {
    padding: 30px 0px 50px 0px;
  }

  .principle h4 {
    font-size: 19px;
  }

  .about-first-box {
    gap: 10px;
  }

  .about-section-3 {
    padding: 50px 0px 50px 0px;
  }
  .Rahmatullahi h5 {
    font-size: 26px;
    text-align: center;
  }

  .about-section-4 {
    padding: 0px 0px 50px 0px;
  }
  .infinsun {
    text-align: center;
  }

  .justify-hsiuev {
    justify-content: center !important;
  }
  .contact-section-1 {
    padding: 50px 0px;
  }

  .contact-section-1 {
    background-position: bottom;
  }

  .contact-title-boxsing h3 {
    font-size: 26px;
  }

  .addreshes a {
    font-size: 16px;
  }

  .addreshes span {
    padding-bottom: 9px;
  }
}
@media (max-width: 551px) {
}
@media (max-width: 300px) {
}