@media ( min-width : 1200px) {
    .container {
        width: 1260px;
    }
}
@media screen and (max-width: 550px) 
{
    .top-logo {
        background: #000 !important;
        margin: 0 !important;
        float: none !important;
    }
}
@media screen and (max-width: 550px) 
{
    .counter_box {
        margin-left: 0 !important;
    }
}
@media screen and (max-width: 550px) 
{
    .news_lft {
        margin: 0 15px !important;
    }
}
@media screen and (max-width: 550px) 
{
    .newslft h6, .ft_abt .ft_logo img {
        width: 100% !important;
    }
}
@media screen and (max-width: 720px) 
{
    menu_wrapper  {
        background: #000 !important;
        margin-bottom: 0 !important;
    }
}
@media screen and (max-width: 640px)
#maximenuck91 .maximenumobiletogglericonck 
{
    
    color: #fff !important;
}
@media screen and (max-width: 550px) 
{
    .hd_mt {
        padding-left: 0 !important;
    }
}
@media screen and (max-width: 550px) 
{
    .apply .exam {
        display: inline-block !important;
        padding: 10px 92px !important;
        margin-bottom: 10px !important;
    }
}
@media screen and (max-width: 550px) 
{
    .apply .aply {
        width: 100% !important;
        display: inline !important;
        padding: 10px 91px !important;
        margin-bottom: 10px !important;
    }
}
@media screen and (max-width: 550px) 
{
    .login_wrapper {
        
        display: none !important;
    }
}
@media screen and (max-width: 550px) 
{
    .ft_abt, .ft_menu {
        
        padding: 50px 0 !important;
    }
}
@media screen and (max-width: 550px) 
{
    .about_ryt .abtryt_hd h6 {
        
        width: 100% !important;
        text-align: center;
        margin-left: 7px !important;
    }
}
@media screen and (max-width: 550px) 
{
    .abtryt_shd h1 {
        
        font-size: 30px !important;
        text-align: center;
        line-height: 40px !important;
    }
}
@media screen and (max-width: 550px) 
{
    .abtryt_p p 
    {
        margin-left: 5px !important;
        
    }
}
@media screen and (max-width: 550px) 
{
    .col123
    {
        margin-left: 35px !important;
        
    }
}
@media screen and (max-width: 550px) 
{
    .four
    {
        padding-bottom: 15px !important;
        
    }
}
a:hover
{
    text-decoration: none !important;
    color: #fff;
}
a {
    text-decoration: none !important;
}
.mt100
{
    margin-top: 100px;
}
ul
{
    margin-bottom: 0;
    padding-left: 0;
}
li
{
    list-style: none;
}
h3, h4
{
    margin-top: 0;
}
body
{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 30px;
}
p
{
    margin: 0;
}
a, .Online_videobox:hover .video-image img, .Online_videobox .video-image img
{
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}
div#maximenuck91 ul.maximenuck li.maximenuck.level1 > a span.titreck, .abtryt_shd h1, .abtryt_p p, .option-list li, .counter_box .counter-box .counter
{
    font-family: 'Montserrat', sans-serif;
}
.top_details .time p, .top_details .icons ul li a, .top_details .contact, .top_details .contact a, div#maximenuck91 span.titreck,  div#maximenuck91 ul.maximenuck li.maximenuck.level1.active > a span.titreck, .apply .aply,
.bc_h4, .head-click-tab
{
    color: #fff;
}
/* ====================top_wrapper====================== */
.top_wrapper
{
    background: rgb(49 100 94);
    padding: 10px 0;
}
.top_details .time p
{
    font-family: 'Roboto', sans-serif;
}
.top_details .icons ul li
{
    float: left;
}
.top_details .icons ul li a
{
    padding: 0 10px;
}
.top_details .icons
{
    border-right: 2px solid rgba(255,255,255,0.20);
}
.top_details .contact a:hover
{
    color: rgb(255 228 170);
}
.top_details .contact p
{
    float: right;
}
/* ====================menu_wrapper====================== */
.top-logo
{
    margin: 15px 0;
}
div#maximenuck91 ul.maximenuck, div#maximenuck91.maximenuckh ul.maximenuck
{
    background: none !important;
    float: right!important;
}
div#maximenuck91 span.titreck
{
    font-size: 16px;
}
.menu
{
    margin-top: 45px;
}
.menu_wrapper
{
    position: relative;
    margin-bottom: -131px;
    z-index: 2222;
    border-bottom: 1px solid rgba(255,255,255,0.20) !important;
}
/* ====================about_wrapper====================== */
.about_wrapper
{
    background-color:#fbf7f5;
    padding: 100px 0;
}
.about_wrapper .about_left:before 
{
    position: absolute;
    content: '';
    left: -10px;
    top: -20px;
    right: 20px;
    bottom: 20px;
    background-color: #ffffff;
    border-radius: 285px 285px 0px 0px;
}
.about_wrapper .about_left img 
{
    position: relative;
    width: 100%;
    display: block;
    border-radius: 52% 52% 0px 0px;
}
.about_ryt .abtryt_hd h6
{
    color: #222222;
    background-color: #ffe4aa;
    font-size: 14px;
    padding: 14px;
    display: inline-block;
    font-weight: bold;
}
.hd_mt
{
    padding-left: 30px;
}
.abtryt_shd h1
{
    color:#222222;
    line-height:55px;
    font-weight: bold;
    font-size:40px;
}
.abtryt_p p
{
    color: #777777;
    text-align: justify;
}
.col2 .option-list li .icon
{
	color:#fff;
	background-color:rgb(49,100,94);
}
.col3 .option-list li .icon
{
	color:rgb(34,34,34);
	background-color:#fff;
}
.col123
{
    margin-top: 30px;
}
.option-list
{
	position:relative;
}
.option-list li
{
	position:relative;
	font-weight:700; 
	line-height:1.5em;
	display:inline-block;
	color:rgb(34,34,34);
	font-size:18px;
	padding-left:70px;
	margin-bottom:20px;
}
.option-list li .icon
{
	position:absolute;
	left:0px;
	top:4px;
	width:50px;
	height:50px;
	border-radius:5px;
	line-height:50px;
	text-align:center;
	font-size:20px;
	color:rgb(34,34,34);
	display:inline-block;
	background-color:rgb(255,228,170);
}
.option-list li:hover .icon
{
	-webkit-transform: scale(-1) rotate(180deg);
    -moz-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    -o-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}
.counter_box
{
    background: #fff;
    margin-top: 30px;
    padding: 50px 0 50px 30px;
    position: relative;
    margin-left: -146px;
    width: 100%;
}
.counter_box .counter-box .counter
{
    font-size: 40px;
    color: rgb(49 100 94);
    position: absolute;
    left: 0;
    top: 0;
    font-weight: bold;
}
.counter-box p
{
    position: relative;
    top: 5px;
    left: 43%;
}
/* ====================news_wrapper====================== */
.news_wrapper
{
    padding: 150px 0;
}
.service-block{
	position:relative;
	margin-bottom:30px;
}
.service-block.translate-top {
    transform: translateY(40px);
}
.service-block.translate-top{
	transform:translateY(40px);
}

.service-block .inner-box{
	position:relative;
}

.service-block .inner-box .image{
	position:relative;
	overflow:hidden;
	background-color:rgb(49,100,94);
}

.service-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
    transition: all 0.3s ease-out 0s;
}

.service-block .inner-box:hover .image img{
	opacity:0.60;
	transform:scale(1.05,1.05);
    transition: all 0.3s ease-out 0s;
}

.service-block .inner-box .lower-content{
	position:relative;
	margin-top:-60px;
	margin-left:30px;
	margin-right:30px;
}

.service-block .inner-box .lower-content .lessons{
	position:relative;
	padding:6px 18px;
	font-size:14px;
	color:rgb(34,34,34);
	display:inline-block;
	background-color:rgb(255,228,170);
}

.service-block .inner-box .lower-content .lessons.color-two{
	background-color:rgb(246,234,255);
}

.service-block .inner-box .lower-content .lessons.color-three{
	background-color:rgb(205,240,255);
}

.service-block .inner-box .lower-content .lessons.color-four{
	background-color:rgb(170,255,250);
}

.service-block .inner-box .lower-content .lessons.color-five{
	background-color:rgb(255,220,238);
}

.service-block .inner-box .lower-box{
	position:relative;
	padding:16px 30px;
	display:block;
	background-color:#fff;
	box-shadow:0px 10px 15px rgba(0,0,0,0.08);
}

.service-block .inner-box .lower-box a{
	color:rgb(34,34,34);
    transition: all 0.3s ease-out 0s;
}

.service-block .inner-box .lower-box a:hover{
	color:rgb(49,100,94);
    transition: all 0.3s ease-out 0s;
}
.news_lft
{
    padding-bottom: 30px;
}
.newslft h6
{
    color: #222222;
    background-color: #fbf7f5;
    font-size: 14px;
    padding: 14px;
    width: 10%;
    font-weight: bold;
    text-align: center;
}
.newshd h1
{
    color:#222222;
    line-height:55px;
    font-weight: bold;
    font-size:40px;
}
/* ====================online_wrapper====================== */
.online_wrapper
{
    padding-bottom: 100px;
}
.online_lft .onlinelft h6
{
    color: #222222;
    background-color: #cdf0ff;
    font-size: 14px;
    padding: 14px;
    display: inline-block;
    font-weight: bold;
}
.onlinehd h1
{
    color:#222222;
    line-height:55px;
    font-weight: bold;
    font-size:40px;font-family: 'Poppins';
}
.onlinep p
{
    color: #777777;
    text-align: justify;
}
.apply
{
    margin-top: 30px;
}
.apply a
{
    font-weight: bold;
    line-height: 43px;
    letter-spacing: 1px;
}
.apply .aply
{
    padding: 10px 43px;
    background: #31645e;
}
.apply .exam
{
    background-color:#e1e1e1;
    padding: 10px 140px;
    color: #000;
}
.Online_Vid
{
    position: relative;
    margin-bottom: 30px;
}
.Online_Vid .Online_video
{
    position: relative;
}
.pattern-layer 
{
    position: absolute;
    right: -50px;
    bottom: -50px;
    width: 175px;
    height: 175px;
    background-repeat: no-repeat;
}
.pattern-layer {
    animation-name: rotateme;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotateme;
    -webkit-animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotateme;
    -moz-animation-duration: 15s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotateme;
    -ms-animation-duration: 15s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: rotateme;
    -o-animation-duration: 15s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
@keyframes rotateme {
    
     0% {
        transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        transform: rotate(180deg);
      }
    100% {
        transform: rotate(360deg);
        opacity: 1;
      }
}

.Online_videobox{
	position:relative;
}

.Online_videobox .video-image{
	position:relative;
	margin:0px;
	overflow:hidden;
	background-color:#31645e;
}

.Online_videobox .video-image img{
	position:relative;
	width:100%;
}

.Online_videobox:hover .video-image img{
	opacity:0.70;
	transform:scale(1.05,1.05);
}

.Online_videobox .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
	overflow:hidden;
	line-height: 45px;
	overflow:hidden;
	border-radius:50% 50% 50% 50%;
}
.section-app-icon a {
    margin-right: 15px;
}

.section-app-icon a {
    display: inline-block;
}
.Online_videobox .overlay-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:10;
}

.Online_videobox .overlay-box span{
	position: absolute;
	width:120px;
	height: 120px;
	left:50%;
    top: 50%;
	z-index:10;
	font-weight:700;
	text-align: center;
	display: inline-block;
	margin-top: -60px;
	margin-left:-60px;
	line-height:120px;
	border-radius:50%;
	font-size:14px;
	color: #31645e;
	padding-left:5px;
	background-color:#fff;
	font-family:var(--font-family-gilroy);
}

.Online_videobox .overlay-box span:hover{
	color:#fff;
	background-color:#31645e;
}

.Online_videobox.style-two .overlay-box span{
	font-size:24px;
	color:rgb(0,156,255);
	font-family: 'FontAwesome';
}

.Online_videobox .ripple,
.Online_videobox .ripple:before,
.Online_videobox .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width:120px;
	height: 120px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    -o-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.Online_videobox .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.Online_videobox .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

@-webkit-keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
    100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}

@keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
    100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}
/* ====================facility_wrapper====================== */
.facility_wrapper
{
    position: relative;
    padding: 100px 0px 80px;
    background-color: #000;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/home/pattern.png) !important;
}
.facility_wrapper .about_ryt 
{
    margin-bottom: 40px;
}
.facility_wrapper .hd_h1 h1
{
    color: #eee !important;
}
.process-block{
	position:relative;
	z-index:1;
	margin-bottom:30px;
}

.process-block .inner-box{
	position:relative;
	text-align:center;
	padding:40px 30px;
	background-color:rgb(34,34,34);
	border:1px solid rgba(255,255,255,0.10);
}

.process-block .inner-box:before{
	position:absolute;
	content:'';
	left:10px;
	bottom:0px;
	right:10px;
	height:30px;
	z-index:-1;
	opacity:0.10;
	border:1px solid #fff;
	background-color:rgb(34,34,34);
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.process-block .inner-box:hover::before{
	bottom:-12px;
	opacity:1;
	border-color:rgb(255,228,170);
	-webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	-ms-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	transition-delay: 150ms;
}

.process-block .inner-box:hover{
	border-color:rgb(255,228,170);
}

.process-block .inner-box .icon{
	position:relative;
	line-height:1em;
	font-size:54px;
	color:rgb(145,131,102);
	font-family: 'Font Awesome 5 Free';
	margin-bottom:25px;
    display: block;
}

.process-block .inner-box:hover .icon.fas{
	-webkit-transform: scale(-1) rotate(180deg);
    -moz-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    -o-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}

.process-block .inner-box .step{
	position:relative;
	font-weight:700;
	padding:3px 24px;
	border-radius:50px;
	display:inline-block;
	font-size:14px;
	text-transform:uppercase;
	color:rgb(255,228,170);
	margin-bottom:25px;
	font-family:var(--font-family-gilroy);
	background-color:rgb(49,49,49);
}

.process-block .inner-box h4{
	margin-bottom:10px;
}

.process-block .inner-box h4 a{
	position:relative;
	color:#fff;
}

.process-block .inner-box:hover h4 a{
	color:rgb(255,228,170);
}

.process-block .inner-box .text{
	position:relative;
	opacity:0.60;
	font-size:14px;
	color:#fff;
}

.process-block:nth-child(2) .inner-box:hover::before,
.process-block:nth-child(2) .inner-box:hover{
	border-color:rgb(198,231,245);
}

.process-block:nth-child(2) .inner-box:hover h4 a,
.process-block:nth-child(2) .inner-box .step,
.process-block:nth-child(2) .inner-box .icon{
	color:rgb(198,231,245);
}

.process-block:nth-child(3) .inner-box:hover::before,
.process-block:nth-child(3) .inner-box:hover{
	border-color:rgb(140,134,145);
}

.process-block:nth-child(3) .inner-box:hover h4 a,
.process-block:nth-child(3) .inner-box .step,
.process-block:nth-child(3) .inner-box .icon{
	color:rgb(140,134,145);
}

.process-block:nth-child(4) .inner-box:hover::before,
.process-block:nth-child(4) .inner-box:hover{
	border-color:rgb(100,141,139);
}

.process-block:nth-child(4) .inner-box:hover h4 a,
.process-block:nth-child(4) .inner-box .step,
.process-block:nth-child(4) .inner-box .icon{
	color:rgb(100,141,139);
}
.transition-500ms {
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.transition-300ms {
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}
/* ====================events_wrapper====================== */
.events_wrapper
{
    padding: 85px 0;
    text-align: center;
    background: #fff;
    position: relative;
}
.events_wrapper:before 
{
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    height: 375px;
    background-color: #fbf7f5;
}
.white_bg .hd_h6 h6
{
    background: #fff;
}
#btcontentslider98
{
    margin-top: 30px;
}
.bt-cs .bt-inner .bt-title
{
    color: #000;
    text-transform: capitalize;
    font-family : Montserrat, sans-serif;
    font-size: 20px;
}
.bt-cs .bt-inner .bt-title:hover
{
    color: #31645e;
}
.bt-cs .bt-center 
{
    margin-bottom: 15px;
}
.white_bg
{
    position: relative;
    z-index: 222;
}
.bt-inner .readmore
{
    margin-top: 10px;
}
.bt-inner .readmore a
{
    background: #fbf7f5;
    padding: 10px;
    color: #3a3737;
}
/* ====================login_wrapper====================== */
.login_wrapper{
	position:relative;
	padding:100px 0;
}

.client-block{
	position:relative;
	margin-bottom:30px;
}

.client-block .inner-box{
	position:relative;
	padding:40px 45px;
	background-color:#fff;
	box-shadow:0px 10px 20px rgba(0,0,0,0.10);
}

.client-block .inner-box:before{
	position:absolute;
	content:'';
	left:10px;
	bottom:-10px;
	right:15px;
	top:25px;
	z-index:-1;
	transform:rotate(2deg);
	background-color:rgb(255,228,170);
}

.client-block:nth-child(2) .inner-box:before{
	transform:rotate(-2deg);
	background-color:rgb(198,232,246);
}

.client-block .inner-box .content{
	position:relative;
	padding-left:110px;
}

.client-block .inner-box .icon{
	position:absolute;
	left:0px;
	top:10px;
	line-height:1em;
	color:rgb(49,100,94);
	font-size:70px;
	font-family: ;
}
.client-block .inner-box h4
{
	margin-bottom:15px;
    font-weight: bold;
    font-family : Montserrat, sans-serif;
}
.client-block .inner-box h4 a
{
    color: #000;
}
.client-block .inner-box h4 span{
	color:rgb(49,100,94);
	border-bottom:2px solid rgb(49,100,94);
}

.client-block .inner-box .text{
	line-height:1.8em;
	font-size:14px;
	padding-left:25px;
	border-left:1px solid #e1e1e1;
}
/* ====================manage_wrapper====================== */
.manage_wrapper
{
    padding: 100px 0;
    background: #c6e8f6;
    text-align: center;
}
.section-team .single-person {
    margin-top: 30px;
    padding: 30px;
    background-color: #f6f9ff;
    border-radius: 5px;transition: all 0.3s ease-out 0s;
}
.section-team .single-person .person-image {
    position: relative;
    margin-bottom: 50px;
    //*border-radius: 50%;*//
    border: 4px dashed transparent;
    transition: padding .3s;
}
.section-team .single-person .person-image img {
    width: 100%;
    //*border-radius: 50%;*//
}
.section-team .single-person .person-image .icon {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,50%);
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: linear-gradient(to right, #016cec, #00b5f7);
    color: #fff;
    border-radius: 50%;
    font-size: 24px;
}
.section-team .single-person .person-image .icon i
{
    margin-left: 5px;
}
.section-team .single-person .person-info .full-name {
    margin-bottom: 10px;
    font-size: 28px;
    font-weight: 700;
}
.section-team .single-person .person-info .speciality {
    text-transform: uppercase;
    font-size: 14px;
    color: #016cec;
}
.section-team .single-person:hover {
	background: linear-gradient(to right, #016cec, #00b5f7);
}
.section-team .single-person:hover .person-image {
	padding: 12px;
    border: 4px dashed #fff;transition: all 0.3s ease-out 0s;
}
.section-team .single-person:hover .person-image .icon {
	background: none;
	background-color: #fff;
	color: #016cec;transition: all 0.3s ease-out 0s;
}
.section-team .single-person:hover .full-name,
.section-team .single-person:hover .speciality {
	color: #fff;transition: all 0.3s ease-out 0s;
}
/* ====================affliate_wrapper====================== */
.affliate_wrapper
{
    padding-top: 25px;
    padding-bottom: 85px;
}
@media (min-width: 1200px){
.affliate_wrapper .pdf-slideshow {
    width: 1424px;
}
}
.affliate_wrapper .row
{
    padding-left: 17px;
}
.affliate_wrapper .icon-image img
{
    margin-bottom: 13px;
}
.affliate_wrapper .icon-image a
{
    font-size: 17px;
    font-weight: 600;
}
.affliate_wrapper .icon-image .text1
{
    color: #FEA116;
}
.affliate_wrapper .icon-image .text2
{
    color: #4582FF;
}
.affliate_wrapper .icon-image .text3
{
    color: #B33934;
}
.affliate_wrapper .icon-image .text4
{
    color: #1CB5A3;
}
.affliate_wrapper .icon-image .text5
{
    color: #534E8B;
}
.affliate_wrapper .icon-image .text6
{
    color: #F25589;
}
.affliate_wrapper .icon-image a {  
  overflow: hidden; 
}

.affliate_wrapper .icon-image a {
  transition: 0.3s;
}
.affliate_wrapper .icon-image a:hover {
  transform: scale(1.2);
}
.affliate_wrapper .icon-image a {
  display: inline-block;
  box-sizing: border-box;
}
.affliate_wrapper .pdf-slideshow {
  position: relative;
}
.affliate_wrapper .pdf-mySlides-box {
  display: none;
  padding: 80px;
  text-align: center;
}
.affliate_wrapper .prev, .next {
    user-select: none;
    height: 57px;
    top: 50%;
    width: 56px;
    margin-top: -30px;
    padding: 16px;
    color: #888;
    font-weight: bold;
    font-size: 20px;
    cursor: pointer;
    position: absolute;
}
.affliate_wrapper .next {
    background: #000000;
    border-radius: 54px;
    padding-left: 20px;
    position: absolute;
    right: 0;
    padding-top: 13px;
    color: #4681FF;
}
.affliate_wrapper .prev {
    background: #000000;
    border-radius: 54px;
    padding-left: 20px;
    position: absolute;
    padding-top: 13px;
    color: #4681FF;
}
.affliate_wrapper .prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
  color: white;
}
.affliate_wrapper .dot-container {
    text-align: center;
    margin-top: -13px;
}
.affliate_wrapper .dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.affliate_wrapper .active, .dot:hover {
  background-color: #717171;
}
@media screen and (max-width: 720px){
.affliate_wrapper .next {
    margin-right: 13px;
}
.affliate_wrapper .pdf-mySlides-box
{
    padding: 0px;
    padding-top: 16px;
    padding-bottom: 40px;
}
.affliate_wrapper
{
    padding-bottom: 30px;
}
}
/* ====================footer====================== */
.ft_abt, .ft_menu
{
    padding: 100px 0;
}
.ft_abt .ft_logo
{
    margin-bottom: 20px;
}
.ft_abt .ft_txt, .ft_menu p a, .foot_ctr
{
    color: #fff;
    opacity: 0.70;
    text-align: justify;
}
.main_footer 
{
    position: relative;
    background-color: rgb(34,34,34);
}
.ft_menu
{
    padding-left: 30px;
}
.ft_menu .ft_hd
{
   color: #eee; 
   font-family : Montserrat, sans-serif;
}
.ftmnu
{
    margin-top: 20px;
}
.foot_ctr
{
    text-align: center;font-family : Montserrat, sans-serif;
}
.foot_wrapper
{
    background: #000;
    padding: 10px 0;
}
/* ====================breadcrumb====================== */
.breadcrumb_wrapper
{
    position: relative;
    padding: 150px 0px 130px;
    background-color: #000;
    background-position: center center;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-image: url(../images/inner/bc.png) !important;
    z-index: 1;
}
.breadcrumb_wrapper:before 
{
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.30;
    background-color: #000000;
}
.breadcrumb_wrapper .breadcrumb
{
    background: none;
}
.bc_h4 
{
    opacity: 0.90;
    font-size: 18px;
    margin-bottom: 10px;
}
.head-click-tab h1 
{
    line-height: 1em;
    font-weight: 700;
    font-size: 80px;
}
.breadcrumb-head
{
    margin-top: 80px;
}
ul.breadcrumb 
{
    position: absolute;
    top: 156%;
    text-align: center;
    background: rgb(255,228,170) !important;
    display: inline-block;
    left: 40%;
    z-index: 2222;
}
ul.breadcrumb li span
{
    color: #222;
}
.breadcrumb>li+li:before 
{
    content: none !important;
}
ul.breadcrumb li span img
{
    margin-bottom: 3px;
}
/* ====================inner_about====================== */
.inr_about
{
    padding: 150px 0;
}
.inr_about .inr_hd h2
{
    position: relative;
    font-weight: 700;
    text-align: center;
    color: #333;
    font-size: 24px;
    margin-bottom: 35px;
}
.inr_phone a
{
    color: #31645e;
    position: relative;
    padding: 16px 34px;
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
    border: 2px solid #f0f0f0;
    font-family :Montserrat, sans-serif;
}
.inr_phone a:hover 
{
    color: #fff;
    border-color: #fff;
    background-color: #31645e;
}
.inr_hd
{
    margin-top: 40px;
}
.feature-block 
{
    position: relative;
    margin-bottom: 25px;
}
.feature-block .inner-box 
{
    position: relative;
    padding: 30px 30px;
    box-shadow: 0px 15px 20px rgb(0 0 0 / 5%);
}
.feature-block .inner-box .content 
{
    position: relative;
    padding-left: 90px;
}
.feature-block .inner-box .content .icon 
{
    position: absolute;
    left: 0px;
    top: 10px;
    font-size: 64px;
    line-height: 1em;
    color: #31645e;
    font-family: 'FontAwesome';
}
.feature-block .inner-box h5 
{
    line-height: 1.4em;
    font-weight: 700;
    font-size: 20px;
    font-family: Montserrat, sans-serif;
}
.feature-block .inner-box .text 
{
    font-size: 14px;
    line-height: 20px;
    color:#777777;
}
.bg_inner
{
    background: #fbf7f5;
    padding: 100px 0;
}
.Yearly-timeline{ font-family: 'Poppins', sans-serif; }
.Yearly-timeline:after{
            content: '';
            display: block;
            clear: both;
        }
.Yearly-timeline .timeline{
            width: calc(50% + 17px);
            padding: 0 30px 30px 0;
            float: left; 
            position: relative;
        }
.Yearly-timeline .timeline:before,.Yearly-timeline .timeline:after{
            content: '';
            height: 60px;
            width: 2px;
            border-left: 2px solid #70d6ff;
            transform: rotate(-45deg);
            position: absolute;
            right: 30px;
            bottom: 0;
        }
.Yearly-timeline .timeline:after{
            background-color: #fff;
            height: 20px;
            width: 20px;
            border: 6px solid #70d6ff;
            border-radius: 50%;
            right: 0;
        }   
.Yearly-timeline .timeline-content{
            color: #555;
            background: #70d6ff;
            text-align: center;
            min-height: 170px;
            padding: 30px 35px 35px;
            border-radius: 15px 15px 0 15px;
            display: block;
            position: relative;
            z-index: 1;
        }
.Yearly-timeline .timeline-content:before{
            content: '';
            background-color: #fff;
            position: absolute;
            left: 17px;
            right: 17px;
            top: 17px;
            bottom: 17px;
            z-index: -1;
        }
.Yearly-timeline .timeline-content:hover{ text-decoration: none; }
.Yearly-timeline .timeline-icon{
            color: #777;
            font-size: 35px;
            margin-bottom: 10px
        }
.Yearly-timeline .title{
            font-size: 22px;
            font-weight: 700;
            letter-spacing: 2px;
            text-transform: uppercase;
            margin: 0 0 8px;
        }
.Yearly-timeline .description{
            color: #777;
            font-size: 13px;
            font-weight: 400;
            letter-spacing: 0.5px;
            line-height: 18px;
            margin: 0;
        }
.Yearly-timeline .timeline:nth-child(even){
            padding: 0 0 30px 30px;
            float: right;
        }
.Yearly-timeline .timeline:nth-child(even):before{
            transform: rotate(45deg);
            right: auto;
            left: 30px;
        }
.Yearly-timeline .timeline:nth-child(even):after{
            right: auto;
            left: 0;
        }
.Yearly-timeline .timeline:nth-child(even) .timeline-content{ border-radius: 15px 15px 15px 0; }
.Yearly-timeline .timeline:nth-child(4n+2):before,.Yearly-timeline .timeline:nth-child(4n+2):after{
            border-color: #ff70a6;
        }
.Yearly-timeline .timeline:nth-child(4n+2) .timeline-content{
            background: #ff70a6;
        }
.Yearly-timeline .timeline:nth-child(4n+3):before,.Yearly-timeline .timeline:nth-child(4n+3):after{
            border-color: #ff9770;
        }
.Yearly-timeline .timeline:nth-child(4n+3) .timeline-content{
            background: #ff9770;
        }
.Yearly-timeline .timeline:nth-child(4n+4):before,.Yearly-timeline .timeline:nth-child(4n+4):after{
            border-color: #ffd670;
        }
.Yearly-timeline .timeline:nth-child(4n+4) .timeline-content{
            background:#ffd670;
        }
@media screen and (max-width:767px){
            .Yearly-timeline .timeline{
                width: 100%;
                padding: 30px 0 0 30px;
                margin: 0 0 20px;
            }   
.Yearly-timeline .timeline:before,.Yearly-timeline .timeline:nth-child(even):before{
                transform: rotate(-45deg);
                bottom: auto;
                top: 0;
                right: auto;
                left: 30px;
            }
.Yearly-timeline .timeline:after,.Yearly-timeline .timeline:nth-child(even):after{
                bottom: auto;
                top: 0;
                right: auto;
                left: 0;
            }
.Yearly-timeline .timeline-content,.Yearly-timeline .timeline:nth-child(even) .timeline-content{
                border-radius: 0 15px 15px 15px;
            }
}
/* ====================inner_gallery====================== */
.items-leading
{
    padding: 100px 0;
}
/*Academics,Activities,gallery sub menu page*/
.inner_wrapper .blog
{
    padding: 24px 51px;
    background-color: #F8F9FA;
}
.inner_wrapper .blog h2
{
    border-left: 4px solid #222838;
    margin-left: 155px;
    padding-bottom: 0px;
    margin-bottom: 60px;
    padding-left: 10px;
}
.inner_wrapper .blog .subheading-category
{
    padding-bottom: 0px;
    font-size: 39px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    color: #4780FF;
}
.inner_wrapper .blog .page-header
{
    display: none;
}
.inner_wrapper .blog .cols-4
{
    margin: 0px 155px;
    padding-bottom: 60px;
}
.inner_wrapper .blog .none .img_caption
{
    background: #FFFFFF;
    padding: 35px;
    padding-left: 30px;
    padding-bottom: 20px;
    -webkit-box-shadow: 0px 10px 29.7px 0.3px rgb(239 239 239 / 83%);
    box-shadow: 0px 10px 29.7px 0.3px rgb(239 239 239 / 83%);
    font-size: 20px;
    line-height: 30px;
    color: #42495b;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}
.inner_wrapper .blog .none .img_caption:hover
{
    color: #4582ff;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}
.inner_wrapper .blog .item-image {  
  overflow: hidden; 
}
.caption {
  transition: 0.3s;
}
.img_caption:hover .caption {
  transform: scale(1.2);
}
@media screen and (max-width: 720px){
.inner_wrapper .blog h2  {
    margin-left: 19px;
    margin-bottom: 48px;
}
.inner_wrapper .blog .cols-4 {
    margin-left: 0px;
    margin-right: 0px;
}
.inner_wrapper .blog .subheading-category {
    font-size: 32px;
}
.inner_wrapper .blog .none .img_caption {
    margin-bottom: 25px;
}
.inner_wrapper .blog .items-row {
    padding-bottom: 0px;
}
.inner_wrapper .blog {
    padding-bottom: 30px;
}
.inner_wrapper .blog .item-image img {
    width: 100%;
    height: auto;
}
}
/* ====================inner_menu====================== */
.inr_ryt 
{
    position: relative;
    padding: 40px 40px;
    border: 1px solid #efefef;
}
.inr_ryt h3, .headline
{
    position: relative;
    margin-bottom: 20px;
    line-height: 1.6em;
    font-weight: 700;
    font-size: 18px;
    padding-top: 20px;
}
.inr_ryt h3:before, .headline:before 
{
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 40px;
    height: 3px;
    background-color: #31645e;
}
.inr_ryt .menu
{
    margin: 0 !important;
}
.inr_ryt ul 
{
    position: relative;
}
.inr_ryt ul li 
{
    position: relative;
    margin-bottom: 15px;
}
.inr_ryt ul li a 
{
    position: relative;
    display: block;
    color: rgb(119,119,119);
    font-size: 16px;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    padding: 0 !important;
}
.inr_ryt ul li a:before 
{
    position: absolute;
    content: '\f105';
    right: 0px;
    font-family: 'FontAwesome';
}
.inr_ryt ul li a:hover 
{
    color: #333;
    background: none;
}
.sigFreeThumb
{
    margin: 20px !important;
}
.waviy {
  position: relative;
  -webkit-box-reflect: below -20px linear-gradient(transparent, rgba(0,0,0,.2));
  font-size: 30px;
}
.waviy span {
  font-family: 'Alfa Slab One', cursive;
  position: relative;
  display: inline-block;
  color: #000;
  text-transform: uppercase;
  animation: waviy 1s infinite;
  animation-delay: calc(.1s * var(--i));
  
}
@keyframes waviy {
  0%,40%,100% {
    transform: translateY(0)
  }
  20% {
    transform: translateY(-20px)
  }
}
.line-1{
    position: relative;
    top: 50%;  
    width: 14em;
    border-right: 2px solid rgba(0,0,0,.75);
    font-size: 180%;
    white-space: nowrap;
    overflow: hidden;
    transform: translateY(-50%); 
    font-family: 'Alfa Slab One', cursive;   
}

/* Animation */
.anim-typewriter{
  animation: typewriter 4s steps(44) 1s 1 normal both,
             blinkTextCursor 500ms steps(44) infinite normal;
}
@keyframes typewriter{
  from{width: 0;}
  to{width: 13em;}
}
@keyframes blinkTextCursor{
  from{border-right-color: rgba(0,0,0,.75);}
  to{border-right-color: transparent;}
}
.page-header
{
    display: none;border: none;margin: 0 !important;
}
.service-detail {
    position: relative;
}
.service-detail .inner-box {
    position: relative;
    padding: 50px 50px;
    border: 1px solid #efefef;
    font-family: Montserrat, sans-serif;
}
.inner_icon 
{
    position: relative;
    font-size: 15px;
    color: #333;
    margin-bottom: 10px;
    padding-left: 25px;
}
.inner_icon:before 
{
    position: absolute;
    content: '\f560';
    left: 0px;
    font-family: 'FontAwesome';
}
.inner_icons 
{
    position: relative;
    font-size: 15px;
    color: #31645e;
    margin-bottom: 10px;
    padding-left: 25px;
    margin-left: 25px;
    font-weight: bold;
}
.inner_icons:before 
{
    position: absolute;
    content: '\f46d';
    left: 0px;
    font-family: 'FontAwesome';
}
/* ====================inner_form====================== */
.form-horizontal .controls 
{
    margin-left: 0px;
}
.form-horizontal .control-label 
{
    display: none;
}
input[type="text"], input[type="email"]
{
    height: 40px;padding-left: 20px;
    font-family: 'Poppins';
}
.input-80, input[type="text"], input[type="email"]
{
    padding-left: 20px;
    font-family: 'Poppins';
    border: 1px solid #eee;
}
.btn-primary
{
    padding: 12px 50px !important;
    font-family: 'Poppins';
    border: none;
    border-radius: 0 !important;
    background: #31645e;transition: all 0.3s ease-out 0s;
    font-weight: bold;
}
.btn-primary:hover
{
    background-color: #cdf0ff !important;
    border: 1px solid #cdf0ff !important;
    color: #31645e;transition: all 0.3s ease-out 0s;
}