@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
.header-dark {background: #1e4c3e;/* background-image: linear-gradient(to bottom right, #1d4f3f, #286350); */position: fixed;z-index: 999;width: 100%;top: 0;border-bottom: 2px solid #336959;}
html {
    scroll-behavior: smooth;
  }
  * {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
    outline: none !important;
  }
  input::-webkit-input-placeholder{color:#639083;opacity:1}
  input::-moz-placeholder{color:#639083;opacity:1}
  input:-ms-input-placeholder{color:#639083;opacity:1}
  input::-ms-input-placeholder{color:#639083;opacity:1}
  input::placeholder{color:#639083;opacity:1}
@media (min-width: 992px) {
.header-dark {/* padding-bottom: 120px; *//* height: 100vh; */}
}

.header-dark .navbar {background: transparent;color: #fff;border-radius: 0;box-shadow: none;border: none;padding: 0px!important;}

@media (min-width:768px) {
.header-dark .navbar {
padding-top: .75rem;
padding-bottom: .75rem;
}
}

.header-dark .navbar .navbar-brand {font-weight: 700;color: inherit;font-size: 19px;color: #e5d42f!important;font-family: 'Montserrat', sans-serif;}

.header-dark .navbar .navbar-brand:hover {
color: #f0f0f0;
}

.header-dark .navbar .navbar-collapse span {
margin-top: 5px;
}

.header-dark .navbar .navbar-collapse span .login {
color: #d9d9d9;
margin-right: .5rem;
text-decoration: none;
}

.header-dark .navbar .navbar-collapse span .login:hover {
color: #fff;
}

.header-dark .navbar .navbar-toggler {
}

.header-dark .navbar .navbar-toggler:hover, .header-dark .navbar-toggler:focus {
/* background: none; */
opacity: 0.7;
transition: 0.2s;
}

.header-dark .navbar .navbar-toggler {color: #eee;/* background: #fff; */border: 0;}

.header-dark .navbar .navbar-collapse, .header-dark .navbar .form-inline {
border-color: #636363;
justify-content: space-between;
}

@media (min-width: 992px) {
.header-dark .navbar.navbar .navbar-nav .nav-link {padding-left: 8px;padding-right: 8px;}
}

.header-dark .navbar.navbar-dark .navbar-nav .nav-link {color: #a3b1ad;font-size: 13px;font-weight: 500;text-transform: uppercase;font-family: 'Montserrat', sans-serif;}

.header-dark .navbar.navbar-dark .navbar-nav .nav-link:focus, .header-dark .navbar.navbar-dark .navbar-nav .nav-link:hover {
color: #fcfeff !important;
background-color: transparent;
}

.header-dark .navbar .navbar-nav > li > .dropdown-menu {
margin-top: -5px;
box-shadow: 0 4px 8px rgba(0,0,0,.1);
background-color: #fff;
border-radius: 2px;
}

.header-dark .navbar .dropdown-menu .dropdown-item:focus, .header-dark .navbar .dropdown-menu .dropdown-item {
line-height: 2;
font-size: 14px;
color: #37434d;
}

.header-dark .navbar .dropdown-menu .dropdown-item:focus, .header-dark .navbar .dropdown-menu .drodown-item:hover {
background: #ebeff1;
}

.header-dark .navbar .action-button, .header-dark .navbar .action-button:active {
background: #208f8f;
border-radius: 20px;
font-size: inherit;
color: #fff;
box-shadow: none;
border: none;
text-shadow: none;
padding: .5rem .8rem;
transition: background-color 0.25s;
}

.header-dark .navbar .action-button:hover {
background: #269d9d;
}

.header-dark .navbar .form-inline label {
color: #ccc;
}

.header-dark .navbar .form-inline .search-field {
display: inline-block;
width: 80%;
background: none;
border: none;
border-bottom: 1px solid transparent;
border-radius: 0;
color: #ccc;
box-shadow: none;
color: inherit;
transition: border-bottom-color 0.3s;
}

.header-dark .navbar .form-inline .search-field:focus {
border-bottom: 1px solid #ccc;
}

.header-dark .hero {margin-top: 108px;position: relative;z-index: 999;}
.navbar{display: block!important;z-index: 999;}
.navbar .nav-item .active{
font-weight: 600!important;
color: #fff!important;
}
.navbar .container-xl:nth-child(2){padding: 15px;/* border-bottom: 2px solid #477769; */}
.headbanner{

background-color: #1a4538;

/* padding: 5px; */

/* height: 40px; */

display: flex;

align-items: center;
}
.scrolled .navbar .headbanner{
    display: none;
}
.headbanner .info1{

margin: 10px 0px;
}
.fweight500{
font-weight: 700!important;
}
.headbanner .info1 i{

}
.headbanner .info1 span{

margin: 0px 10px;

font-size: 14px;
}
.headbanner .info1 span:nth-child(1){

margin-left: 0px;
}
.headbanner .info1 span:last-child{

margin-right: 0px;
}
.headbanner .info1 span a{

color: #fff;

font-weight: 500;
}
.searchbox {

border: 1px solid #fff;

padding: 5px 10px;

border-radius: 50px;

/* height: 35px; */
}
.searchbox i{

font-size: 18px;

}
.searchbox input{

background-color: transparent;

border: 0;

font-size: 13px;

color: #fff;

font-weight: 500;

\: -8px;
}
.navbar .searchb{
display: flex;
align-items: center;
/* margin: 0 auto; */
}
.navbar  .searchb .icons{

margin-left: 10px;
}
.navbar  .searchb .icons i{

margin: 0px 3px;

width: 30px;

height: 30px;

background: white;

border-radius: 50px;

display: inline-flex;

justify-content: center;

align-items: center;

color: #265e4c;

cursor: pointer;
}

.navbar-toggler{

} 
.navbar-toggler div{

}
.navbar-toggler span{

width: 30px;

height: 3px;

background: #ffffff;

margin: 5px 0px;

display: block;

border-radius: 40px;
}
.navbar-toggler span:nth-child(1){

}
.circles-container{

position: absolute;

right: 15%;

bottom: 0px;
}
.circles-container .circle1{

width: 130px;

height: 130px;

border-radius: 130px;

background: #346959;

margin-left: 160px;
}
.circles-container .circle2{

width: 80px;

height: 80px;

border-radius: 130px;

background: #779141;

margin-left: -66px;

margin-top: -40px;
}
.circles-container .circle3{

width: 353px;

height: 353px;

border-radius: 300px;

background: #e5d42f;

margin-left: -12px;

margin-bottom: -35px;
}
.circles-container .studentsimage{

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

width: 509px;

height: 300px;

background-size: contain;

background-repeat: no-repeat;

position: absolute;

z-index: 1;

margin-left: -99px;

bottom: 0;

background-position: bottom;
}
.background-patterns{

overflow: hidden;
}
.background-patterns .lineshape{

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

height: 80vh;

width: 50%;

background-size: contain;

background-repeat: no-repeat;

position: absolute;

bottom: -80px;

background-position: bottom;

opacity: 0.4;

left: 0;
}
.swiper-slide{

}
.swiper-slide .bgimage{
    
}
.swiper-slide .details{

color: #fff;

padding: 15px;

padding-right: 40px;

z-index: 9;
}
.swiper-slide .details h3{

margin-bottom: 20px;

font-weight: 700;

font-size: 38px;

text-transform: uppercase;

font-family: 'Montserrat', sans-serif;

font-size: 39px;
}
.swiper-slide .details p{

margin-bottom: 5px;

font-weight: 600;

font-size: 17px;

font-family: 'Montserrat', sans-serif;

opacity: 0.9;
}
.swiper-slide .details .btn{

font-weight: 600;

background: #fff;

border-radius: 3px;

margin-top: 20px;

color: #235646;

font-size: 14px;

margin-right: 10px;

padding: 12px 15px;

text-transform: uppercase;

transition: 0.2s;

font-family: 'Montserrat', sans-serif;

box-shadow: 0px 0px 20px 0px #00000038;
}
.headings{

text-align: center;

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

margin-bottom: 20px;

padding-bottom: 10px;
}
.headings h1{

font-size: 25px;

font-family: 'Montserrat', sans-serif;

font-weight: 700;
}
.headings h3{
    
font-size: 14px;
    
color: #575757;
    
font-family: 'Montserrat', sans-serif;
}
section{
    margin: 0px 80px;
    position: relative;
    padding: 30px 0px;
    padding-bottom: 10px!important;
}
.bgvectors{
    
position: absolute;
    
width: 240px;
    
height: 175px;
    
background-size: contain;
    
background-repeat: no-repeat;
    
bottom: 0;
    
opacity: 0.06;
}
.info-content2{

padding: 20px 30px;

position: relative;
}
.info-content2 h5{

font-weight: 600;

font-size: 17px;

font-family: 'Montserrat', sans-serif;
}
.info-content2 p{

font-size: 13px;

font-weight: 500;

color: #575757;

font-family: 'Montserrat', sans-serif;
}
.info-content2 .tagbar{
    
height: 26px;
    
width: 10px;
    
background: #346959;
    
display: block;
    
border-radius: 50px;
    
position: absolute;
    
margin-left: -22px;
}
.aboutus, .regsection{background: #efefef;padding: 30px 0px;}
.aboutus h1{text-align: left;margin-bottom: 25px;font-weight: 700;}
.aboutus p{
    
text-align: left;
    
font-size: 13px;
    
font-weight: 500;
    
color: #575757;
    
font-family: 'Montserrat', sans-serif;
}
.aboutus .colleft{

border-right: 2px solid #a7a7a7;
}
.aboutus .headings{
    border-bottom: 0;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.info4{

display: flex;

align-items: center;
}
.info4 .usericon{

width: 546px;

height: 110px;

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

background-size: contain;

background-repeat: no-repeat;

background-position: center;

margin-right: 10px;

opacity: 0.4;

margin-top: -10px;
}
.info4 p{
    
margin-left: 15px;
}
.info5{

padding-left: 100px;
}
.info5 .icons{width: 60px;height: 64px;background-size: contain;background-repeat: no-repeat;margin-left: -80px;background-position: center;position: absolute;color: #4c4c4c;font-size: 14px;}
.info5{

position: relative;

margin-bottom: 20px;
}
.info5 .chainline{

position: absolute;

margin-top: -4px;
}
.info5 .chainline .line{
    
/* margin: 18px 14px; */
    
height: 97px;
    
width: 2px;
    
background: #8f8f8f;
    
display: block;
    
position: absolute;
    
margin-left: 5px;
    
margin-top: 11px;
}
.info5 .chainline .dots{
    
display: block;
    
width: 13px;
    
height: 13px;
    
background: #8f8f8f;
    
border-radius: 50px;
    
margin: 9px 0px;
}
.info5 h6{

font-weight: 600;
}

.info5 p{
}

.info5:last-child p{
    
margin-left: 25px;
    
line-height: 22px;
}
.header-dark .hero h1 {
color: #fff;
font-family: 'Bitter', serif;
font-size: 40px;
margin-top: 20px;
margin-bottom: 80px;
}
.inputbox{

width: 100%;

display: flex;

align-items: center;

border-bottom: 2px solid #8bbaad;

padding: 10px;

padding-top: 5px;

margin-bottom: 20px;

cursor: pointer;

transition: 0.2s;
}
.inputbox:hover, .inputbox:active{
    border-bottom: 2px solid #2c886f;
}
.inputbox i{

color: #2c886f;

margin-right: 10px;
}
.inputbox .input{
    
border: 0;
    
background: transparent;
    
width: 100%;
    
font-size: 14px;
}
.form1{

z-index: 1;

position: relative;
}
.form1 .btn{width: 100%;padding: 15px;font-size: 14px;}
.form1 label{

font-weight: 600;

margin-bottom: 0;

font-size: 13px;

font-family: 'Montserrat', sans-serif;

color: #000;
}
footer{

padding: 30px 0px;

background: #215142;

background-image: linear-gradient(to bottom right, #1a4538, #286350);

/* background-color: #1a4538; */
}
footer .links{

}
footer .links i{

width: 24px;

height: 24px;

display: inline-flex;

background: white;

align-items: center;

justify-content: center;

border-radius: 50px;

color: #235747;

margin-bottom: 9px;
}
footer p{

margin-bottom: 0px;

font-size: 13px;
}
 footer .links a{

display: block;

color: #fff;

/* font-weight: 500; */

font-size: 13px;

font-family: 'Montserrat', sans-serif;

margin-bottom: 5px;
}
.cdetails{

color: #fff;
}
.cdetails h5{

font-weight: 600;

font-size: 14px;

font-family: 'Montserrat', sans-serif;
}
.cdetails .clogo{

width: 65px;

height: 65px;

display: flex;

background: #779141;

color: #fff;

align-items: center;

justify-content: center;

border-radius: 90px;

font-weight: 600;

font-size: 13px;

margin: 10px 0px;
}
.cdetails span{
    
font-size: 13px;
}
.cdetails .crights{
    font-size: 12px!important;
}
.scrolldown-container{

position: absolute;

bottom: 60px;

width: 100%;

text-align: center;

z-index: 9;
}
.scrolldown-container .scrollbtn{color: #fff;font-size: 35px;/* animation: scrollanim 0.8s infinite; */-webkit-animation: scrollanim 0.8s infinite;border-radius: 50px;display: flex;width: 50px;height: 50px;position: relative;justify-content: center;align-items: center;margin: 20px auto;background: white;color: #255c4b;}
@keyframes scrollanim {
    0% {
        /* transform: scale(1); */
        /* margin-bottom: 0px; */
        top: 0px;
    }
    50% {
        /* margin-bottom: 5px; */
        /* transform: scale(1.2); */
        top: 10px;
    }
    100% {
        /* margin-bottom: 0px; */
        /* transform: scale(1); */
        top: 0px;
    }
    }
.btn:hover{
opacity: 0.9;
}
.textbtn{

display: flex;

border: 1px solid #fff;

margin: 10px 0;

border-radius: 5px;

overflow: hidden;
}
.textbtn input{

border: 0;

background: transparent;

border: 0px solid #fff;

border-radius: 0;

width: 100%;

color: #fff;

font-size: 12px;

padding: 8px 10px;
}
.textbtn button{

border: 0;

font-weight: 500;

padding: 10px 15px;

font-size: 13px;
}
.userdetails{

text-align: center;

padding: 0px 80px;

font-family: 'Montserrat', sans-serif;
}
.userdetails .user-image{

display: block;

width: 160px;

height: 160px;

background-size: contain;

border-radius: 140px;

background-repeat: no-repeat;

margin: 10px auto;
}
.userdetails .details{

/* font-family: 'Montserrat', sans-serif; */
}
.userdetails hr{

border-top: 2px solid #cccccc;
}
.more_testimonial{

display: flex;

justify-content: space-around;
}
.more_testimonial .testimonial{

margin: 5px 10px;

cursor: pointer;

transition: 0.2s;

min-width: 100px;
}
.more_testimonial .testimonial:hover{
    opacity: 0.8;
}
.more_testimonial .testimonial .testimonial_picture{
    
width: 90px;
    
transition: 0.2s;
    
height: 90px;
    
display: block;
    
margin: 0 auto;
    
background-size: cover;
    
background-repeat: no-repeat;
    
border-radius: 50px;
}
 .more_testimonial .testimonial span{
    
font-size: 14px;
    
font-weight: 500;
    
color: #797979;
    
display: block;
    
margin-top: 10px;
}
.more_testimonial .active{

}
.more_testimonial .active .testimonial_picture{

border: 2px solid #2c886f;
}
.more_testimonial .active span{

color: #2c886f;

font-weight: 600;
}
.slideacross{

display: none;

justify-content: space-between;

font-size: 12px;

font-weight: 400;

margin-bottom: 11px;

font-family: sans-serif;

color: #808080;
}
.slideacross span{
    
}
.userdetails h3{

font-size: 17px;

margin-bottom: 2px;

font-weight: 600;
}
 .userdetails h5{

font-size: 14px;

color: #2c886f;

margin-top: 0;

font-weight: 600;
}
   .userdetails p{font-style: italic;font-size: 14px;font-weight: 500;color: #575757;font-family: 'Montserrat', sans-serif;padding: 0px 100px;}
.nav-buttons{

display: flex;

justify-content: space-between;

position: absolute;

width: 100%;
}
.nav-buttons i{

width: 40px;

height: 40px;

font-size: 24px;

color: #fff;

cursor: pointer;

background: #2c886f;

display: flex;

justify-content: center;

align-items: center;

border-radius: 50px;

transition: 0.2s;
}
#testimonials_output{position: relative;display: flex;align-items: center;}
.nav-buttons i:active, .nav-buttons hover{

transform: scale(1.2);
}
.nav-buttons .rightbtn{

}
.mobile-navigation{
    display: none;
    position: fixed;
    right: 0;
    width: 240px;
    height: 100vh;
    background: #ffffff;
    z-index: 9999;
    top: 0;
    /* border-left: 1px solid #272727; */
    box-shadow: 0px 0px 3px 4px #00000038;
    transition: 0.5s;
    transform: translateX(105%);
  }
  .mobile-navigation .nhead{
  
display: block;
  
border-bottom: 1px solid #cecece;
  
height: 57px;
  
/* background: #272727; */
  }
  
  .mobile-navigation .nhead div{display: flex;/* justify-content: flex-end; */}
  .mobile-navigation .nhead div a{
  
width: 45px;
  
height: 45px;
  
background: #255b4a;
  
display: flex;
  
color: #fff;
  
border-radius: 50px;
  
justify-content: center;
  
align-items: center;
  
text-decoration: none;
  
transition: 0.1s;
  
margin: 5px;
  }
  .mobile-navigation .nhead div a:active{
    opacity: 0.7;
  }
  .mobile-navigation .nbody{
  
  margin-top: 30px;
  }
  .mobile-navigation .nbody .menus .active{
  
color: #245948!important;
  
border-left: 3px solid #245948;
  
font-weight: 600;
  
font-family: 'Montserrat', sans-serif;
  
background: #e6e6e6;
  }
  .mobile-navigation .nbody .menus a{
  
display: block;
  
color: #000;
  
text-decoration: none;
  
transition: 0.2s;
  
padding: 12px;
  
font-size: 14px;
  
color: rgb(138 138 138)!important;
  }
  .mobile-navigation .nfoot{
  
position: absolute;
  
width: 100%;
  
padding: 0px 15px;
  
bottom: 0px;
  
border-top: 1px solid #c3c3c3;
  
height: 55px;
  
display: flex;
  
align-items: center;
  }
  .mobile-navigation .nfoot div{
  
display: flex;
  
justify-content: space-between;
  
align-items: center;
  }
  .mobile-navigation .nfoot .details{
  
  width: 100%;
  }
  .mobile-navigation .nfoot .details .social-icons{
  
/* display: none; */
  }
  .mobile-navigation .nfoot .details .social-icons a{
  
width: 35px;
  
height: 35px;
  
border-radius: 50px;
  
background: #2c5e4f;
  
color: #fff;
  
display: flex;
  
justify-content: center;
  
align-items: center;
  }
  .mobile-navigation .details .menus .active{
  
  }
  .mobile-navigation .nfoot .details .menus a{
  
text-decoration: none;
  
color: rgb(138 138 138)!important;
  
font-weight: 500;
  
font-family: 'Montserrat', sans-serif;
  
font-size: 11px;
  }
  .swiper-slide .container{
    height: 100vh;
    display: flex;
    align-items: center;
  }
  .modal-header .close span{
      
font-size: 21px;
  }
  #signin_modal .form1{
    padding: 30px;
  }
        
  .pagecnt{
    position: absolute;
    top: 0px;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    left: 0;
    right: 0;
}
.aboutus .leftimage {
    background-image: url(../img/leon.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 250px;
    width: 250px;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}
.founderimg .captionn {
    position: absolute;
    bottom: 0;
    background: #255c4b;
    width: 100%;
    font-size: 14px;
    color: #fff;
    padding: 5px 13px;
}
@media (min-width:768px) {
.header-dark .hero h1 {
margin-bottom: 50px;
line-height: 1.5;
}
}
@media (max-width:768px) {
    .aboutus .leftimage {min-height: 290px;width: 100%;margin-bottom: 10px;max-width: 500px;margin: 0 auto;margin-bottom: 10px;}
    .founderimg .captionn {
        font-size: 12px;
        color: #fff;
        padding: 5px 13px;
    }
    .nav-buttons i {
        width: 35px;
        height: 35px;
        font-size: 21px;
    }
    .info5 .icons {
        width: 80px;
        height: 50px;
        margin-left: -80px;
    }
    .aboutus p {
        font-size: 12px;
    }
    .info5 {
        padding-left: 80px;
    }
    .userdetails p {
        font-size: 12px;
        padding: 0 20px;
    }
    .more_testimonial {
        display: flex;
        justify-content: end;
        overflow-x: scroll;
    }
    .cdetails{

/* text-align: center; */

margin-bottom: 30px;

border-bottom: 1px solid #486c61;

padding-bottom: 10px;

min-height: 190px;
}
.cpany .cdetails:nth-child(1){
    text-align: center;
    min-height: 140px;
}
        .cdetails .clogo {
            
margin: 0 auto;
        }
    .headbanner .info1 {
        margin: 5px 0px;
    }
    .info-content2 {
        padding: 10px 30px;
    }
    .aboutus .colleft {
        border-right: 0px;
    }

}
.loaders{

display: flex;

align-items: center;

justify-content: center;

width: 100%;

height: 200px;

font-size: 25px;
}
.loaders i{

}
.navbar .container-fluid{
    padding: 20px;
}
@media (min-width: 1439px){
    .navbar .container-fluid{
    padding: 25px;
}
    .swiper-slide .container,.pagecnt {
        max-width: 1500px;
    }

    footer .links i {
        width: 33px;
        font-size: 15px;
        height: 33px;
    }
    footer .links a,.cdetails span,footer p {
        font-size: 14px;
    }

    .cdetails h5 {
        font-size: 16px;
    }
    .form1 label {
        font-size: 15px;
    }
    .inputbox .input {
        font-size: 15px;
    }
    .cdetails .clogo {
        width: 90px;
        height: 90px;
    }
    .nav-buttons i {
        width: 55px;
        height: 55px;
        font-size: 33px;
    }
    .aboutus p {
        font-size: 15px;
    }
    .form1 .btn {
        width: 100%;
        padding: 18px;
        font-size: 16px;
    }
    .modal-title {
        font-size: 18px;

    }
    .inputbox i {
        font-size: 20px;
    }
    .modal-header .close {
        width: 56px;
        height: 56px;
    }
.swiper-slide .details h3 {
    font-size: 3.4rem;
}
.info-content2 p {
    font-size: 15px;
}
.swiper-slide .details p {
    font-size: 20px;
}
.swiper-slide .details .btn {
    font-size: 16px;
    padding: 15px 30px;
}
.swiper-pagination-bullet {
    width: 19px;
    height: 19px;
}
.swiper-pagination-bullet {
    width: 19px;
    height: 19px;
}
.circles-container .circle3 {
    width: 453px;
    height: 453px;
    border-radius: 400px;

}
.circles-container .circle2 {
    width: 100px;
    height: 100px;
}
.circles-container .studentsimage {
    width: 570px;
    height: 420px;
}
.userdetails h3 {
    font-size: 19px;
}
.userdetails h5 {
    font-size: 16px;
}
.header-dark .navbar.navbar-dark .navbar-nav .nav-link {
    font-size: 15px;
}
.navbar .searchb .icons i {
    width: 40px;
    height: 40px;
    font-size: 18px;
}
.headings h1 {
    font-size: 28px;
}
.headings h3 {
    font-size: 16px;
}
.info-content2 h5 {
    font-weight: 600;
    font-size: 19px;
}
.userdetails p {
    font-size: 15px;
    padding: 0px 180px;
}
}
@media (max-width:992px) {
    .navbar .container-fluid{
    padding: 12px;
}
    .mobile-navigation {
        display: block;
    }
    .userdetails {
        padding: 0px 0px;
    }
    
    .info-content2 h5 {
        font-size: 18px;
    }
    .info4 {
        /* display: block; */
    }
    .info4 .usericon {
        width: 200px;
        margin: 20px auto;
        min-width: 100px;
    }
    section {
        margin: 10px 0px;
        padding: 30px 0px;
    }
.circles-container {
/* width: 500px; */
/* height: 372px; */
right: 10px;
}
.circles-container .circle1{

width: 100px;

height: 100px;

border-radius: 130px;

margin-left: 160px;

}
.circles-container .circle2{

width: 80px;

height: 80px;

border-radius: 130px;

margin-left: -41px;

margin-top: -40px;
}
.circles-container .circle3{

width: 270px;

height: 270px;

border-radius: 300px;

margin-left: -25px;

/* margin-bottom: 14px; */
}
.circles-container .studentsimage{

width: 306px;

height: 306px;

background-size: contain;

background-repeat: no-repeat;

position: absolute;

z-index: 1;

margin-left: -51px;
}
}

@media (max-width:500px) {
    .background-patterns .lineshape {
    width: 80%;
    }
    #signin_modal .form1 {
        padding: 10px 10px 40px 10px;;
    }
    .modal-title {
        font-size: 15px;
    }
    .modal-header .close {
        width: 45px;
        height: 45px;
    }
    .modal-header .close span {
        font-size: 18px;
    }
    .loaders{
        font-size: 18px;
        }
        .userdetails h3 {
            font-size: 14px;
        }
        .userdetails h5 {
            font-size: 12px;
        }
    .slideacross {
        display: flex;
    }
    .more_testimonial .testimonial span {
        font-size: 11px;
    }
    .more_testimonial .testimonial .testimonial_picture {
        width: 80px;
        height: 80px;
    }
    .form1 .btn {
        padding: 12px;
        font-size: 14px;
    }
    .scrolldown-container .scrollbtn {
        font-size: 30px;
        width: 45px;
        height: 45px;
        /* background: #00000094; */
        /* box-shadow: 0px 0px 9px 0px #00000094; */
    }
    .navbar .container-xl:nth-child(2) {
        padding: 10px;
    }
    .aboutus, .regsection {
        padding: 10px 0px;
    }
    .headbanner .info1 {
        margin: 3px 0px;
    }
    .swiper-pagination-bullet {
        width: 13px!important;
        height: 13px!important;
    }
    .swiper-slide .details .btn {
        font-size: 13px!important;
        padding: 15px 21px!important;
    }
    .swiper-slide .details p {
        font-size: 14px;
        font-weight: 500;
    }
    .form1 label {
        font-size: 12px;
    }
    .inputbox .input {
        font-size: 12px;
    }
    .info-content2 .tagbar {
        height: 20px;
        width: 7px;
    }
    .swiper-slide .details p {
        font-size: 15px;
    }

    .info-content2 h5 {
        font-size: 15px;
    }
    .info4 {
        display: block;
    }
    .headings h1 {
        font-size: 18px;
    }
    .headings h3 {
        font-size: 13px;
    }
.header-dark .hero {
margin-top: 30px;
}
.swiper-slide .details h3 {
    font-size: 35px;
}
.info-content2 p {
    font-size: 12px;
}

footer .links a,  .cdetails a span, footer p {
    font-size: 12px!important;
}
.headbanner .info1 span a {
    font-size: 12px;
}

}
@media (max-width:350px) {
    .header-dark .navbar .navbar-brand {
        font-size: 17px;
    }
    .swiper-slide .details h3 {
    font-size: 30px;
}
    .swiper-slide .details .btn {
        width: 100%;
    }
    footer .links a, .cdetails a span, footer p {
        font-size: 11px!important;
    }

}