.main-heading{
    font-size:26px;
    font-weight:700;
    color:#365E96;
}

h1{
    font-size:26px;
    font-weight:700;
    color:#365E96;
}
h2{
    font-size:18px;
    font-weight:700;
    color:#365E96;
}
h3{
    font-weight: 700;
}
p{
    font-size:15px;
}
.main-heading-2{
    font-size:22px;
    font-weight:600;
    color:#365E96;
}

/* .nav-next-section{
    margin-top: -96px;
    z-index: 1;
} */

.bg_white{
    background:#FFF;
}
.w-25{
    width:25%;
    float:left;
}

.w_100{
    width:100%;
    padding:10px 10px;
    display:inline-block;
}

.w_50{
    width:50%;
    float:left;
    padding:10px 10px;
    display:inline-block;
}

.content-need-to-be-given{
    text-align:center;
    font-weight:700;
    font-size:32px;
}

.principal-s-image{
    width:350px;
    height:auto;
}

.transfer-certificate-div{
    width:100%;
    background:#FFF;
    display:inline-block;
    border-radius:5px;
}

.w_33{
    width:33%;
    float:left;
    padding:10px 10px;
}

.w_34{
    width:34%;
    float:left;
    padding:10px 10px;
}

/* Admission Css */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

        /* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.input-field-1{
    width:100%;
    padding:5px 10px;
    cursor:pointer;
    border-top:0px solid red;
    border-left:0px solid red;
    border-right:0px solid red;
    border-bottom:2px solid brown;
    outline:none;
    height:40px;
}   

.w_50{
    width:50%;
    float:left;
    padding:10px 10px;
}

.w_33{
    width:33%;
    float:left;
    padding:10px 10px;
}

.w_34{
    width:34%;
    float:left;
    padding:10px 10px;
}
        
.w_100{
    width:100%;
    float:left;
    padding:10px 10px;
}

select{    
    background:#FFF;                
}

.form-outer{
    display:inline-block;
    width:100%;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    background:#FFF;
    padding:20px 20px;
    margin-top: 45px !important;
    margin-bottom: 15px !important;
    /* background-color: #21ADC9; */
    /* background-color: #21ADC9; */
}
.form-outer:hover{
    box-shadow: 0px 43px 35px 0px rgba(12, 12, 12, 0.10) !important;
}
.h_1{
    color:#E84334;
}

.chairman-profile-picture{
    width:250px;
    height:auto;
}
.director-profile-picture{
    width:150px;
    height:auto;
}

.w_70{
    width:70%;
    padding:10px 10px;
    float:left;
}

.w_30{
    width:30%;
    padding:10px 10px;
    float:left;
}
.w_70 p{
    margin:0px;
}
.home-management-imgs{
    width:100%;
    height:auto;
}

.w_30 p{
    margin:0px;
}

.plain-section{
    background-color: #FFF;
    min-height: 500px;
    min-height: auto;
}
.alt-section{
    /*background:#EBEEF6;*/
    background:#F4EDE4;
    min-height: 500px;
    min-height: auto;
}

.read-more-btn{
    font-size: 14px;
    
}
@media screen and (max-width: 767px){
    .w_50{
        width:100%;
        float:left;
        padding:10px 10px;
        display:inline-block;
    }

    .w_33{
        width:100%;
        float:left;
        padding:10px 10px;
    }
    
    .w_34{
        width:100%;
        float:left;
        padding:10px 10px;
    }
    .chairman-profile-picture{
        width:100%;
        height:auto;
    }
    
    .director-profile-picture{
        width:100%;
        height:auto;
    }
    .principal-s-image{
        width:100%;
        height:auto;
    }
    
    .w_70{
        width:100%;
        padding:10px 10px;
        float:left;
    }

    .w_30{
        width:100%;
        padding:10px 10px;
        float:left;
    }

    .w_25{
        width: 100% !important;
    }

    .plain-section{
        background-color: #FFF;
        min-height: auto;
    }
    .alt-section{
        background:#EBEEF6;
        min-height: auto;
    }
    .home-management-imgs{
        width: auto;
        max-width:100%;
        height:auto;
        display: block;
        margin: auto;
    }
 }

 .footer-info{
    font-size: 14px;
 }
 
 
/* Animated Button CSS */

.wrapper {
  display: flex;
  justify-content: center;
}

.cta {
    display: flex;
    padding: 10px 10px;
    text-decoration: none;
    /*font-family: 'Poppins', sans-serif;*/
    font-size: 16px;
    color: white;
    /*background: #6225E6;*/
    /* background:#673400; */
    background-color: #0083CD;
    transition: 1s;
    /* box-shadow: 6px 6px 0 black; */
    box-shadow: 6px 6px 0 #8673c7;
    /* background:#8673c7; */
    transform: skewX(-15deg);
  /*  animation: corner 5s;*/
  /*  animation-iteration-count: infinite;*/
	 /*animation-timing-function: linear;*/
	 /*border-radius: 50%;*/
}

.cta:focus {
   outline: none; 
}

.cta:hover {
    transition: 0.5s;
    box-shadow: 10px 10px 0 #FBC638;
    color:#fff;
}

.cta span:nth-child(2) {
    transition: 0.5s;
    margin-right: 0px;
}

.cta:hover  span:nth-child(2) {
    transition: 0.5s;
    margin-right: 10px;
}

  .cta span {
    transform: skewX(15deg) 
  }

  .cta span:nth-child(2) {
    width: 20px;
    margin-left: 10px;
    position: relative;
    /*top: 12%;*/
  }
  
/**************SVG****************/

path.one {
    transition: 0.4s;
    transform: translateX(-60%);
}

path.two {
    transition: 0.5s;
    transform: translateX(-30%);
}

.cta:hover path.three {
    animation: color_anim 1s infinite 0.2s;
}

.cta:hover path.one {
    transform: translateX(0%);
    animation: color_anim 1s infinite 0.6s;
}

.cta:hover path.two {
    transform: translateX(0%);
    animation: color_anim 1s infinite 0.4s;
}

/* SVG animations */

@keyframes color_anim {
    0% {
        fill: white;
    }
    50% {
        fill: #FBC638;
    }
    100% {
        fill: white;
    }
}

 @keyframes corner {
	 0% {
		 border-top-left-radius: 1% 50%;
	}
	 12.5% {
		 border-top-left-radius: 50%;
		 border-top-right-radius: 50%;
	}
	 25% {
		 border-top-right-radius: 1% 50%;
	}
	 25.001% {
		 border-top-right-radius: 50% 1%;
	}
	 37.5% {
		 border-top-right-radius: 50%;
		 border-bottom-right-radius: 50%;
	}
	 50% {
		 border-bottom-right-radius: 50% 1%;
	}
	 50.001% {
		 border-bottom-right-radius: 1% 50%;
	}
	 62.5% {
		 border-bottom-right-radius: 50%;
		 border-bottom-left-radius: 50%;
	}
	 75% {
		 border-bottom-left-radius: 1% 50%;
	}
	 75.001% {
		 border-bottom-left-radius: 50% 1%;
	}
	 87.5% {
		 border-bottom-left-radius: 50%;
		 border-top-left-radius: 50%;
	}
	 100% {
		 border-top-left-radius: 50% 1%;
	}
}

    .blink-div h4{
        font-size:28px;
        color:#0010FF;
        
        animation: blinker 1.5s infinite;
    }
    @keyframes blinker {
        60% {
        opacity: 0.3;
        }
    }   

    .arrow{
      display: flex;
      padding: 20px;
      justify-content: center;
    }

    @media screen and (max-width: 767px){
      .arrow{
        display: flex;
        flex-direction: column;
      }
      
        .w-25{
            float: left;
            width:100% !important;
        }

    }