@import url('https://fonts.googleapis.com/css2?family=Kaisei+Tokumin:wght@400;500;700&family=Poppins:wght@300;400;500&display=swap');

:root {
  --lg-font: 'Kaisei Tokumin', serif;
  --sm-font: 'Poppins', sans-serif;
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  --lg-font: 'Kaisei Tokumin', serif;
  --sm-font: 'Poppins', sans-serif;
}

html, body {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.header-logo {
  background: linear-gradient(123deg, #f3e077, transparent);
}

.header-logo h6 {
  margin-top: 23px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 25px;
  font-weight: 400;
}

.header-logo p {
  font-size: 27px;
  color: #4267B2;
}

.header-logo .bbbb {
  margin-bottom: 8px;
  margin-top: 14px;

}

.header-logo h4 {
  color: darkcyan;
}

.header-logo .msds {
  font-size: 14px;
}

.set {
  background: #e8030f;
  margin-top: -8px;
}

.set .dropdown-menu li {
  background-color: #176dd2 !important;
}

.set .dropdown-menu {
  margin-top: 15px;
}

.set .dropdown-menu li a {
  border-bottom: 0.5px solid white;
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.209);
}

set .nav-item {
  border-bottom: 10px solid white;
}

.middle-lines {
  background: linear-gradient(123deg, #ff61c3, #c9a11fba);
}

.middle-lines .part .nnnnn {
  background-image: url("./images/silversilver.jpg");
}

.middle-lines .part .sssss {
  background-image: url("./images/silversilver.jpg");
}

.middle-lines .part .ppppp {
  background-image: url("./images/silversilver.jpg");

}

.middle-lines h3 {
  font-style: ('https://fonts.googleapis.com/css2?family=Kaisei+Tokumin:wght@400;500;700&family=Poppins:wght@300;400;500&display=swap');
}

.footer-site {
  background-color: #694f76;
}

.footer-site h4 {
  background: linear-gradient(45deg, #f27e00 65%, #008b8b 65%);
  padding: 10px;
  color: white;

}

.footer-site ul li {
  color: white;
  font-weight: 600;

}

.footer-site .mapin {
  width: 300px;


}

.footer-site .mapid ul li {
  color: white;
  font-weight: 600;
  font-size: 20px;
  padding: 0px;
}

.footer-site .card {
  border-radius: 1px;
  background: rgba(255, 255, 255, 0.202);
  padding: 10px;
  width: 100%;
  height: 105px;
}

.footer-site .card .linkedee {

  width: 70%;

}

.footer-site .card .fa {
  font-size: 50px;
  padding: 9px;
  color: #4267B2;
  background-color: white;
  border-radius: 10px;
}

.footer-site .aws ul li a {

  color: white;
}

.footer-site .aws ul li {
  padding: 1px;
}

.copy-right {
  background-color: #de2b0b;
}

.boxx1{
  background-color: #abc711;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 40px;
  font-size: 18px;
  font-style: oblique;
  letter-spacing: 1.1px;
}

.boxx2{
  background-color: #f19615;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 40px;
  font-size: 18px;
  font-style: oblique;
  letter-spacing: 1.1px;
}

/* .footer-site  .card{
   border-radius: 25px;
   background: rgba(255, 255, 255, 0.397);
   padding: 30px; 
   width: 100px;
   height: 100px;  
  /*background-color: rgb(255, 255, 255);*/


.second-part {
  background-image: url("./images/img17.jpg");
  height: 500px;
  background-attachment: fixed;
  background-size: cover;

}

.second-part .onet {
  height: 400px;

}

.second-part h3 {
  color: white;
  background-color: brown;
  border-radius: 0px 0px 20px 20px;
  height: 35px;
}

.second-part h5 {
  text-align: justify;
  font-size: 21px;
  padding: 10px;
}

.second-part h4 {
  background-color: white;
}

.second-part .sdr {
  background-color: #4267B2;
  color: white;
}

.asmd {
  color: #fff;
  font-size: 30px;
  background-color: #565453;
  padding: 10px 10px 10px 10px;
  width: 52%;
  text-align: center;
  display: inline-block;
}

.galery_ts img {
  height: 450px;

}

.abq_akm .carousel-inner {
  height: 410px;
  width: 100%;
  margin-top: -390px;

}

/* .galery{
   
  background-repeat: no-repeat;

} 
.galery img{
  height:470px;
} 
 .abq_akm{
  margin-top: -395px;
 }
 .abq .carousel-inner{
  text-align: center;
  margin-left: -25px;
  height:410px;
  width:100%; 
  }
.abq .ddd{
 text-align: center;
 margin-left: -1px;
 height:410px;
 width:100%; 
 } */
.owl-nav {
  position: absolute;
  margin-top: -149px;
  background: red;
  left: 30px;
}

.contact {
  position: relative;
  width: 100%;
  padding: 45px 0 15px 0;
}

.contact .contact-information {
  min-height: 150px;
  margin: 0 0 30px 0;
  padding: 30px 15px 0 15px;
  background: #166f9b;
  border-radius: 18px;
}

.contact .contact-info {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.contact .contact-icon {
  position: relative;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f27e00;
  border-radius: 50px;
}

.contact .contact-icon i {
  font-size: 18px;
  color: white;
}

.contact .contact-text {
  position: relative;
  width: calc(100% - 50px);
  display: flex;
  flex-direction: column;
  padding-left: 15px;
}

.contact .contact-text h3 {
  font-size: 18px;
  font-weight: 700;
  color: white;
}

.contact .contact-text p {
  margin: 0;
  font-size: 16px;
  color: #454545;
}

.contact .contact-social a {
  margin-right: 10px;
  font-size: 24px;
  color: white;
}

.contact .contact-social a:hover {
  color: #f27e00;

}

.contact .contact-form iframe {
  width: 100%;
  height: 380px;
  border-radius: 15px;
  margin-bottom: 25px;
}

.contact .contact-form input {
  padding: 15px;
  background: none;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, .1);
}

.contact .contact-form textarea {
  height: 100px;
  padding: 8px 15px;
  background: none;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, .1);
}

.contact .help-block ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.about-line {
  background-image: url("./images/background1.png");
  background-position: center;
}

/* .about-us-page{
  background-image: url("./images/aboutus23.jpg");
  height:300px;
  background-repeat: no-repeat;
  background-size: cover;
} */
.about-line p {
  font-size: 20px;
  margin-top: 30px;
  text-align: justify;
  font-family: sans-serif;
}

.about-line ul li {
  font-size: 18px;
  padding: 5px;
}

.registration-from {
  margin-top: 25px;
  background: url(images/background1.png);
}

.registration-from h4 {
  margin-top: 20px;
  color: #008b8b;
  font-family: sans-serif;
  font-weight: 600;
  margin-bottom: 20px;

}

.tt {
  background: url(images/background1.png);
  /* background-attachment: fixed; */
  background-size: cover;
  background-size: contain;
  background-position: fixed;
  padding: 20px;



}

.registration-from .container {
  /* background-color: rgba(0, 0, 0, 0.734); */
  padding: 20px;

}

.second-part h5 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 15px;
}

.department-department {
  background: url(images/background1.png);
}

.department-department .dprt {
  color: white;
  height: 40px;
  padding: 6px;
  background: linear-gradient(45deg, #f27e00 29%, #008b8b 29%);
}

.department-department h2 {
  color: #f27e00;
  margin-top: 30px;
}

.department-department p {
  font-size: 18px;
  text-align: justify;
}

.department-department h4 {

  margin-top: 30px;
  text-align: justify;
  font-size: 18px;
}

.department-department .com {

  margin-top: 30px;
  text-align: justify;
  font-size: 18px;
}

.department-department .coms {

  margin-top: 30px;
  text-align: justify;
  font-size: 18px;
}

.department-department .lab {

  margin-top: 17px;

}

.department-department .lab p {
  font-size: 18px;
  text-align: justify;
}

.department-department .labs {

  margin-top: 17px;
}

.insititue {
  background: url(images/background1.png);
}

.insititue h2 {
  color: white;
  margin-top: 30px;
  background: linear-gradient(45deg, #f27e00 29%, #008b8b 29%);
}

.insititue .card {
  border: 1px solid #f27e00;
}

.insititue .card p {
  font-size: 18px;
  text-align: justify;
}

.insititue p {
  font-size: 18px;
  text-align: justify;
}

.insititue h2 {
  padding: 5px;
}

.insititue .nimetpic {
  margin-top: 30px;
  border-radius: 5px;
}

.insititue .card h2 {
  background: linear-gradient(45deg, #f27e00 29%, #008b8b 29%);
  margin-top: -1px;
  font-size: 20px;
  padding: 10px;
}

.insititue .card ul li {
  font-size: 18px;
  padding: 5px;
}

.insititue .card {
  margin-bottom: 20px;
}

.insititue .mission {
  margin-top: 50px;
}

.insititue .spns h1 {
  color: #008b8b;
  background: linear-gradient(90deg, #f27d00af 29%, #008b8b99 90%);
  padding: 10px;
}

.insititue .spns h4 {
  color: #008b8b;


}

.about-line p {
  font-size: 18px;
}

.vision h2 {
  background: linear-gradient(45deg, #f27e00 29%, #008b8b 29%);
}

.vision p {
  font-size: 18px;
}

.insituate-facility h4 {
  /* font-size: 20px;
      text-align: center;
      margin-right: 128px;
      background-color: #f27e00;
      padding:10px;
      color:white; */
  padding: 10px;
  color: white;
  background-color: #008b8b;
  text-align: center;

}

.insituate-facility .coms img {
  margin-top: 30px;
}

.insituate-facility .com h5 {
  margin-top: 30px;
  background: linear-gradient(45deg, #f27e00 29%, #008b8b 29%);
  padding: 5px;
  color: white;
}

.insituate-facility .com p {
  font-size: 18px;
  text-align: justify;
}

.form-in-resistration {
  background: url(images/background1.png);
}

.form-in-resistration h4 {
  margin-top: 10px;
  color: #008b8b;

}

/* .about-logo{
          background:url(images/transparent-trmm.png);
          background-size: cover;
          background-position: center;
        }
        .content-content-side .card{
          margin-top: -550px;
          margin-right: 60px;
          background-color:#166f9b92;
       
        }
        .content-content-side h3{
          color:white;
          background-color: #f44a4a;
          border-radius: 10px;
          padding:5px;
          border-bottom-right-radius: 30px;
          border-bottom-left-radius: 30px;
        }
        .content-content-side .card .asas{ 
       text-align: right;
       margin-bottom: 20px;
       margin-top: 20px;
        }
        .content-content-side .card .sasa{ 
          text-align: left;
          margin-top: 20px;
           }
           .content-content-side .card .sasa p{ 
            color: white;
            font-size: 20px;
             }
             .content-content-side .card .event h6{ 
              color: white;
              background-color: #166f9b;
              font-size: 20px;
              padding:5px;
              text-align: center;
               }
               .content-content-side .card .news h6{ 
                background-color:white;
                font-size: 20px;
                padding:5px;
                text-align: center;
                 } */
.about-trmm-ssss {

  background-size: cover;
  background-position: center;
}

.about-trmm-ssss .ulli li {
  color: white;

}

.about-trmm-ssss p {
  font-size: 18px;
  text-align: justify;
}

.about-trmm-ssss .card h3 {
  /* background-color: #000000; */
  color: white;
  padding: 5px;

}

.about-trmm-ssss .card {
  margin-top: 60px;
  /* background-color: #694f76; */
  /* background: linear-gradient(86deg, #f27ea1, #e2a576); */
  /* background: #bd0000; */
  background: #065983;
  margin-bottom: 20px;
  border-color: #f27e00;
  padding: 5px;
}

.about-trmm-ssss .card ul {
  background-color: white;
  color: black;
  padding: 10px;
}

.about-trmm-ssss .card ul li {
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.289);
}


.about-trmm-ssss .card ul {
  font-size: 18px;
}

/* .content-content-side .side-transparent{
          background-color: #008b8bde;
        }
        .content-content-side .side-transparent h3{
          background-color:rgb(165, 42, 42);
          padding:5px;
          color:white;
          border-bottom-right-radius: 30px;
          border-bottom-left-radius: 30px;
        }
        .content-content-side .side-transparent p{
         
         
          color:white;
          
        }
        .content-content-side .side-transparent .rms{
         margin-top: 20px;
         margin-left: 5px;
        }
        .content-content-side .side-transparent .smr{
          margin-top: 20px;
          margin-bottom: 20px;
         }
         .content-content-side .side-transparent .know-more{
         font-size: 17px;
         padding:5px;
         color:white;
         text-align: left;
         }
         .content-content-side .side-transparent .newss{
          font-size: 17px;
          padding:5px;
          height:30px;
          color:white;
          background-color: #4267B2;
          }
         .content-content-side{
          margin-top: -550px;
          position: absolute;
   
         } */
.marque-tag {
  background-color: #151316;
  color: white;
  font-size: 22px;
  padding: 3px;
}

.marque-tag .marque {
  color: white;
}

.traveling {
  background: url(images/background1.png);
  background-size: cover;
}

.chairman {
  background: url(images/background1.png);
}

.hotels {
  background: url(images/background1.png);
}

.insititue {
  background: url(images/background1.png);


}

.insititue p {
  font-size: 18px;
  text-align: justify;
  font-family: var(--sm-font);
  font-weight: 100;
  padding: 3px;
  font-size: 20px;


}

.insititue h4 {
  background: linear-gradient(45deg, #f27e00 29%, #008b8b 29%);
  padding: 10px;
  margin-top: 30px;
  color: white;
}

.thisthat p {
  font-family: var(--sm-font);
  font-size: 19px;
  text-align: justify;
  padding: 10px;
}

.thisthat {
  background: url(images/background1.png);
  background-size: cover;
}

/* .pp img{
  animation-name:wer;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  }
  @keyframes wer{
    0%{
      transform: scale(1);
    }
    50%{
      transform: scale(1.3);
    }
    100%{
      transform: scale(1);
    }
  } */



.mardown {
  background: #176dd2;
  padding: 15px;
}

.mardown img:hover {
  transform: scale(1.2);
}


.Welcome-to-School{
  background:url(img/background1.png);

  margin-bottom: 30px;

  }
.Welcome-to-School h4{
margin-top:30px;
background: linear-gradient(45deg,#3a0d14 35%,#bd0000 35%); 
color:white;
padding:10px;
font-size: 18px;
text-align: center;
}
.Welcome-to-School h5{
 margin-top: 30px;
 background:  linear-gradient(45deg,#3a0d14 35%,#bd0000 35%); 
 padding:10px;
 font-size: 22px;
 color:white;
 border-top-right-radius: 30px;

  
  }
.Welcome-to-School p{
font-size: 17px;
font-family: var(--sm-font);
  }


  .courses {
    /* background: #176dd2; */
    background-image: url(img/course.png);
    text-align: center;
    color: #020101;
    padding-top: 20px;
    padding-bottom: 20px;
    background-attachment: fixed;
    background-position: center;
    /* background-repeat: no-repeat; */
}

.eventsss{
    padding-top: 75px;
    padding-bottom: 26px;
    background-position: center;
    background-repeat: no-repeat;
}


.eventsss .abt {
  border: 7px solid #ffffff;
  margin: 5px;
  background: #bd0000;
  margin-top: 40px;
  border-radius: 21px;
}

.pricing-column .inner-box .pricing-header .title {
  position: relative;
  top: -43px;
  width: 297px;
  margin: 0 auto;
  line-height: 66px;
  color: #ffffff;
  font-size: 23px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #d5ae20;
  border-radius: 16px;
  z-index: 1;
  border: 6px solid #ffffff;
  /* -webkit-box-shadow: 2px 3px 5px 1px rgb(0 0 0 / 7%); */
  -ms-box-shadow: 2px 3px 5px 1px rgba(0,0,0,0.07);
  -o-box-shadow: 2px 3px 5px 1px rgba(0,0,0,0.07);
  -moz-box-shadow: 2px 3px 5px 1px rgba(0,0,0,0.07);
  /* box-shadow: 2px 3px 5px 1px rgb(0 0 0 / 7%); */
}



.testimonial-area {
  background-image: url(img/testimonial.jpeg);
	position: relative;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.bg-testimonial {
	position: absolute;
	background-color: #154ccd;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.7;
}