.banner30{
    width: 300px;
}
.banner-hero {
padding: 0px 65px 0px 15px;
position: relative;
max-width: 1770px;
margin: 0 auto;
}
.banner-hero::before {
content: "";
position: absolute;
top: 0px;
left: 15px;
width: 65%;
height: 100%;
border-top-left-radius: 42px;
border-top-right-radius: 150px;
border-bottom-left-radius: 150px;
border-bottom-right-radius: 0px;

z-index: 1;
}
/* .banner-hero .banner-inner {
z-index: 5;
position: relative;
} */
 .banner-imgs {
padding: 125px 0px 75px 30px;
position: relative;
}
.banner-imgs .union-icon {
position: absolute;
top: 30%;
left: -47px;
}
img.img-responsive.shape-3 {
width: 149px;
height: 88px;
}
img.img-responsive.shape-2 {
width: 157px;
height: 83px;
}
img.img-responsive.shape-4 {
width: 173px;
height: 80px;

}
 .banner-imgs .congratulation-icon {
position: absolute;
top: 52%;
left: -42px;
}
 .banner-imgs .course-icon {
position: absolute;
top: 21%;
right: -17px;
}
.course-icon img.img-responsive.shape-3 {
width: 198px;
height: 88px;
}
 .banner-imgs .web-dev-icon {
position: absolute;
top: 62%;
right: -47px;
}
 .banner-imgs .docs-icon {
position: absolute;
bottom: 7%;
left: 105px;
}

.docs-icon img.img-responsive.shape-3 {
width: 198px;
height: 105px;
}
 .banner-imgs .tick-icon {
position: absolute;
top: 82%;
right: 15px;
}
.banner-hero .text-small-primary {
color: #5192ff;
font-size: 16px;
font-weight: bold;
font-family: "Montserrat", sans-serif;
position: relative;
display: inline-block;
padding: 0px 0px 10px 25px;
}
.banner-hero .text-small-primary--disk::before {
content: "";
height: 15px;
width: 15px;
background-color: #72e0bf;
position: absolute;
top: 4px;
left: 0px;
border-radius: 50%;
}
.banner-hero .block-banner {
position: relative;
z-index: 12;
padding: 60px 150px 80px 80px;
}
.banner-hero .block-banner .form-find {
background: #ffffff;
box-shadow: 0px 18px 40px rgba(25, 15, 9, 0.1);
border-radius: 20px;
display: inline-block;
width: 100%;
padding: 22px 30px;
}
.banner-hero .block-banner .form-find form {
display: flex;
width: 100%;
}
.banner-hero .block-banner .form-find .btn-find {
min-width: 127px;
padding-left: 0px;
padding-right: 0px;
}
.banner-hero .block-banner .form-find .form-input {
border: 1px solid rgba(26, 15, 9, 0.1);
border-radius: 10px;
padding: 10px 20px 10px 50px;
display: inline-block;
width: 100%;
}
.banner-hero .block-banner .form-find .select2 {
border: 1px solid rgba(26, 15, 9, 0.1);
border-radius: 10px;
padding: 10px 20px 10px 42px;
display: inline-block;
width: 100% !important;
margin-right: 10px;
}
.banner-hero .block-banner .form-find .select2::before {
content: "";
background: url(../imgs/theme/icons/icon-location-2.svg) no-repeat;
width: 18px;
height: 18px;
position: absolute;
left: 18px;
top: 15px;
}
.banner-hero .block-banner .form-find .select2 .select2-selection__arrow {
background: url(../imgs/theme/icons/arrow-down.svg) no-repeat right 10px center;
top: 11px;
width: 26px;
}
.banner-hero .block-banner .form-find .select2 .select2-selection__arrow b {
display: none !important;
background-color: #9777fa;
}
.banner-hero .block-banner .form-find .input-keysearch {
background: url(../imgs/theme/icons/icon-job.svg) no-repeat left 18px center;
}
.banner-hero .block-banner .list-tags-banner {
position: relative;
}
.banner-hero .block-banner .list-tags-banner a {
text-decoration: none;
color: #37404e;
font-size: 16px;
}
.banner-hero .block-banner .list-tags-banner strong {
font-weight: 700;
font-family: "Montserrat", sans-serif;
font-size: 16px;
color: #37404e;
}
.banner-hero .heading-banner {
color: #1f2938;
}
.banner-hero .banner-description {
position: relative;
font-size: 16px;
}

@keyframes hero-thumb-animation {
0% {
transform: translateY(-20px);
}
100% {
transform: translateY(0px);
}
}
@keyframes hero-thumb-sm-animation {
from {
transform: rotate(0deg) translate3d(5px, 0, 0) rotate(0deg);
}
to {
transform: rotate(360deg) translate3d(5px, 0, 0) rotate(-360deg);
}
}
@keyframes hero-thumb-sm-2-animation {
0% {
transform: translateY(-50px);
}
100% {
transform: translateY(0px);
}
}
.shape-1 {
animation: hero-thumb-animation 2s linear infinite alternate;
}

.shape-2 {
animation: hero-thumb-sm-animation 6s linear infinite alternate;
}
.shape-4 {

}

.shape-3 {
animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
}
.img-responsive {
max-width: 100%;
}

/* text-animation */
/*sentence1*/
.sentence1{
color: #222;
font-size: 35px;
text-align: left;
padding-left: 34px;
font-weight: 500;
margin-top: -30px;
}


/*Vertical Sliding*/
.slidingVertical1{
display: inline;
text-indent: 8px;
}
.slidingVertical1 span{
animation: topToBottom1 12.5s linear infinite 0s;
-ms-animation: topToBottom1 12.5s linear infinite 0s;
-webkit-animation: topToBottom1 12.5s linear infinite 0s;
color: #ff0000;
opacity: 0;
overflow: hidden;
position: absolute;
font-family: cursive;
font-weight: 800;
}
.slidingVertical1 span:nth-child(2){
animation-delay: 2.5s;
-ms-animation-delay: 2.5s;
-webkit-animation-delay: 2.5s;
}
.slidingVertical1 span:nth-child(3){
animation-delay: 5s;
-ms-animation-delay: 5s;
-webkit-animation-delay: 5s;
}
.slidingVertical1 span:nth-child(4){
animation-delay: 7.5s;
-ms-animation-delay: 7.5s;
-webkit-animation-delay: 7.5s;
}
.slidingVertical1 span:nth-child(5){
animation-delay: 10s;
-ms-animation-delay: 10s;
-webkit-animation-delay: 10s;
}

/*topToBottom1 Animation*/
@-moz-keyframes topToBottom1{
0% { opacity: 0; }
5% { opacity: 0; -moz-transform: translateY(-50px); }
10% { opacity: 1; -moz-transform: translateY(0px); }
25% { opacity: 1; -moz-transform: translateY(0px); }
30% { opacity: 0; -moz-transform: translateY(50px); }
80% { opacity: 0; }
100% { opacity: 0; }
}
@-webkit-keyframes topToBottom1{
0% { opacity: 0; }
5% { opacity: 0; -webkit-transform: translateY(-50px); }
10% { opacity: 1; -webkit-transform: translateY(0px); }
25% { opacity: 1; -webkit-transform: translateY(0px); }
30% { opacity: 0; -webkit-transform: translateY(50px); }
80% { opacity: 0; }
100% { opacity: 0; }
}
@-ms-keyframes topToBottom1{
0% { opacity: 0; }
5% { opacity: 0; -ms-transform: translateY(-50px); }
10% { opacity: 1; -ms-transform: translateY(0px); }
25% { opacity: 1; -ms-transform: translateY(0px); }
30% { opacity: 0; -ms-transform: translateY(50px); }
80% { opacity: 0; }
100% { opacity: 0; }
}

/*Horizontal Sliding*/
.slidingHorizontal1{
display: inline;
text-indent: 8px;
}
.slidingHorizontal1 span{
animation: leftToRight1 12.5s linear infinite 0s;
-ms-animation: leftToRight1 12.5s linear infinite 0s;
-webkit-animation: leftToRight1 12.5s linear infinite 0s;
color: #00abe9;
opacity: 0;
overflow: hidden;
position: absolute;
}
.slidingHorizontal1 span:nth-child(2){
animation-delay: 2.5s;
-ms-animation-delay: 2.5s;
-webkit-animation-delay: 2.5s;
}
.slidingHorizontal1 span:nth-child(3){
animation-delay: 5s;
-ms-animation-delay: 5s;
-webkit-animation-delay: 5s;
}
.slidingHorizontal1 span:nth-child(4){
animation-delay: 7.5s;
-ms-animation-delay: 7.5s;
-webkit-animation-delay: 7.5s;
}
.slidingHorizontal1 span:nth-child(5){
animation-delay: 10s;
-ms-animation-delay: 10s;
-webkit-animation-delay: 10s;
}

/*leftToRight1 Animation*/
@-moz-keyframes leftToRight1{
0% { opacity: 0; }
5% { opacity: 0; -moz-transform: translateX(-50px); }
10% { opacity: 1; -moz-transform: translateX(0px); }
25% { opacity: 1; -moz-transform: translateX(0px); }
30% { opacity: 0; -moz-transform: translateX(50px); }
80% { opacity: 0; }
100% { opacity: 0; }
}
@-webkit-keyframes leftToRight1{
0% { opacity: 0; }
5% { opacity: 0; -webkit-transform: translateX(-50px); }
10% { opacity: 1; -webkit-transform: translateX(0px); }
25% { opacity: 1; -webkit-transform: translateX(0px); }
30% { opacity: 0; -webkit-transform: translateX(50px); }
80% { opacity: 0; }
100% { opacity: 0; }
}
@-ms-keyframes leftToRight1{
0% { opacity: 0; }
5% { opacity: 0; -ms-transform: translateX(-50px); }
10% { opacity: 1; -ms-transform: translateX(0px); }
25% { opacity: 1; -ms-transform: translateX(0px); }
30% { opacity: 0; -ms-transform: translateX(50px); }
80% { opacity: 0; }
100% { opacity: 0; }
}

/*FadeIn*/
.fadeIn1{
display: inline;
text-indent: 8px;
}
.fadeIn1 span{
animation: fadeEffect1 12.5s linear infinite 0s;
-ms-animation: fadeEffect1 12.5s linear infinite 0s;
-webkit-animation: fadeEffect1 12.5s linear infinite 0s;
color: #00abe9;
opacity: 0;
overflow: hidden;
position: absolute;
}
.fadeIn1 span:nth-child(2){
animation-delay: 2.5s;
-ms-animation-delay: 2.5s;
-webkit-animation-delay: 2.5s;
}
.fadeIn1 span:nth-child(3){
animation-delay: 5s;
-ms-animation-delay: 5s;
-webkit-animation-delay: 5s;
}
.fadeIn1 span:nth-child(4){
animation-delay: 7.5s;
-ms-animation-delay: 7.5s;
-webkit-animation-delay: 7.5s;
}
.fadeIn1 span:nth-child(5){
animation-delay: 10s;
-ms-animation-delay: 10s;
-webkit-animation-delay: 10s;
}

/*FadeIn Animation*/
@-moz-keyframes fadeEffect1{
0% { opacity: 0; }
5% { opacity: 0; -moz-transform: translateY(0px); }
10% { opacity: 1; -moz-transform: translateY(0px); }
25% { opacity: 1; -moz-transform: translateY(0px); }
30% { opacity: 0; -moz-transform: translateY(0px); }
80% { opacity: 0; }
100% { opacity: 0; }
}
@-webkit-keyframes fadeEffect1{
0% { opacity: 0; }
5% { opacity: 0; -webkit-transform: translateY(0px); }
10% { opacity: 1; -webkit-transform: translateY(0px); }
25% { opacity: 1; -webkit-transform: translateY(0px); }
30% { opacity: 0; -webkit-transform: translateY(0px); }
80% { opacity: 0; }
100% { opacity: 0; }
}
@-ms-keyframes fadeEffect1{
0% { opacity: 0; }
5% { opacity: 0; -ms-transform: translateY(0px); }
10% { opacity: 1; -ms-transform: translateY(0px); }
25% { opacity: 1; -ms-transform: translateY(0px); }
30% { opacity: 0; -ms-transform: translateY(0px); }
80% { opacity: 0; }
100% { opacity: 0; }
}

/*Vertical Flip*/
.verticalFlip1{
display: inline;
text-indent: 8px;
}
.verticalFlip1 span{
animation: vertical1 12.5s linear infinite 0s;
-ms-animation: vertical1 12.5s linear infinite 0s;
-webkit-animation: vertical1 12.5s linear infinite 0s;
color: #00abe9;
opacity: 0;
overflow: hidden;
position: absolute;
}
.verticalFlip1 span:nth-child(2){
animation-delay: 2.5s;
-ms-animation-delay: 2.5s;
-webkit-animation-delay: 2.5s;
}
.verticalFlip1 span:nth-child(3){
animation-delay: 5s;
-ms-animation-delay: 5s;
-webkit-animation-delay: 5s;
}
.verticalFlip1 span:nth-child(4){
animation-delay: 7.5s;
-ms-animation-delay: 7.5s;
-webkit-animation-delay: 7.5s;
}
.verticalFlip1 span:nth-child(5){
animation-delay: 10s;
-ms-animation-delay: 10s;
-webkit-animation-delay: 10s;
}

/*Vertical Flip Animation*/
@-moz-keyframes vertical1{
0% { opacity: 0; }
5% { opacity: 0; -moz-transform: rotateX(180deg); }
10% { opacity: 1; -moz-transform: translateY(0px); }
25% { opacity: 1; -moz-transform: translateY(0px); }
30% { opacity: 0; -moz-transform: translateY(0px); }
80% { opacity: 0; }
100% { opacity: 0;}
}
@-webkit-keyframes vertical1{
0% { opacity: 0; }
5% { opacity: 0; -webkit-transform: rotateX(180deg); }
10% { opacity: 1; -webkit-transform: translateY(0px); }
25% { opacity: 1; -webkit-transform: translateY(0px); }
30% { opacity: 0; -webkit-transform: translateY(0px); }
80% { opacity: 0; }
100% { opacity: 0; }
}
@-ms-keyframes vertical1{
0% { opacity: 0; }
5% { opacity: 0; -ms-transform: rotateX(180deg); }
10% { opacity: 1; -ms-transform: translateY(0px); }
25% { opacity: 1; -ms-transform: translateY(0px); }
30% { opacity: 0; -ms-transform: translateY(0px); }
80% { opacity: 0; }
100% { opacity: 0; }
}

/*Horizontal Flip*/
.horizontalFlip1{
display: inline;
text-indent: 8px;
}
.horizontalFlip1 span{
animation: horizontal1 12.5s linear infinite 0s;
-ms-animation: horizontal1 12.5s linear infinite 0s;
-webkit-animation: horizontal1 12.5s linear infinite 0s;
color: #00abe9;
opacity: 0;
overflow: hidden;
position: absolute;
}
.horizontalFlip1 span:nth-child(2){
animation-delay: 2.5s;
-ms-animation-delay: 2.5s;
-webkit-animation-delay: 2.5s;
}
.horizontalFlip1 span:nth-child(3){
animation-delay: 5s;
-ms-animation-delay: 5s;
-webkit-animation-delay: 5s;
}
.horizontalFlip1 span:nth-child(4){
animation-delay: 7.5s;
-ms-animation-delay: 7.5s;
-webkit-animation-delay: 7.5s;
}
.horizontalFlip1 span:nth-child(5){
animation-delay: 10s;
-ms-animation-delay: 10s;
-webkit-animation-delay: 10s;
}

/*Horizontal Flip Animation*/
@-moz-keyframes horizontal1{
0% { opacity: 0; }
5% { opacity: 0; -moz-transform: rotateY(180deg); }
10% { opacity: 1; -moz-transform: translateX(0px); }
25% { opacity: 1; -moz-transform: translateX(0px); }
30% { opacity: 0; -moz-transform: translateX(0px); }
80% { opacity: 0; }
100% { opacity: 0;}
}
@-webkit-keyframes horizontal1{
0% { opacity: 0; }
5% { opacity: 0; -webkit-transform: rotateY(180deg); }
10% { opacity: 1; -webkit-transform: translateX(0px); }
25% { opacity: 1; -webkit-transform: translateX(0px); }
30% { opacity: 0; -webkit-transform: translateX(0px); }
80% { opacity: 0; }
100% { opacity: 0; }
}
@-ms-keyframes horizontal1{
0% { opacity: 0; }
5% { opacity: 0; -ms-transform: rotateY(180deg); }
10% { opacity: 1; -ms-transform: translateX(0px); }
25% { opacity: 1; -ms-transform: translateX(0px); }
30% { opacity: 0; -ms-transform: translateX(0px); }
80% { opacity: 0; }
100% { opacity: 0; }
}

/*AntiClockWise Effect*/
.antiClock{
display: inline;
text-indent: 8px;
}
.antiClock span{
animation: anti1 12.5s linear infinite 0s;
-ms-animation: anti1 12.5s linear infinite 0s;
-webkit-animation: anti1 12.5s linear infinite 0s;
color: #00abe9;
opacity: 0;
overflow: hidden;
position: absolute;
}
.antiClock span:nth-child(2){
animation-delay: 2.5s;
-ms-animation-delay: 2.5s;
-webkit-animation-delay: 2.5s;
}
.antiClock span:nth-child(3){
animation-delay: 5s;
-ms-animation-delay: 5s;
-webkit-animation-delay: 5s;
}
.antiClock span:nth-child(4){
animation-delay: 7.5s;
-ms-animation-delay: 7.5s;
-webkit-animation-delay: 7.5s;
}
.antiClock span:nth-child(5){
animation-delay: 10s;
-ms-animation-delay: 10s;
-webkit-animation-delay: 10s;
}

/*AntiClockWise Effect Animation*/
@-moz-keyframes anti1{
0% { opacity: 0; }
5% { opacity: 0; -moz-transform: rotateX(180deg); }
10% { opacity: 1; -moz-transform: translateY(0px); }
25% { opacity: 1; -moz-transform: translateY(0px); }
30% { opacity: 0; -moz-transform: translateY(0px); }
80% { opacity: 0; }
100% { opacity: 0;}
}
@-webkit-keyframes anti1{
0% { opacity: 0; }
5% { opacity: 0; -webkit-transform: rotate(180deg); }
10% { opacity: 1; -webkit-transform: translateY(0px); }
25% { opacity: 1; -webkit-transform: translateY(0px); }
30% { opacity: 0; -webkit-transform: translateY(0px); }
80% { opacity: 0; }
100% { opacity: 0; }
}
@-ms-keyframes anti1{
0% { opacity: 0; }
5% { opacity: 0; -ms-transform: rotate(180deg); }
10% { opacity: 1; -ms-transform: translateY(0px); }
25% { opacity: 1; -ms-transform: translateY(0px); }
30% { opacity: 0; -ms-transform: translateY(0px); }
80% { opacity: 0; }
100% { opacity: 0; }
}

/*ClockWise Effect*/
.clockWise{
display: inline;
text-indent: 8px;
}
.clockWise span{
animation: clock1 12.5s linear infinite 0s;
-ms-animation: clock1 12.5s linear infinite 0s;
-webkit-animation: clock1 12.5s linear infinite 0s;
color: #00abe9;
opacity: 0;
overflow: hidden;
position: absolute;
}
.clockWise span:nth-child(2){
animation-delay: 2.5s;
-ms-animation-delay: 2.5s;
-webkit-animation-delay: 2.5s;
}
.clockWise span:nth-child(3){
animation-delay: 5s;
-ms-animation-delay: 5s;
-webkit-animation-delay: 5s;
}
.clockWise span:nth-child(4){
animation-delay: 7.5s;
-ms-animation-delay: 7.5s;
-webkit-animation-delay: 7.5s;
}
.clockWise span:nth-child(5){
animation-delay: 10s;
-ms-animation-delay: 10s;
-webkit-animation-delay: 10s;
}

/*ClockWise Effect Animation*/
@-moz-keyframes clock1{
0% { opacity: 0; }
5% { opacity: 0; -moz-transform: rotate(-180deg); }
10% { opacity: 1; -moz-transform: translateX(0px); }
25% { opacity: 1; -moz-transform: translateX(0px); }
30% { opacity: 0; -moz-transform: translateX(0px); }
80% { opacity: 0; }
100% { opacity: 0;}
}
@-webkit-keyframes clock1{
0% { opacity: 0; }
5% { opacity: 0; -webkit-transform: rotate(-180deg); }
10% { opacity: 1; -webkit-transform: translateX(0px); }
25% { opacity: 1; -webkit-transform: translateX(0px); }
30% { opacity: 0; -webkit-transform: translateX(0px); }
80% { opacity: 0; }
100% { opacity: 0; }
}
@-ms-keyframes clock1{
0% { opacity: 0; }
5% { opacity: 0; -ms-transform: rotate(-180deg); }
10% { opacity: 1; -ms-transform: translateX(0px); }
25% { opacity: 1; -ms-transform: translateX(0px); }
30% { opacity: 0; -ms-transform: translateX(0px); }
80% { opacity: 0; }
100% { opacity: 0; }
}

/*Pop Effect*/
.popEffect1{
display: inline;
text-indent: 8px;
}
.popEffect1 span{
animation: pop1 12.5s linear infinite 0s;
-ms-animation: pop1 12.5s linear infinite 0s;
-webkit-animation: pop1 12.5s linear infinite 0s;
color: #00abe9;
opacity: 0;
overflow: hidden;
position: absolute;
}
.popEffect1 span:nth-child(2){
animation-delay: 2.5s;
-ms-animation-delay: 2.5s;
-webkit-animation-delay: 2.5s;
}
.popEffect1 span:nth-child(3){
animation-delay: 5s;
-ms-animation-delay: 5s;
-webkit-animation-delay: 5s;
}
.popEffect1 span:nth-child(4){
animation-delay: 7.5s;
-ms-animation-delay: 7.5s;
-webkit-animation-delay: 7.5s;
}
.popEffect1 span:nth-child(5){
animation-delay: 10s;
-ms-animation-delay: 10s;
-webkit-animation-delay: 10s;
}

/*Pop Effect Animation*/
@-moz-keyframes pop1{
0% { opacity: 0; }
5% { opacity: 0; -moz-transform: rotate(0deg) scale(0.10) skew(0deg) translate(0px); }
10% { opacity: 1; -moz-transform: translateY(0px); }
25% { opacity: 1; -moz-transform: translateY(0px); }
30% { opacity: 0; -moz-transform: translateY(0px); }
80% { opacity: 0; }
100% { opacity: 0;}
}
@-webkit-keyframes pop1{
0% { opacity: 0; }
5% { opacity: 0; -webkit-transform: rotate(0deg) scale(0.10) skew(0deg) translate(0px);}
10% { opacity: 1; -webkit-transform: translateY(0px); }
25% { opacity: 1; -webkit-transform: translateY(0px); }
30% { opacity: 0; -webkit-transform: translateY(0px); }
80% { opacity: 0; }
100% { opacity: 0; }
}
@-ms-keyframes pop1{
0% { opacity: 0; }
5% { opacity: 0; -ms-transform: rotate(0deg) scale(0.10) skew(0deg) translate(0px); }
10% { opacity: 1; -ms-transform: translateY(0px); }
25% { opacity: 1; -ms-transform: translateY(0px); }
30% { opacity: 0; -ms-transform: translateY(0px); }
80% { opacity: 0; }
100% { opacity: 0; }
}

/*Push Effect*/
.pushEffect1{
display: inline;
text-indent: 8px;
}
.pushEffect1 span{
animation: push1 12.5s linear infinite 0s;
-ms-animation: push1 12.5s linear infinite 0s;
-webkit-animation: push1 12.5s linear infinite 0s;
color: #00abe9;
opacity: 0;
overflow: hidden;
position: absolute;
}
.pushEffect1 span:nth-child(2){
animation-delay: 2.5s;
-ms-animation-delay: 2.5s;
-webkit-animation-delay: 2.5s;
}
.pushEffect1 span:nth-child(3){
animation-delay: 5s;
-ms-animation-delay: 5s;
-webkit-animation-delay: 5s;
}
.pushEffect1 span:nth-child(4){
animation-delay: 7.5s;
-ms-animation-delay: 7.5s;
-webkit-animation-delay: 7.5s;
}
.pushEffect1 span:nth-child(5){
animation-delay: 10s;
-ms-animation-delay: 10s;
-webkit-animation-delay: 10s;
}

/*Push Effect Animation*/
@-moz-keyframes push1{
0% { opacity: 0; }
5% { opacity: 0; -moz-transform: rotate(0deg) scale(2) skew(0deg) translate(0px); }
10% { opacity: 1; -moz-transform: translateX(0px); }
25% { opacity: 1; -moz-transform: translateX(0px); }
30% { opacity: 0; -moz-transform: translateX(0px); }
80% { opacity: 0; }
100% { opacity: 0;}
}
@-webkit-keyframes push1{
0% { opacity: 0; }
5% { opacity: 0; -webkit-transform:rotate(0deg) scale(2) skew(0deg) translate(0px);}
    10% { opacity: 1; -webkit-transform: translateX(0px); }
25% { opacity: 1; -webkit-transform: translateX(0px); }
30% { opacity: 0; -webkit-transform: translateX(0px); }
80% { opacity: 0; }
100% { opacity: 0; }
}
@-ms-keyframes push1{
0% { opacity: 0; }
5% { opacity: 0; -ms-transform: rotate(0deg) scale(2) skew(0deg) translate(0px); }
10% { opacity: 1; -ms-transform: translateX(0px); }
25% { opacity: 1; -ms-transform: translateX(0px); }
30% { opacity: 0; -ms-transform: translateX(0px); }
80% { opacity: 0; }
100% { opacity: 0; }
}
@media (max-width: 768px) {
.sentence1{

color: #222;
font-size: 20px;
text-align: left;
text-align: justify;
padding-left: 0px;
line-height: 33px;
}
.banner-hero{
    padding: 0px 16px 0px 15px;
}
 .banner-imgs {
    padding: 0px 0px 0px 0px;
    text-align: center;
}
.slidingVertical1 span{
font-size: 25px;
}
.banner30 {
width: 239px;
/* margin-left: 83px; */
margin-top: 39px;
}
img.img-responsive.shape-2 {
width: 125px;
height: 59px;
}
img.img-responsive.shape-4 {
width: 150px;
height: 73px;
}
 .banner-imgs .course-icon {
top: 3%;
right: 119px;
}
img.img-responsive.shape-3 {
width: 110px;
height: 72px;
}
 .banner-imgs .web-dev-icon {
top: 118px;
right: 10px;
}
img.img-responsive.shape-4 {
width: 125px;
height: 59px;
}
.banner-imgs .tick-icon {
top: 82%;
right: 33px;
}
.docs-icon img.img-responsive.shape-3 {
width: 113px;
height: 71px;
}
 .banner-imgs .congratulation-icon {
top: 73%;
left: 20px;
}
 .banner-imgs .union-icon {
top: 33%;
left: -4px;
}
.banner_carosel_1{
margin-top: 104px
}
 .banner-imgs .docs-icon{
bottom: -13%;
left: 156px;
}
.flagcontabo {
text-align: center;
font-size: 15px !important;
margin-right: -100px;
margin-bottom: -8px !important;
}
}
.flagcontabo {
text-align: center;
font-size: 20px;
margin-bottom: -16px;
padding-right: 116px;
color: #29337b;
font-weight: bold;
margin-top: -8px;
}
img.featureimg1234.servlist {
    width: 20px;
}
.carousel-control-prev-icon {
    background-color: #003aff;
    border-radius: 50px;
    z-index: 2147483647;

}
.carousel-control-next-icon {
    background-color: #003aff;
    border-radius: 50px;
    z-index: 2147483647;
}
/*
.banner_layout{
    background-color: white;
} */
.carousel-control-prev{
    width: 5%;
    visibility: hidden;
 }
 .carousel-control-next{
    width: 5%;
    visibility: hidden;
 }
 .languages{
    color: #ff0000;
    font-size: 16px;
 }