.edubin-advance-slider-active .swiper-wrapper .swiper-slide {
padding: 0;
}
.edubin-slider {
position: relative;
}
.edubin-slider .slide {
position: relative;
padding: 130px 0px 240px 0px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.edubin-slider .edubin-slider-background-overlay {
position: absolute;
content: '';
background: rgba(8, 41, 77, 0.53);
width: 100%;
height: 100%;
left: 0px;
top: 0px;
}
.edubin-slider .content-box {
position: relative;
width: 100%;
}
.edubin-slider .content-box .slider-title {
color: #fff;
font-size: 60px;
font-weight: 700;
padding-top: 0;
margin-bottom: 25px;
opacity: 0;
transition: all 1000ms ease;
}
.edubin-slider .content-box .slider-title.anim-to-right, .edubin-slider .content-box .edubin-slider-content.anim-to-right, .edubin-slider .content-box .button-box.anim-to-right, .edubin-slider .content-box .edubin-slider-subtitle.anim-to-right {
transform: translateX(-20px);
}
.edubin-slider .content-box .slider-title.anim-to-left, .edubin-slider .content-box .edubin-slider-content.anim-to-left, .edubin-slider .content-box .button-box.anim-to-left, .edubin-slider .content-box .edubin-slider-subtitle.anim-to-left {
transform: translateX(20px);
}
.edubin-slider .content-box .slider-title.anim-to-top, .edubin-slider .content-box .edubin-slider-content.anim-to-top, .edubin-slider .content-box .button-box.anim-to-top, .edubin-slider .content-box .edubin-slider-subtitle.anim-to-top {
transform: translateY(20px);
}
.edubin-slider .content-box .slider-title.anim-to-bottom, .edubin-slider .content-box .edubin-slider-content.anim-to-bottom, .edubin-slider .content-box .button-box.anim-to-bottom, .edubin-slider .content-box .edubin-slider-subtitle.anim-to-bottom {
transform: translateY(-20px);
}
.elementor-widget-edubin-slider-addons .edubin-slider .content-box .slider-title {
font-size: 60px;
}
.edubin-slider .swiper-slide-active .slider-title {
opacity: 1;
transition-delay: 1000ms;
}
.edubin-slider .content-box .edubin-slider-subtitle {
color: #fff;
margin-bottom: 0;
opacity: 0;
transition: all 700ms ease;
}
.edubin-slider .swiper-slide-active .edubin-slider-subtitle {
opacity: 1;
transition-delay: 700ms;
}
.edubin-slider .content-box .edubin-slider-content {
color: #fff;
font-size: 18px;
margin-bottom: 30px;
opacity: 0;
transition: all 1700ms ease;
}
.edubin-slider .swiper-slide-active .edubin-slider-content {
opacity: 1;
transition-delay: 1700ms;
}
.edubin-slider .content-box .button-box {
position: relative;
display: inline-flex;
opacity: 0;
transition: all 2200ms ease;
}
.edubin-slider .swiper-slide-active .button-box {
opacity: 1;
transition-delay: 2200ms;
}
.edubin-slider .swiper-slide-active .slider-title.anim-to-right, .edubin-slider .swiper-slide-active .slider-title.anim-to-left, .edubin-slider .swiper-slide-active .edubin-slider-content.anim-to-right, .edubin-slider .swiper-slide-active .edubin-slider-content.anim-to-left, .edubin-slider .swiper-slide-active .button-box.anim-to-right, .edubin-slider .swiper-slide-active .button-box.anim-to-left, .edubin-slider .swiper-slide-active .edubin-slider-subtitle.anim-to-right, .edubin-slider .swiper-slide-active .edubin-slider-subtitle.anim-to-left {
transform: translateX(0);
}
.edubin-slider .swiper-slide-active .slider-title.anim-to-top, .edubin-slider .swiper-slide-active .slider-title.anim-to-bottom, .edubin-slider .swiper-slide-active .edubin-slider-content.anim-to-top, .edubin-slider .swiper-slide-active .edubin-slider-content.anim-to-bottom, .edubin-slider .swiper-slide-active .button-box.anim-to-top, .edubin-slider .swiper-slide-active .button-box.anim-to-bottom, .edubin-slider .swiper-slide-active .edubin-slider-subtitle.anim-to-top, .edubin-slider .swiper-slide-active .edubin-slider-subtitle.anim-to-bottom {
transform: translateY(0);
}
.edubin-slider .edubin-slider-btn .edubin-btn {
margin: 7px;
}
.edubin-slider .edubin-slider-btn div:first-child .edubin-btn {
margin-left: 0px;
}
.edubin-slider .edubin-slider-btn .edubin-btn.left-btn {
background: var(--edubin-primary-color);
border: 2px solid var(--edubin-primary-color);
color: var(--edubin-heading-color);
}
.edubin-slider .edubin-slider-btn .edubin-btn.left-btn:hover {
background: var(--edubin-heading-color);
border: 2px solid var(--edubin-heading-color);
color: #fff;
}
.edubin-slider .edubin-slider-btn .edubin-btn.right-btn {
border: 2px solid #fff;
color: var(--edubin-heading-color);
background: #fff;
}
.edubin-slider .edubin-slider-btn .edubin-btn.right-btn:hover {
background: #07294d;
border: 2px solid #07294d;
color: #fff;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
} .edubin-slider .slider-next.swiper-button-disabled, .edubin-slider .slider-prev.swiper-button-disabled {
opacity: 1;
cursor: pointer;
pointer-events: all;
}
.edubin-slider .slider-next, .edubin-slider .slider-prev {
position: absolute;
top: 50%;
z-index: 10;
font-size: 16px;
color: #fff;
height: 48px;
width: 48px;
border: 2px solid #ffffff;
line-height: 1;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
margin: 0;
position: absolute;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
opacity: 0;
visibility: hidden;
}
.edubin-slider .slider-next>i, .edubin-slider .slider-prev>i {
display: flex;
align-items: center;
justify-content: center;
height: -webkit-fill-available;
}
.edubin-slider .slider-next {
right: 10px;
;
}
.edubin-slider .slider-prev {
left: 10px;
}
.edubin-slider .slider-next:hover, .edubin-slider .slider-prev:hover {
color: #192d66;
border-color: var(--edubin-primary-color);
background-color: var(--edubin-primary-color);
}
.edubin-slider:hover .slider-next {
opacity: 1;
visibility: visible;
right: 35px;
}
.edubin-slider:hover .slider-prev {
opacity: 1;
visibility: visible;
left: 35px;
}
@media (max-width:575.98px) {
.edubin-slider .slide {
padding: 50px 0px 50px 0px;
}
.edubin-slider .content-box .slider-title {
font-size: 40px;
}
.edubin-slider .edubin-slider-btn .rep-btn {
padding: 10px 20px;
}
.edubin-slider .slider-next, .edubin-slider .slider-prev {
display: none;
}
}
:root {
--edubin-shape-top-1: 8%;
--edubin-shape-left-1: 10%;
--edubin-shape-top-2: 63%;
--edubin-shape-left-2: 34%;
--edubin-shape-top-3: -30%;
--edubin-shape-right-3: 7%;
--edubin-shape-top-4: -13%;
--edubin-shape-right-4: 7%;
}
@media (max-width:1800px) {
:root {
--edubin-shape-top-1: 10%;
--edubin-shape-left-1: 5%;
}
}
@media (max-width:1550px) {
:root {
--edubin-shape-top-1: -3%;
--edubin-shape-left-1: -3%;
}
}
@media (max-width:992px) {
:root {
--edubin-shape-top-1: 22%;
--edubin-shape-left-1: -26%;
--edubin-shape-top-2: 65%;
--edubin-shape-left-2: 45%;
--edubin-shape-top-3: -45%;
--edubin-shape-right-3: 5%;
--edubin-shape-top-4: -40%;
--edubin-shape-right-4: -10%;
}
}
@media (max-width:768px) {
:root {
--edubin-shape-top-1: 30%;
--edubin-shape-left-1: -65%;
}
}
@media (max-width:576px) {
:root {
--edubin-shape-top-1: 30%;
--edubin-shape-left-1: -65%;
}
.edubin-slider .swiper-slide-active .shape-2 {
display: none;
}
.edubin-slider .swiper-slide-active .shape-3 {
display: none;
}
.edubin-slider .swiper-slide-active .shape-4 {
animation-iteration-count: infinite;
animation-direction: alternate-reverse;
}
}
.edubin-slider .shape-1, .edubin-slider .shape-2, .edubin-slider .shape-3, .edubin-slider .shape-4 {
position: absolute;
}
.edubin-slider .swiper-slide-active .shape-1 {
width: 530px;
height: 1370px;
transform: rotate(40deg);
background: linear-gradient( 10deg, rgb(139, 216, 38) 0%, rgba(140, 216, 39, 0) 100%);
opacity: 0.6;
left: var(--edubin-shape-left-1);
top: var(--edubin-shape-top-1);
z-index: 0;
animation-name: shape_1_anim;
animation-duration: 2s;
}
.edubin-slider .swiper-slide-active .shape-2 {
width: 150px;
height: 790px;
background: #8cd926;
transform: rotate(40deg);
top: var(--edubin-shape-top-2);
left: var(--edubin-shape-left-2);
z-index: 0;
animation-name: shape_2_anim;
animation-duration: 2s;
}
.edubin-slider .swiper-slide-active .shape-3 {
width: 150px;
height: 600px;
background: #8cd926;
transform: rotate(40deg);
top: var(--edubin-shape-top-3);
right: var(--edubin-shape-right-3);
animation-name: shape_3_anim;
animation-duration: 2s;
}
.edubin-slider .swiper-slide-active .shape-4 {
width: 150px;
height: 790px;
background: linear-gradient( 180deg, rgb(139, 216, 38) 0%, rgba(140, 216, 39, 0) 100%);
transform: rotate(40deg);
top: var(--edubin-shape-top-4);
right: var(--edubin-shape-right-4);
animation-name: shape_4_anim;
animation-duration: 2s;
}
@keyframes shape_1_anim {
from {
top: 95%;
left: -50%;
}
to {
top: var(--edubin-shape-top-1);
left: var(--edubin-shape-left-1);
}
}
@keyframes shape_2_anim {
from {
top: 96%;
opacity: 0;
}
to {
top: var(--edubin-shape-top-2);
opacity: 1;
}
}
@keyframes shape_3_anim {
from {
top: -60%;
opacity: 0;
}
to {
top: var(--edubin-shape-top-3);
opacity: 1;
}
}
@keyframes shape_4_anim {
from {
right: -20%;
}
to {
right: var(--edubin-shape-right-4);
}
}