* {

  font-weight: 500;

  font-size: 16px;

  line-height: 35px;

  text-align: justify;

}

h1,

h2,

h3,

h4,

h5,

h6,

p,

a,

span {

  font-family: "Nanum Gothic", sans-serif;

  color: #515151;

}



.uppercase {

  text-transform: uppercase;

}

p {

  text-align: justify;

  color: #000;

  font-family: "Nanum Gothic", sans-serif;

  font-weight: 500;

}

a:hover {

  outline: 0;

  text-decoration: none;

  transition: all 0.3s ease;

}

header {

  /* border-bottom: 1px solid #00000012; */

  background: white;

}

.headertop {

  background-color: #fff;

  padding: 12px 0px 12px 0px;

  border-bottom: 2px solid #c96b6b;

}

.dropdown-toggle::after {

  display: none !important;

}

nav {

  padding: 0 !important;

}

.center {

  text-align: center;

}

.navbar-expand-lg,

.navbar-collapse {

  height: 100%;

}

ul.navbar-nav.ml-auto {

  height: 100%;

  align-items: center;

}

li.nav-item {

  height: 100%;

}

/* li.nav-item-right {

  margin-left: 30px;

} */

.nav-link {

  font-size: 16px;

  color: #515151;

  text-transform: uppercase;

  font-weight: 600;

}

.navbar-nav {

  width: 100%;

}

/* .morebtn {

  border: 1px solid #08aef8;

  color: black;

  padding: 10px 25px;

  border-radius: 4px;

  margin-top: 10px;

  display: block;

  width: 150px;

  text-align: center;

  background: transparent;

  font-size: 15px;

} */

.line {

  padding-top: 40px;

  border-bottom: 1px solid #00000012;

}

/* 

.contact-page-title {

  background-image: url(/img/banner/contactus-update.jpg),

    linear-gradient(rgba(53, 18, 65, 0.6), rgba(43, 41, 41, 0.7));

}



.project-page-title {

  background-image: url(/img/banner/product-banner.jpg),

    linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7));

  position: relative;

} */



.contact-page-title {

  background-image: url(/img/banner/migrate-banner.png);

  position: relative;

}



.page-title {

  position: relative;

  /* width: 100%; */

  /* height: 345px; */

  height: 300px;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  background-blend-mode: overlay;

  color: #fff;

  display: flex;

  align-items: center;

}

.page-title::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: rgb(75 24 24 / 75%);

  z-index: 1;

}



.banner-title {

  font-size: 38px;

  letter-spacing: 2px;

  text-transform: uppercase;

  font-weight: 600;

  margin-bottom: 0 !important;

  text-align: center;

  color: #fff;

}



.banner-sec {

  position: relative;

  z-index: 999;

}



.page-title .breadcrumbs {

  margin-top: 30px;

}



.page-title .breadcrumbs ol {

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  list-style: none;

  padding: 0;

  margin: 0;

  font-size: 16px;

  font-weight: 400;

}



/* .page-title .breadcrumbs ol li + li::before {

  content: "/";

  display: inline-block;

  padding-right: 10px;

  padding-left: 10px;

  color: color-mix(in srgb, var(--default-color), transparent 70%);

} */



/* .project-title > h2 {

  font-size: 39px;

  font-weight: 500;

} */



/* .project-title > h2 > span {

  font-size: 39px;

  font-weight: 500;

  color: #0a53e6;

} */



.breadcrumbs > ol > li {

  font-weight: 700;

}



.breadcrumbs > ol > li.current {

  color: #f1aaaa;

  font-weight: 500;

  font-size: 22px;

}



.breadcrumbs > ol > li > a {

  font-size: 22px;

}



.contact-information-detail .address-info {

  margin-top: 20px;

}



.aca-form-control {

  padding: 1.75rem 0.75rem !important;

}



.mm-navbar__title {

  text-align: center;

  font-size: 30px;

  color: #4c4d61 !important;

  line-height: 20pt;

}

.mm-panel {

  background-color: #c96b6b !important;

}

.mm-listitem {

  color: #fff !important;

}



.project-section {

  padding: 100px 0px 0px 0px;

  position: relative;

}



.contact-section,

.primary-section {

  padding: 100px 0px;

  position: relative;

}

.contact-shape1 {

  position: absolute;

  top: 0px;

  right: 0px;

}

.about-us-section {

  padding: 100px 0px 100px 0px;

  position: relative;

  background-image: url(../img/home/bgimg.jpg);

  background-repeat: no-repeat;

  background-size: cover;

}

.contact-us-section {

  padding: 100px 0px 100px 0px;

  position: relative;

  background-image: url(../img/contact/contact-bg.png);

  background-repeat: no-repeat;

  background-size: cover;

}

.about-icon {

  position: absolute;

  top: 0;

  left: 0;

  border-top-left-radius: 20px;

  border-bottom-right-radius: 20px;

  padding-left: 25px;

  padding-right: 25px;

  padding-top: 15px;

  padding-bottom: 15px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  background-color: #0a53e6;

}

.mb-80 {

  margin-bottom: 70px;

}



.mb-100 {

  margin-bottom: 100px;

}



.aboutinfo-icon {

  position: relative;

  line-height: 110px;

  border: 1px solid #cd3d3d;

  width: 70px;

  height: 70px;

  border-radius: 50%;

  margin-bottom: 15px;

  /* margin: 0 auto; */

  transition: all 0.6s ease-in-out;

  z-index: 10;

  display: flex;

  justify-content: center;

  align-items: center;

  background-color: #cd3d3d;

  /* background-color: #fff; */

}

.about-info {

  position: relative;

  padding: 25px 20px;

  background: transparent;

  margin-bottom: 50px;

  text-align: center;

  border-radius: 20px;

  transition: all 0.6s ease-in-out;

  border: 1px solid #cd3d3d;

  min-height: 369px;

}



.bio-name-flex {

  display: flex;

  align-items: center;

  margin-bottom: 20px;

}



.title-bar1 {

  width: 15px;

  height: 4px;

  background-color: #ffa996;

  display: inline-block;

  margin-right: 5px;

  margin-left: 12px;

  border-radius: 10px;

}

.title-bar2 {

  width: 34px;

  height: 4px;

  background-color: #fa360a;

  display: inline-block;

  border-radius: 10px;

}

.why-choose-content > ul > li {

  font-size: 17px;

  margin-bottom: 15px;

  font-weight: 400;

}

.why-choose-flex {

  display: flex;

}

.why-choose-flex > .why-choose-img > img {

  position: relative;

  z-index: 1;

  border-radius: 15px;

}

.why-choose-flex .why-choose-content {

  position: absolute;

  z-index: 999999;

  top: 12%;

  left: 45%;

  background-color: #fff;

  box-shadow: 2px 1px 15px -9px rgba(66, 68, 90, 1);

  padding: 25px 35px;

  border-radius: 10px;

  border-left: 2px solid #cd3d3d;

}

.why-choose-content > ul{

  padding-left: 0px;

  margin-bottom: 0px;

  list-style-type: none;

}

.about-txt > h5 {

  color: #0a53e6;

  font-weight: 700;

}

.about-box {

  padding: 20px 20px;

  position: relative;

  border-radius: 30px;

  background-color: #fff;

  box-shadow: 2px 1px 15px -9px rgba(66, 68, 90, 1);

  min-height: 369px;

}



.teenage-box {

  padding: 20px 20px;

  position: relative;

  border-radius: 30px;

  background-color: #fff;

  box-shadow: 2px 1px 15px -9px rgba(66, 68, 90, 1);

  min-height: 229px;

}

.about-box-mb {

  margin-bottom: 35px;

}

.environment {

  margin-right: 40px;

}

.bdr-radius {

  border-radius: 15px;

}

.primary-title {

  color: #515151;

  font-weight: 700;

}

.subject-row {

  margin-top: 80px;

}

thead > tr {

  background-color: #faefb9;

}

thead > tr > th {

  font-size: 20px;

  font-weight: 600;

}

tbody > tr > td {

  text-align: center;

}

.trbg {

  background-color: #dfe5f2;

}

/*================================*/

#header .my_logo {

  padding: 10px;

}

#header nav {

  margin-bottom: 0;

}

/*=======================================*/



/*======================================*/



/*=======================================*/

/*Footer*/

footer {

  /* margin-top: 70px; */

  background-color: #333333;

  color: #fff;

  padding-top: 40px;

  padding-bottom: 40px;

  /* padding-bottom: 30px; */

}



.footer-content,

.footer-content > a {

  line-height: 20pt;

  font-size: 15px;

  color: #bcbcbc !important;

}



.end-footer {

  background-color: #2b2b2b;

}



.end-footer-txt {

  color: #676767 !important;

  font-size: 14px;

  font-weight: 400 !important;

}



.footer-icon-flex {

  display: flex;

  justify-content: end;

  margin-top: 12px;

}



.footer-title {

  color: #fff;

  font-size: 18px;

  line-height: 100%;

  margin-bottom: 20px;

  text-transform: uppercase;

}



.quick-link {

  list-style-type: none;

  padding: 0px;

  column-count: 2;

  column-gap: 50px;

}

.quick-link > li > a {

  color: #fff;

  font-size: 15px;

}

.quick-link-flex {

  display: flex;

  justify-content: center;

}



.web-design-txt {

  color: #cd3d3d;

  font-size: 14px;

  font-weight: 600;

}

.copyright-txt {

  text-align: end;

}



.academic-list {

  list-style-type: none;

  padding: 0px !important;

}



.academic-list > li > a {

  color: #fff;

  font-weight: 500 !important;

}



/* .contact-heading-subtitle-wrapper .contact-heading-subtitle {

  position: relative;

  display: inline-flex;

  gap: 15px;



  font-weight: 600;



  text-transform: uppercase;

  color: #0a53e6;

} */



.contact-info{

  color: #000 !important;

}



/*=======================================*/

/*Media Query*/



@media (min-width: 991px) {

  .project-page-title::before {

    content: "";

    width: 100%;

    height: 16px;

    position: absolute;

    top: -5px;

    left: 0;

    z-index: 10;

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

  #header nav ul li {

    margin-top: 20px;

  }

  #header nav ul li a:after {

    content: ".";

    font-size: 30px;

    display: inline-block;

    width: 30px;

    text-align: right;

  }

  .last_dot_close:after {

    content: "" !important;

    margin-top: 20px;

  }

}



@media (min-width: 767px) and (max-width: 991px) {

  #header nav ul li {

    margin-top: 25px;

  }

}

@media (max-width: 767px) {

  .footer-contact-info{

    margin-top: 18px;

  }

  #header .navbar-toggle {

    margin-top: 30px;

  }

  .habout-content {

    padding-left: 0px !important;

  }

 

  .abt-img > img {

    max-width: 100% !important;

  }

  .abt-img-two > img {

    max-width: 100% !important;

  }

  .contact-detail-inner > h4{

    margin-bottom: 25px !important;

  }

}



@media (max-width: 991px) {

  .contact-detail{

    margin-bottom: 50px;

  }

  .form-section {

    padding-right: 0px !important;

  }

  .list-svc-flex{

    margin-bottom: 45px;

  }

  .why-choose-flex{

    display: block  !important;

  }

  .why-choose-img{

    display: flex;

    justify-content: center;

    margin-bottom: 50px;

  }

  .why-choose-flex .why-choose-content{

    position: relative;

    top: 0;

    left: 0;

  }

  .empower-txt {

    display: none !important;

  }

  .agro-nav {

    margin-left: auto !important;

  }



  .navbar-toggler > i {

    font-size: 25px;

    color: #fff;

  }

  .form-section {

    padding-left: 0px !important;

  }

  .contact-info-img {

    display: flex;

    justify-content: center;

    margin-bottom: 35px;

  }

  .contact-link {

    display: none !important;

  }

  .about-third-section {

    padding: 80px 0px !important;

  }

  .teenage-box-top {

    margin-top: 35px !important;

  }

  .flex-column {

    flex-direction: row !important;

    justify-content: center !important;

  }

  .tab-content {

    margin-top: 50px !important;

  }

  .gal-md-top {

    margin-top: 30px !important;

  }

  .contact-box {

    min-height: auto !important;

    margin-bottom: 50px !important;

  }

  .contact-info-section {

    padding: 80px 0px !important;

  }

  .map-section {

    padding: 50px 0px !important;

    margin-top: -110px !important;

  }

  .habout-img {

    display: flex !important;

    justify-content: center !important;

    margin-bottom: 60px !important;

  }

  .home-about-section,

  .founder-message,

  .announcement-section,

  .home-academic-section {

    padding: 80px 0px !important;

  }

  .founder-img {

    margin-top: 30px !important;

  }

  .slide-btn-flex {

    display: none !important;

  }

  .course-footer {

    justify-content: start;

    margin-bottom: 20px;

  }

  .course-footer-mt {

    margin-top: 25px;

  }

  .footer-icon-flex {

    justify-content: start !important;

  }

  .ftr-br-hide {

    display: none !important;

  }

  .end-footer {

    padding-top: 0px !important;

  }



  .carousel-caption > div > h2 {

    font-size: 28px !important;

  }

  .why-choose-img {

    margin-bottom: 50px !important;

    display: flex;

    justify-content: center;

  }

  .copyright-txt {

    text-align: start !important;

    margin-top: -10px  !important;

  }

}



/* .form-section{

  padding-left: 50px;

} */



.map-section {

  padding: 100px 0px;

  margin-top: 40px;

}

.contactus-form {

  background-color: #fff;

  box-shadow: 2px 1px 15px -9px rgba(66, 68, 90, 1);

  padding: 25px 30px;

}



.form-control {

  padding: 25px 20px;

  border-radius: 15px;

  outline: 0 !important;

  box-shadow: none;

  border: 1px solid #dbd6d6;

  background-color: #fff;

}

.submit-btn {

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: #3690eb;

  color: #fff;

  padding: 10px 20px;

  /* border-radius: 28px; */

  position: relative;

  z-index: 1;

  width: max-content;

  font-weight: 500;

  font-size: 18px;

  margin-top: 20px;

}



.submit-btn:hover {

  color: #043f7a;

  background-color: #f8c32c;

}



.arrow-icon {

  width: 35px;

  height: 35px;

  display: flex;

  justify-content: center;

  align-items: center;

  position: relative;

  border-radius: 50%;

  background-color: #f8c32c;

  transition: all 0.3s ease;

}



.arrow-icon > i {

  font-size: 20px !important;

}



.sub-title {

  color: #043f7a;

  font-size: 20px;

  line-height: 26px;

  font-style: italic;

}



#go-top {

  position: fixed;



  right: 50px;



  bottom: 50px;



  height: 50px;



  width: 50px;



  cursor: pointer;



  display: block;



  border-radius: 50px;



  /* box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); */



  z-index: 10000;



  opacity: 1;



  /* visibility: hidden; */



  transform: translateY(15px);



  -webkit-transition: all 0.2s linear;



  transition: all 0.2s linear;



  padding: 8px 17px;



  background-color: #fff;



  border: 2px solid #cd3d3d;



  color: #cd3d3d;

}



#go-top:hover {

  animation: pulse 3s infinite;



  background-color: #cd3d3d;



  border: 2px solid #fff;



  color: #fff;

}

/* 

.dropdown-menu {

  padding: 0px !important;

}



.dropdown-menu > .dropdown-item {

  transition: 0.5s ease-in-out;

}



.dropdown-menu > .dropdown-item:hover {

  background-color: #043f7a !important;

  color: #fff !important;

} */



.navbar-nav .active > .nav-link,

.navbar-nav .nav-item .nav-link:hover, .quick-link > li > a:hover{

  color: #c96b6b;

}



.quick-link .active > a{

  color: #c96b6b;

}



.prj-caption-white {

  background-color: #fff;

}



/* .contact-link {

  background-color: #0a53e6;

  text-decoration: none;

  width: fit-content;

  margin-left: auto;

  padding: 10px 16px;

  border-radius: 30px;

} */



.contact-link > a {

  color: #fff;

  font-size: 16px;

  font-weight: 700;

}



.explore-link {

  background-color: #fff;

  /* color: #fff; */

  text-decoration: none;

  width: fit-content;

  padding: 10px 16px;

  border-radius: 30px;

}

.contact-us-link {

  background-color: transparent;

  border: 1px solid #fff !important;

  color: #fff !important;

  text-decoration: none;

  width: fit-content;

  padding: 10px 16px;

  border-radius: 30px;

}

/* .explore-link > a > p {

  color: #0a53e6;

  font-size: 16px;

  font-weight: 700;

}



.contact-heading-subtitle-wrapper {

  display: inline-flex;

  margin-bottom: 20px;

  color: #0a53e6;

}

.contact-heading-subtitle {

  align-items: center;

}



.contact-heading-subtitle-wrapper .contact-heading-subtitle::before {

  content: "";

  position: relative;

  width: 80px;

  height: 1px;

  background-color: #0a53e6;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  transition: all 1s ease;

  margin: auto;

}



.contact-heading-subtitle-wrapper .contact-heading-subtitle::after {

  content: "";

  position: relative;

  width: 80px;

  height: 1px;

  background-color: #0a53e6;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  transition: all 1s ease;

  margin: auto;

} */



.mt-xl-top {

  margin-top: 30px;

}

.nav-pills {

  min-width: 200px !important;

}

#slider {

  background-color: #fff;

}

.carousel-item > img {

  position: relative;

}

.carousel-item > .overlay {

  position: absolute;

  top: 0;

  left: 0;

}



.level-test-table > thead > tr > th,

.inter-exam-table > thead > tr > th {

  vertical-align: middle !important;

}



.carousel-caption > div > h2 {

  font-weight: 600;

  font-size: 40px;

  text-transform: uppercase;

  text-align: center;

  border-top: 2px dotted #fff;

  border-bottom: 2px dotted #fff;

  padding: 30px 0px;

  width: fit-content;

  margin-bottom: 18px;

}



.carousel-caption > p {

  font-weight: 600;

  font-size: 20px;

  text-align: center;

}



.img-gradient::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(

    to bottom,

    rgba(0, 0, 0, 0.4),

    rgba(0, 0, 0, 0.2)

  );

}



.owl-carousel .owl-item img {

  width: auto !important;

}



.mm-listitem > a > img {

  display: none !important;

}



.partner-logo {

  display: flex;

  justify-content: center;

}



/* .may-header-logo {

  max-width: 120px;

} */



.habout-content {

  padding-left: 30px;

}

.habout-content-right {

  padding-right: 30px;

}



.name-justify-end {

  justify-content: end;

}

/* .carousel-item{

  display: block !important;

} */



@media (max-width: 1600px) {

  .carousel-caption > h2,

  .carousel-caption > p {

    text-align: center !important;

  }

  .slide-btn-flex {

    justify-content: center !important;

    margin-top: 30px !important;

  }

  .carousel-caption > h2 {

    margin-bottom: 20px;

  }

}



@media (min-width: 1200px) {

  .container {

    max-width: 1259px !important;

  }



  .facilities-title {

    margin-bottom: 65px !important;

  }

  .igcse-img-two,

  .hide-div {

    display: none !important;

  }

  li.nav-item-right {

    margin-left: 30px;

  }

}



@media (max-width: 1399px) and (min-width: 1200px) {

  .habout-content-right {

    padding-right: 20px !important;

  }

  .svclst-content{

    padding-left: 20px !important;

  }

  .why-choose-flex .why-choose-content{

    margin-right: 20px;

   

  }

  .why-choose-flex .why-choose-content{

    padding: 25px 30px;

  }

  .choose-container > img,

  .choose-container-green > img {

    min-height: 335px;

  }

  .shape1 {

    top: -105px;

  }

  .preprimary-one,

  .preprimary-two {

    max-width: 260px !important;

  }

  .preprimary-three {

    max-width: 550px !important;

  }

  .teenage-content {

    padding-left: 30px !important;

  }

  .teenage-box {

    min-height: 264px !important;

  }

  .teenage-box-inner {

    min-height: 224px !important;

  }

  .shape-img > .img-three {

    position: absolute;

    top: 0;

    left: 6% !important;

  }

  .shape-img > .img-four {

    position: absolute;

    bottom: 5% !important;

    left: 3% !important;

  }

  .img-ten {

    position: absolute;

    top: -5% !important;

    left: 2% !important;

  }

  .img-nine {

    position: absolute;

    top: 13% !important;

    right: 5% !important;

  }

  .habout-content {

    padding-left: 50px !important;

  }

  .carousel-caption {

    top: 15% !important;

  }

}



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

  /* .contact-detail-inner > h4 {

    font-size: 20px  !important;

  } */

  .bio-img > img {

    border-radius: 15px  !important;

  }

  .svc-title{

    font-size: 26px !important;

  }

  .habout-content-right {

    padding-right: 20px !important;

  }

  .svclst-content{

    padding-left: 20px !important;

  }

  .why-choose-flex{

    display: block  !important;

  }

  .why-choose-img{

    display: flex;

    justify-content: center;

    margin-bottom: 50px;

  }

  .why-choose-flex .why-choose-content{

    position: relative;

    top: 0;

    left: 0;

  }

  .carousel-caption > div > h2 {

    font-size: 35px;

    padding: 20px 0px;

  }

  .carousel-caption > p {

    font-size: 18px;

  }

  .thumbnail > a > img {

    max-width: 200px !important;

  }

  .quick-link-flex {

    justify-content: end !important;

  }

  .quick-link {

    column-gap: 40px !important;

  }

  .aboutpg-content {

    padding-top: 100px;

  }

  .bio-img > img {

    max-width: 320px;

  }

  .red-border {

    width: 305px !important;

    height: 305px !important;

  }



  .mt-lg-top {

    margin-top: 50px;

  }

  /* .may-header-logo {

    max-width: 120px;

  } */

  li.nav-item-right {

    margin-right: 20px !important;

  }

  .about-box {

    min-height: 264px !important;

  }

  .about-box-inner {

    min-height: 224px !important;

  }

 

  .habout-content {

    padding-left: 0px !important;

  }

 

  .subject-row {

    margin-top: 60px !important;

  }

 

  /* .partner-logo > img {

    max-width: 235px !important;

    max-height: 85px !important;

  } */

  .carousel-caption {

    top: 5% !important;

  }

  .carousel-caption > h2 {

    font-size: 40px !important;

    margin-bottom: 12px !important;

  }
  .aboutinfo-icon-size{
  width: 37px !important;
  height: 37px !important;
  }
  .aboutinfo-icon{
    width: 62px !important;
    height: 62px !important;
  }
  .aboutinfo-icon{
    top: 0px !important;
  }
  .timeline-item:nth-child(even) .timeline-panel:before, .timeline-panel:before{
    display: none !important;
  }

}



/* @media (min-width: 992px) {

  .owl-prev {

    position: absolute !important;

    top: 40% !important;

    left: 5% !important;

    background-color: transparent !important;

  }



  .owl-next {

    position: absolute !important;

    top: 40% !important;

    right: 5% !important;

    background-color: transparent !important;

  }

  .course-footer {

    justify-content: end;

  }

} */



@media (max-width: 991px) and (min-width: 768px) {

  .page-title {

    height: 285px !important;

  }

  .products-images {

    margin-top: 30px !important;

  }

  .list-svc-flex > img{

    max-width: 585px;

  }

  .svc-content {

    min-height: auto !important;

  }

  .thumbnail > a > img {

    max-width: 220px !important;

  }

  .quick-link-flex {

    justify-content: start !important;

    margin-top: 18px !important;

    margin-bottom: 18px !important;

  }

  .aboutpg-content {

    padding-top: 100px;

  }

  .mb-80 {

    margin-bottom: 60px;

  }

  .biography-para {

    padding-top: 100px;

  }

  .name-justify-end {

    justify-content: start;

  }

  .bio-img > img {

    max-width: 320px;

  }

  .red-border {

    width: 305px !important;

    height: 305px !important;

  }

  .why-choose-img > img {

    max-width: 600px;

  }

  .mt-lg-top,

  .mt-md-top {

    margin-top: 50px;

  }

 

  .habout-content {

    padding-left: 0px !important;

  }



  .about-box,

  .about-box-inner {

    min-height: auto !important;

  }

  .experience-img > img {

    max-width: 500px !important;

  }

  .side-title {

    right: 12% !important;

  }

 



  .subject-row {

    margin-top: 60px !important;

  }

 

  .contact-box {

    max-width: 75%;

    margin-left: auto;

    margin-right: auto;

  }

 

  .habout-img > .img-two {

    position: absolute;

    left: 17% !important;

    top: 5% !important;

  }

  .shape-img > .img-three {

    position: absolute;

    top: 0;

    left: 17% !important;

  }

  .founder-img > div > img {

    max-width: 485px !important;

  }

  

  .carousel-caption > h2 {

    margin-bottom: 0px !important;

    font-size: 38px !important;

  }

  .carousel-caption {

    top: 10% !important;

  }

  .habout-img > .img-one,

  .habout-img > .img-two {

    max-width: 400px !important;

  }

  .aboutinfo-icon-size{
  width: 37px !important;
  height: 37px !important;
  }
  .aboutinfo-icon{
    width: 62px !important;
    height: 62px !important;
  }
  .aboutinfo-icon{
    top: 0px !important;
  }
  .timeline-item {
    margin-bottom: 45px !important;
  }
  .timeline-heading h4 {
    font-size: 21px !important;
  }
  .timeline-item:nth-child(even) .timeline-panel:before, .timeline-panel:before{
    display: none !important;
  }
  .timeline-badge{
    left: 47%  !important;
  }
  .timeline:before{
    border: 1px dashed #d1c3c3 !important;
  }



}



@media (max-width: 767px) and (min-width: 576px) {

  .banner-title {

    font-size: 35px !important;

  }

  .page-title {

    height: 285px !important;

  }

   .list-svc-flex > img{

    max-width: 100%;

  }

  .svc-title{

    font-size: 28px  !important;

  }

  .svc-content {

    max-width: 85%;

    margin-left: auto;

    margin-right: auto;

  }

  .aboutpg-content {

    padding-top: 100px;

  }

  .red-block {

    padding: 18px;

  }

  .red-block > p {

    font-size: 18px !important;

  }

  .mb-80 {

    margin-bottom: 50px;

  }

  .biography-para {

    padding-top: 100px;

  }

  .name-justify-end {

    justify-content: start;

  }

  .bio-img > img {

    max-width: 320px;

  }

  .red-border {

    width: 300px !important;

    height: 300px !important;

  }

  .mt-lg-top,

  .mt-sm-top {

    margin-top: 50px;

  }

  .svc-content {

    min-height: auto !important;

  }

 

  .about-box,

  .about-box-inner {

    min-height: auto !important;

  }



  .contact-section,

  .primary-section {

    padding: 80px 0px;

    position: relative;

  }

  

  .habout-img > .img-one,

  .habout-img > .img-two {

    max-width: 375px !important;

  }

  .habout-img > .img-two {

    position: absolute;

    left: 7% !important;

    top: 5% !important;

  }
   .aboutinfo-icon-size{
  width: 37px !important;
  height: 37px !important;
  }
  .aboutinfo-icon{
    width: 62px !important;
    height: 62px !important;
  }
  .aboutinfo-icon{
    top: 0px !important;
  }
  .timeline-badge{
    left: 4% !important;
  }
  .timeline-panel:before{
    display: none !important;
  }

}

 

  



@media (max-width: 575px) and (min-width: 350px) {

  .svc-content {

    min-height: auto !important;

  }

 



  .mt-lg-top,

  .mt-sm-top,

  .mt-xs-top {

    margin-top: 50px;

  }



  .our-products {

    padding-top: 80px;

    padding-bottom: 100px;

  }

  .reservation-form-control {

    margin-top: 15px;

  }

 

  .about-box,

  .about-box-inner {

    min-height: auto !important;

  }

  .about-us-section {

    padding: 80px 0px 70px 0px !important;

  }

 

  .contact-section,

  .primary-section {

    padding: 80px 0px 70px 0px !important;

  }

 

  .sm-title {

    font-size: 18px !important;

  }

  .name-column{

    margin-bottom: 20px !important;

  }
  .svc-title, .about-slogan{
    text-align: start !important;
  }

 

}



@media (max-width: 575px) and (min-width: 420px) {

  .page-title {

        height: 280px !important;

    }

  .contact-detail-inner{

    padding: 20px 20px !important;

  }

  .migrate-hd {

    font-size: 28px !important;

  }

 

  /* .contact-detail-inner > h4 {

    font-size: 21px !important;

  } */

  .contact-detail > h3{

    font-size: 24px  !important;

  }

  .why-choose-flex .why-choose-content{

    padding: 25px 25px !important;

  }

  .svc-content {

    max-width: 85%;

    margin-left: auto;

    margin-right: auto;

  }

  .products-images .migrate-thumbnail {

    max-width: 65%;

    margin-left: auto;

    margin-right: auto;

  }

  .red-block > p {

    font-size: 18px !important;

  }

  .biography-para {

    padding-top: 100px;

  }

  .name-justify-end {

    justify-content: start;

  }

  .bio-img > img {

    max-width: 310px;

  }

  .red-border {

    width: 285px !important;

    height: 285px !important;

  }

  .mt-100 {

    margin-top: 100px !important;

  }

  .red-block {

    bottom: -13% !important;

  }

  .prj-block {

    width: 80%;

    margin-left: auto;

    margin-right: auto;

  }

  .aboutpg-content {

    padding-top: 100px;

  }

  .breadcrumbs > ol > li > a,

  .breadcrumbs > ol > li.current {

    font-size: 18px;

  }

  .side-title {

    top: -11px !important;

    right: 0% !important;

    font-size: 32px !important;

  }

 

  .habout-img > .img-one,

  .habout-img > .img-two {

    max-width: 370px !important;

  }

 

  .habout-img > .img-two {

    position: absolute;

    left: 7% !important;

    top: 5% !important;

  }

 

  .banner-title {

    font-size: 32px !important;

  }

  

  .thumbnail > a > img {

    max-width: 220px !important;

  }
    .aboutinfo-icon-size{
  width: 35px !important;
  height: 35px !important;
  }
  .aboutinfo-icon{
    width: 60px !important;
    height: 60px !important;
  }
  .aboutinfo-icon{
    top: 0px !important;
  }
  .timeline-badge{
    margin-left: 0px !important;
    top: 15px !important;
    left: 5%  !important;
  }
  .timeline-panel:before{
    display: none !important;
  }
  .timeline-heading h4{
    font-size: 21px !important;
  }
  .timeline:before{
    display: none !important;
  }
  .timeline-panel {
        width: 100% !important;
  }
  .timeline-heading > h4{
    margin-top: 70px !important;
  }

}



@media (min-width: 420px) {

  .red-block-sm {

    display: none !important;

  }

  .sm-hide{

    display: none  !important;

  } 

}



@media (max-width: 419px) and (min-width: 350px) {

  .page-title{

    height: 270px !important;

  }

  .migrate-hd {

    font-size: 28px !important;

  }

  .contact-detail-inner{

    padding: 20px 20px !important;

  }

  .svc-title{

    font-size: 25px !important;

    text-align: start  !important;

  }

  .mb-100 {

    margin-bottom: 80px  !important;

  }

  .why-choose-flex .why-choose-content{

    padding: 20px 18px !important;

  }

  .why-choose-content > ul > li {

    font-size: 16px  !important;

  }

  .thumbnail > a > img {

    max-width: 210px !important;

  }

  .red-block > p {

    font-size: 18px !important;

  }

  .about-slogan {

    font-size: 18px !important;

  }

  .red-block {

    display: none !important;

  }

  .mt-100 {

    margin-top: 0px !important;

  }

  .red-block {

    bottom: -13% !important;

  }

  .red-block > p {

    font-size: 18px !important;

  }

  .biography-para {

    padding-top: 75px;

  }

  .name-justify-end {

    justify-content: start;

  }

  .bio-img > img {

    max-width: 300px;

  }

  .red-border {

    width: 275px !important;

    height: 275px !important;

  }

  .red-block {

    bottom: -13% !important;

  }

  .aboutpg-content {

    padding-top: 60px;

  }

  .products-images .migrate-thumbnail {

    max-width: 65%;

    margin-left: auto;

    margin-right: auto;

  }

  .breadcrumbs > ol > li > a,

  .breadcrumbs > ol > li.current {

    font-size: 17px;

  }

 

  .banner-title {

    font-size: 30px !important;

  }

   .timeline-panel:before{
    display: none !important;
  }
  .timeline-heading h4{
    font-size: 21px !important;
  }
  .timeline:before{
    display: none !important;
  }
  .timeline-panel {
        width: 100% !important;
  }
  .timeline-heading > h4{
    margin-top: 70px !important;
  }
  .timeline-badge{
    left: 10% !important;
    top: 15px !important;
  }
  .aboutinfo-icon-size {
    width: 35px !important;
    height: 35px !important;
  }
  .aboutinfo-icon{
    width: 60px  !important;
    height: 60px !important;
  }

 

}







@media (min-width: 1400px) {

  .break {

    display: none;

  }

  .carousel-caption {

    top: 25% !important;

  }

  .svc-flex{

    align-items: center;

  }

  .svclst-content{

    padding-left: 30px;

  }

}



/* @media (max-width: 1199px) {

  .break {

    display: none;

  }

  .information {

    margin-bottom: 80px;

  }



  .facilities-title {

    margin-bottom: 30px !important;

  }

  .enrollment,

  .enrollment-inner {

    min-height: auto !important;

  }

  .enrollment {

    margin-bottom: 25px;

  }

  .igcse-img {

    display: none !important;

  }

  .hide-div-lg {

    display: none !important;

  }

  .teenage-content {

    padding-left: 0px !important;

  }

  .gallery-content {

    margin-left: 0px !important;

  }

} */



@media (max-width: 1199px) and (min-width: 576px) {

  .about-us-section {

    padding: 100px 0px 70px 0px !important;

  }

}







/* Update CSS :end */



.contact-info-img-flex {

  display: flex;

  justify-content: center;

}

.form-section {

  padding-right: 30px;

}



.contact-icon {

  font-size: 35px;

}



.contact-content {

  margin-top: 30px;

}





.home-about-section {

  padding: 70px 0px;

  background-image: url(../img/home/bgimg.jpg);

  background-repeat: no-repeat;

  background-size: cover;

}



.mm-page {

  overflow: hidden !important;

}



.thumbnail {

  display: flex;

  justify-content: center;

}



.thumbnail > a > img {

  border-radius: 50%;

  max-width: 225px;

}





img {

  display: inline-block;

  max-width: 100%;

  height: auto;

}

.abt-img > img {

  max-width: 325px;

  border-radius: 20px;

}

.abt-img-two > img {

  max-width: 320px;

  border-radius: 20px;

}





.about-list {

  list-style-type: none;

  padding: 0px !important;

}



.mr-20 {

  margin-right: 20px;

}

.mt-100 {

  margin-top: 125px;

}





/* Migrate Me CSS Section */

.migrate-hd {

  text-transform: uppercase;

  font-size: 30px;

  font-weight: 800;

  color: #333;

  margin-bottom: 70px;

  line-height: 34pt;

}

/* .content {

  margin-top: 20px;

} */

.content > h4 {

  text-align: center;

  font-size: 22px;

  font-weight: 600;

  color: #cd3d3d !important;

}

.about-slogan {

  font-size: 19px;

  font-weight: 600;

  color: #cd3d3d !important;

}

.svc-content {

  border-top: 1px solid #686868;

  min-height: 145px;

}

.svc-content > p {

  padding-top: 15px;

}

.migrate-btn {

  background-color: #000;

  border-color: #000;

  border-radius: 0px;

  margin-bottom: 16px;

  padding: 10px 30px;

  text-decoration: none;

  color: #fff;

  transition: all 0.3s ease-in-out;

}

.migrate-btn:hover {

  background-color: #cd3d3d;

  color: #fff;

  outline: none;

  border-color: transparent;

}

.home-secbanner {

  background-image: url(../img/home/bgimg2.jpg);

  /* background-attachment: fixed; */

  background-repeat: no-repeat;

  padding: 70px 0px;

  position: relative;

}

.home-secbanner::after {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  background-color: rgba(205, 61, 61, 0.5);

}

.migrate-about > p {

  letter-spacing: 0.3em;

}

.view-link {

  text-decoration: none;

  color: #cd3d3d;

  display: flex;

  align-items: center;

}

.view-link:hover{

  color: #cd3d3d !important;

}

.products-images {

  margin-top: 35px;

}

.products-images .migrate-thumbnail {

  background-color: #c3bcbc;

  border: none;

  padding-left: 18px;

  padding-right: 18px;

  padding-top: 7px;

  padding-bottom: 7px;

  margin-bottom: 50px;

  display: flex;

  justify-content: center;

}

.migrate-thumbnail-white {

  background-color: #ebe8e8 !important;

}

.product-cap {

  position: absolute;

  bottom: -8px;

  background-color: rgb(0, 0, 0, 0.6);

  color: #fff;

  padding-top: 15px;

  padding-bottom: 15px;

  display: block;

  z-index: 9999;

  width: 90%;

  font-size: 22px;

  text-align: center;

}



/* .abt-img-flex > div > img {

  border-radius: 20px;

} */



.abt-img-flex {

  display: flex;

  justify-content: center;

  position: relative;

}

.red-block {

  position: absolute;

  background-color: #cd3d3d;

  width: 65%;

  z-index: 9999;

  padding: 20px;

  border-radius: 0px 40px;

  left: 0%;

  bottom: -5%;

}

.red-block-sm {

  position: relative;

  background-color: #cd3d3d;

  border-radius: 0px 40px;

  padding: 15px 10px;

  margin-top: 25px;

}

.red-block > p {

  font-size: 20px;

  font-weight: 800;

}

.red-block-sm > p {

  font-size: 18px;

  font-weight: 800;

}

.mt-25 {

  margin-top: -25px;

}

.biography-section {

  background-image: url(../img/about/bg1.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  padding: 100px 0px;

}

.white-section {

  background-image: url(../img/home/bgimg3.jpg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  padding: 100px 0px;

}

.bio-img {

  position: relative;

  z-index: 1;

}

.bio-img > img {

  border-radius: 15px;

}

.red-border {

  content: " ";

  position: absolute;

  width: 325px;

  height: 315px;

  transform: rotate(70deg);

  z-index: -1;

  border: 2px solid #cd3d3d;

  /* background-color: #cd3d3d; */

  border-radius: 20px;

}

.bio-name {

  font-weight: 700;

  margin-bottom: 0px;

  color: #cd3d3d;

  margin-left: 15px;

}



/* Custom Timeline Styles */

.aboutinfo-icon-size{
  width: 40px;
  height: 40px;
}

.timeline {

  position: relative;

  padding: 0;

  list-style: none;

}



.timeline:before {

  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  width: 2px;
  border: 2px dashed #d1c3c3;
  /* background: #ddd; */

  left: 50%;

  margin-left: -1px;

}



.timeline-item {

  position: relative;

  margin-bottom: 35px;

}



.timeline-item:after {

  content: "";

  display: table;

  clear: both;

}



.timeline-badge {
/* 
  width: 20px;

  height: 20px; */

  position: absolute;

  /* background: #cd3d3d; */

  border-radius: 50%;

  left: 48%;

  margin-left: -10px;

  top: -2px;

  z-index: 1;

}



.timeline-panel {

  width: 45%;

  float: left;

  padding: 20px;

  position: relative;

  border-radius: 5px;

  background: #fff;

  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);

}



.timeline-panel:before {

  content: " ";

  display: inline-block;

  position: absolute;

  top: 26px;

  right: -15px;

  border-top: 15px solid transparent;

  border-right: 0 solid #fff;

  border-bottom: 15px solid transparent;

  border-left: 15px solid #fff;

}



.timeline-item:nth-child(even) .timeline-panel {

  float: right;

}



.timeline-item:nth-child(even) .timeline-panel:before {

  border-right-width: 15px;

  border-left-width: 0;

  right: auto;

  left: -15px;

}



.timeline-heading h4 {

  font-size: 22px;

  font-weight: 600;

  color: #cd3d3d !important;

}



.timeline-heading h4.subheading {

  text-transform: uppercase;

  font-size: 0.9rem;

  color: #6c757d;

}



.timeline-body p {

  margin-bottom: 0;

}



/* Responsive adjustments */

@media (max-width: 767px) {

  .timeline:before {

    left: 40px;

  }


/* 
  .timeline-badge {

    left: 40px;

  } */



  .timeline-panel {

    width: calc(100% - 90px);

    float: right;

  }



  .timeline-panel:before {

    border-right-width: 15px;

    border-left-width: 0;

    right: auto;

    left: -15px;

  }

  .quick-link-flex {

    display: none !important;

  }

   .products-images {

    margin-top: 30px !important;

  }

}



.list-service-section {

  background-image: url(../img/home/bgimg3.jpg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  padding: 100px 0px;

}

.service-content > h4 {

  color: #333;

  font-weight: 800;

  line-height: 34pt;

  text-transform: uppercase;

}

.svc-provide {

  font-size: 22px;

  font-weight: 600;

  color: #cd3d3d !important;

}

.lst-svc {

  list-style-type: none;

  padding-left: 0px;

}

.check-icon {

  margin-right: 12px;

}

.list-svc-flex {

  display: flex;

  justify-content: center;

}

.list-svc-flex > img {

  border-radius: 20px;

}

/* .contact-detail {

  background-color: #cd3d3d;

  padding: 30px 30px;

  border-radius: 20px;

} */

.contact-detail > h3 {

  /* color: #fff; */

  font-size: 25px;

  font-weight: 700;

  margin-bottom: 25px;

}

.contact-detail-inner {

  /* background-color: rgba(255, 255, 255, 0.4); */

  background-color: transparent;

  border: 1px solid #cd3d3d;

  padding: 20px;

  margin-bottom: 25px;

  border-radius: 20px;

}

.contact-detail-inner > h4 {

  font-size: 22px;

  /* color: #fff; */

  color: #cd3d3d;

  font-weight: 700;

  margin-bottom: 20px;

}



@media(max-width: 1399px) and (min-width: 1225px){

    .why-choose-flex .why-choose-content {

        margin-right: 20px;

        top: 10%;

    }

}



@media(max-width: 1224px) and (min-width: 1200px){

  .migrate-section{

    padding-top: 80px;

    padding-bottom: 170px;

  }

}