.our-teachers{
position: relative;
display: block;
}
.our-teachers .sec-title{
margin-bottom: 60px;
}
.teachers-block-one{
position: relative;
display: block;
}
.teachers-block-one .inner-box .image-holder{
position: relative;
display: inline-block;
border: 2px dashed #fbb928;
padding: 18px;
border-radius: 50%;
}
.our-teachers .block-column:nth-child(2) .teachers-block-one .inner-box .image-holder{
border-color: #43b3d9;
}
.our-teachers .block-column:last-child .teachers-block-one .inner-box .image-holder{
border-color: var(--main-color);
}
.teachers-block-one .inner-box .image-holder img{
width: 100%;
border-radius: 50%;
transition: all 500ms ease;
}
.teachers-block-one .inner-box .image-holder .image-box{
position: relative;
display: block;
overflow: hidden;
background: #2b3c6b;
border-radius: 50%;
}
.teachers-block-one .inner-box:hover .image-holder img{
transform: scale(1.03);
opacity: 0.5;
}
.teachers-block-one .inner-box{
position: relative;
overflow: hidden;
}
.teachers-block-one .inner-box .lower-content h3{
color: #fff;
margin-bottom: 5px;
}
.teachers-block-one .inner-box .lower-content h3 a{
position: relative;
display: inline-block;
color: #fff;
}
.teachers-block-one .inner-box .lower-content .designation{
position: relative;
display: block;
font-size: 16px;
font-weight: 500;
line-height: 26px;
font-family: 'M PLUS Rounded 1c', sans-serif;
color: #fff;
margin-bottom: 7px;
}
.teachers-block-one .inner-box .lower-content .social-list{
position: relative;
opacity: 0;
transform: translateY(10px);
transition: all 900ms ease;
}
.teachers-block-one .inner-box:hover .lower-content .social-list{
opacity: 1;
transform: translateY(0px);
}
.teachers-block-one .inner-box .lower-content .social-list li{
position: relative;
display: inline-block;
margin: 0px 10px;
}
.teachers-block-one .inner-box .lower-content .social-list li a{
position: relative;
display: inline-block;
font-size: 15px;
color: #fff;
} .our-teachers.style-two{
position: relative;
background: #253b70;
}
.our-teachers.style-two .sec-title h1{
color: #fff;
}
.our-teachers.style-two .parallax-icon .icon-3{
left: 10% !important;
}
.our-teachers.style-two .parallax-icon .icon-5{
left: 80% !important;
}
.our-teachers.style-two .parallax-icon .icon-6{
left: 90% !important;
}
.our-teachers.style-two .parallax-icon .icon-7{
left: 85% !important;
} .our-teachers{
position: relative;
display: block;
}
.our-teachers .sec-title{
margin-bottom: 60px;
}
.teachers-block-one{
position: relative;
display: block;
}
.teachers-block-one .inner-box .image-holder{
position: relative;
display: inline-block;
border: 2px dashed #fbb928;
padding: 18px;
border-radius: 50%;
}
.our-teachers .block-column:nth-child(2) .teachers-block-one .inner-box .image-holder{
border-color: #43b3d9;
}
.our-teachers .block-column:last-child .teachers-block-one .inner-box .image-holder{
border-color: var(--main-color);
}
.teachers-block-one .inner-box .image-holder img{
width: 100%;
border-radius: 50%;
transition: all 500ms ease;
}
.teachers-block-one .inner-box .image-holder .image-box{
position: relative;
display: block;
overflow: hidden;
background: #2b3c6b;
border-radius: 50%;
}
.teachers-block-one .inner-box:hover .image-holder img{
transform: scale(1.03);
opacity: 0.5;
}
.teachers-block-one .inner-box{
position: relative;
overflow: hidden;
}
.teachers-block-one .inner-box .lower-content h3{
color: #fff;
margin-bottom: 5px;
}
.teachers-block-one .inner-box .lower-content h3 a{
position: relative;
display: inline-block;
color: #fff;
}
.teachers-block-one .inner-box .lower-content .designation{
position: relative;
display: block;
font-size: 16px;
font-weight: 500;
line-height: 26px;
font-family: 'M PLUS Rounded 1c', sans-serif;
color: #fff;
margin-bottom: 7px;
}
.teachers-block-one .inner-box .lower-content .social-list{
position: relative;
opacity: 0;
transform: translateY(10px);
transition: all 900ms ease;
}
.teachers-block-one .inner-box:hover .lower-content .social-list{
opacity: 1;
transform: translateY(0px);
}
.teachers-block-one .inner-box .lower-content .social-list li{
position: relative;
display: inline-block;
margin: 0px 10px;
}
.teachers-block-one .inner-box .lower-content .social-list li a{
position: relative;
display: inline-block;
font-size: 15px;
color: #fff;
} .our-teachers.style-two{
position: relative;
background: #253b70;
}
.our-teachers.style-two .sec-title h1{
color: #fff;
}
.our-teachers.style-two .parallax-icon .icon-3{
left: 10% !important;
}
.our-teachers.style-two .parallax-icon .icon-5{
left: 80% !important;
}
.our-teachers.style-two .parallax-icon .icon-6{
left: 90% !important;
}
.our-teachers.style-two .parallax-icon .icon-7{
left: 85% !important;
} .our-teachers.style-three{
position: relative;
}
.teachers-block-two{
position: relative;
display: block;
}
.teachers-block-two .inner-box .image-box{
position: relative;
display: block;
overflow: hidden;
background: #2b3c6b;
border-radius: 20px;
}
.teachers-block-two .inner-box .image-box img{
width: 100%;
border-radius: 20px;
transition: all 500ms ease;
}
.teachers-block-two .inner-box:hover .image-box img{
opacity: 0.5;
transform: scale(1.03);
}
.teachers-block-two .inner-box{
position: relative;
overflow: hidden;
}
.teachers-block-two .inner-box .lower-content h3{
color: #fff;
margin-bottom: 5px;
}
.teachers-block-two .inner-box .lower-content h3 a{
color: #fff;
}
.teachers-block-two .inner-box .lower-content .designation{
position: relative;
display: block;
font-size: 16px;
font-weight: 500;
line-height: 26px;
font-family: 'M PLUS Rounded 1c', sans-serif;
color: #fff;
margin-bottom: 7px;
}
.teachers-block-two .inner-box .lower-content .social-list{
position: relative;
opacity: 0;
transform: translateY(10px);
transition: all 900ms ease;
}
.teachers-block-two .inner-box .lower-content .social-list li{
position: relative;
display: inline-block;
margin: 0px 10px;
}
.teachers-block-two .inner-box .lower-content .social-list li a{
position: relative;
display: inline-block;
font-size: 15px;
color: #fff;
}
.teachers-block-two .inner-box:hover .lower-content .social-list{
opacity: 1;
transform: translateY(0px);
}
.our-teachers.style-three .inner-content{
position: relative;
display: block;
margin: 0px -15px;
}
.our-teachers.style-three .block-column{
padding: 0px 30px;
}