form.blog_search .form-controller input[type=button]:focus,
form.blog_search .form-controller input[type=button]:hover,
form.blog_search .form-controller input[type=submit]:focus,
form.blog_search .form-controller input[type=submit]:hover,
form.blog_search .form-controller button:focus,
form.blog_search .form-controller button:hover {
    border-color: #008574 !important
}

.ajax-loader {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background: #fff0;
    position: fixed;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    z-index: 99999
}

.ajax-loader:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: #000;
    opacity: .7
}

.ajax-loader img {
    position: relative;
    z-index: 4
}

.single-post #bannersection .banner_content .banner_title {
    display: none
}

ul.key-values-list {
    padding: 0;
    margin: 0 0 15px;
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.train_expect_sec figure.elementor-image-box-img {
    height: 93px;
    width: 93px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px !important;
    background-color: #FFF6D8;
    border-radius: 100%
}

.why_study_online .elementor-image-box-wrapper figure.elementor-image-box-img {
    width: 86px !important;
    height: 80px !important;
    background-color: #fff;
    display: flex;
    justify-content: center;
    border-radius: 100%
}

.train_expect_sec .elementor-image-box-wrapper h3 {
    margin-bottom: 10px
}

ul.key-values-list li {
    width: 48%;
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px
}

ul.key-values-list li:before {
    position: absolute;
    content: '';
    height: 7px;
    width: 7px;
    background-color: #f5c611;
    border-radius: 100%;
    left: 0;
    top: 6px
}

.domestic-ovrw-sec p,
.domestic-kry-srvc-list-sec p {
    margin: 0
}

.city-slider-card img {
    width: 100%;
    display: block;
    transition: all 1s
}

.city-slider-card img {
    aspect-ratio: 16 / 9;
}

.city-slider-card {
    text-align: center
}

.city-slider-card:hover h4 {
    color: #F9B700
}

.city-img-wrap {
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 20px
}

.city-slider-card:hover img {
    transform: scale(1.1);
    transition: all 1s
}

.city-slider-card .zoom_image {
    overflow: hidden;
    border-radius: 12px
}

.universiti_logo-button-prev.swiper-button-prev,
.universiti_logo-button-next.swiper-button-next,
.destination-button-prev.swiper-button-prev,
.destination-button-next.swiper-button-next,
.news-button-prev.swiper-button-prev,
.news-button-next.swiper-button-next,
.blog-button-prev.swiper-button-prev,
.blog-button-next.swiper-button-next,
.swiper-abbroad-next.swiper-button-next,
.swiper-abbroad-prev.swiper-button-prev {
    background-image: none !important
}

.usp_container ul.usp_tabs li:hover span {
    color: #F9B700
}

.usp_container ul.usp_tabs .usptab_li.active.arrow_show span {
    color: #F9B700
}

.link--arrowed {
    display: inline-block;
    height: 2rem;
    line-height: 2rem
}

.link--arrowed .arrow-icon {
    position: relative;
    top: -1px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    vertical-align: middle
}

.link--arrowed .arrow-icon--circle {
    -webkit-transition: stroke-dashoffset .3s ease;
    transition: stroke-dashoffset .3s ease;
    stroke-dasharray: 95;
    stroke-dashoffset: 95
}

.link--arrowed:hover .arrow-icon {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0)
}

.link--arrowed:hover .arrow-icon--circle {
    stroke-dashoffset: 0
}

/** Rotating Image Start **/

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.rotating {
    -webkit-animation: rotating 18s linear infinite;
    -moz-animation: rotating 18s linear infinite;
    -ms-animation: rotating 18s linear infinite;
    -o-animation: rotating 18s linear infinite;
    animation: rotating 18s linear infinite
}

.rotating img {
    width: 100%;
    height: 100%
}

/** Rotating Image End **/

.aos-animate .img-overlay:before,
.animated.img-overlay:before {
    transform-origin: 100% 50%;
    transform: scaleX(0) translateX(0);
    -webkit-animation: 1s overlay ease-in-out forwards;
    animation: 1s overlay ease-in-out forwards;
    left: -2px
}

.img-overlay img {
    width: 100%;
    transform: scale(.8);
    display: block
}

.aos-animate .img-overlay img,
.animated.img-overlay img {
    -webkit-animation: 1s 0.5s loaded cubic-bezier(.49, 0, .5, 1) forwards;
    animation: 1s 0.5s loaded cubic-bezier(.49, 0, .5, 1) forwards
}

@-webkit-keyframes loaded {
    from {
        transform: scale(0.8);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes loaded {
    from {
        transform: scale(0.8);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes overlay {
    0% {
        transform: scaleX(0);
    }
    55% {
        transform: scaleX(1);
    }
    100% {
        transform: translateX(-100%);
    }
}

@keyframes overlay {
    0% {
        transform: scaleX(0);
    }
    55% {
        transform: scaleX(1);
    }
    100% {
        transform: translateX(-100%);
    }
}

*/
/******** Text Animation home ********/

/* Animation One */

.one {
    opacity: 0;
}

.aos-animate .one {
    animation: revolveScale 1s forwards;
    opacity: 0;
}

span.blank_span {
    width: 10px;
}

@keyframes revolveScale {
    80% {
        opacity: 0;
    }
    100% {
        transform: translate(0) scale(1);
        opacity: 1;
    }
}

.one {
    font-size: 45px;
    line-height: 55px;
    font-weight: 700
}

.smalltext {
    font-size: 26px;
    line-height: 35px;
    margin: -15px 0 0 0;
    color: #000 !important
}

.aos-animate.one {
    transform: translate(-100px, 0) scale(0);
    animation: revolveScale 1s forwards
}

.airoplane_bg:after {
    content: '';
    background: url(../../uploads/other/airoplane.svg);
    height: 52px;
    width: 144px;
    display: inline-block;
    position: relative;
    top: 23px;
    background-position: left;
    background-repeat: no-repeat;
    transition: all 1s ease-in-out;
    background-color: #FFF6D8;
    z-index: 1;
    opacity: 1
}

.aos-animate .airoplane_bg:after {
    transform: translateX(-410px);
    animation: aeroplanemove 1.5s forwards;
    animation-delay: 1s
}

@keyframes aeroplanemove {
    0% {
        transform: translateX(-100px);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 1;
        transform: translate(-0px);
    }
}

/******** Text Animation home end ********/

.infinite_bg_slider {
    display: flex;
    width: 8500px;
    -webkit-animation: bannermove 45s linear infinite;
    animation: bannermove 45s linea infinite
}

.infinite_bg_div {
    position: relative;
    margin: -149px 0 -10px 0;
    left: -40%
}

.infinite_bg_slider ul img {
    width: 100%
}

.infinite_bg_slider ul {
    display: flex;
    list-style-type: none;
    padding-left: 0;
    margin: 0
}

@-webkit-keyframes "bannermove" {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

@keyframes "bannermove" {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* vmv effect */

.vmv_div {
    position: relative;
    width: 100%;
    /* max-width: 1180px; */
    max-width: 896px;
    margin: 0 auto
}

.vmv_div ul {
    padding: 0 !important;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 330px
}

.vmv_div ul li {
    position: absolute;
    width: 360px
}

.vmv_box .vmv_text h2 {
    color: #000;
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 10px;
    position: relative
}

.vmv_box .vmv_text p {
    color: #000;
    font-size: 15px;
    line-height: 26px;
    max-width: 338px;
    text-align: justify;
    letter-spacing: .15px
}

.vmv_img_box {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.vmv_img_box img {
    position: absolute;
    max-width: fit-content
}

.vmv_img_box img.vmv_circle {
    scale: .5
}

.vmv_div ul li:nth-child(1) {
    left: 90px;
    /* top: -20px */
}

.vmv_div ul li:nth-child(2) {
    right: 120px;
    /* top: 75px; */
    /* top: 65px; */
    top: 36px;
    width: 410px
}

.vmv_div ul li:nth-child(2) .vmv_text {
    transform: translateY(-20px) !important
}

.vmv_img_box img.vmv_arrow {
    left: 0;
    top: 0;
    transition: all 1s
}

.vmv_box {
    display: flex;
    justify-content: space-between;
    position: relative
}

.vmv_div ul li:nth-child(1) .vmv_box {
    flex-flow: row-reverse
}

.vmv_text {
    position: relative;
    transition: all 1s
}

.vmv_box .vmv_text h4:after {
    position: absolute;
    content: '';
    width: 0%;
    height: 1px;
    background-color: #F5C611;
    bottom: 9px;
    right: 144px;
    transition: all 2s
}

.vmv_div ul li:nth-child(2) .vmv_box .vmv_text h4:after {
    right: 150px !important
}

.vmv_div ul li:nth-child(2) .vmv_box .vmv_text p {
    max-width: 370px
}

.vmv_div ul li:nth-child(2) .vmv_box .vmv_text {
    right: -160px
}

.vmx_icon_div {
    position: absolute;
    left: -40px;
    top: 85px;
    height: 80px;
    width: 80px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    transition: all 1s
}

/* .vmv_div ul li:nth-child(2) .vmx_icon_div {
    top: 135px !important
} */

.vmv_div ul li:nth-child(1) .vmv_text {
    height: 100%;
    left: -100px;
    top: 0px !important
}

.vmv_div ul li:nth-child(1) img.vmv_arrow {
    left: -100px;
    top: 115px;
    scale: 1.15;
    transform: rotate(0deg)
}

.vmv_div ul li:nth-child(2) img.vmv_arrow {
    top: auto !important;
    bottom: 0;
    left: 40px;
    scale: 1.2;
    transform: rotate(142deg)
}

/*effect*/

img.vmv_arrow,
img.vmv_circle,
.vmx_icon_div,
.vmv_text {
    opacity: 1;
    transition: all 0.5s
}

.vmv_div ul li:nth-child(1) img.vmv_circle {
    transform: rotate(-90deg)
}

.vmv_div ul li:nth-child(2) img.vmv_circle {
    scale: .6;
    transform: rotate(-90deg)
}

.vmv_sec.aos-animate .vmv_div ul li:nth-child(1) .vmx_icon_div {
    bottom: 0 !important;
    scale: .8;
    top: auto !important
}

.vmv_sec.aos-animate .vmv_div ul li:nth-child(1) img.vmv_circle {
    transform: rotate(15deg);
    bottom: -118px;
    scale: .45
}

.vmv_sec.aos-animate .vmv_div ul li:nth-child(2) img.vmv_circle {
    scale: .58;
    transform: rotate(15deg);
    bottom: -50px
}

.vmv_sec.aos-animate img.vmv_arrow {
    opacity: 1;
    transition-delay: 0.6s
}

.vmv_sec.aos-animate .vmv_text {
    opacity: 1;
    transition: all 1s;
    transition-delay: 0.8s !important;
    transform: translateY(30px)
}

.vmv_sec.aos-animate .vmv_div ul li:nth-child(2) .vmv_text {
    transform: translateY(0) !important
}

.vmv_sec.aos-animate .vmv_box .vmv_text h4:after {
    width: 30%;
    transition-delay: 1s !important;
    transition: all 2s
}

.vmv_sec.aos-animate .vmx_icon_div {
    opacity: 1;
    transition-delay: 0.7s
}

.vmv_sec.aos-animate img.vmv_circle {
    opacity: 1
}

ul.values_ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

ul.values_ul .values_box h3 {
    font-size: 18px;
    line-height: 25px;
    color: #00584C;
    font-family: 'Aileron B';
    max-width: 180px;
    margin-bottom: 10px
}

ul.values_ul .values_box p {
    color: #000;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: .15px;
    max-width: 170px;
    margin: 0 auto
}

ul.values_ul li {
    width: 20%
}

.values_bg {
    background-image: url(../../uploads/other/values-bg.svg);
    background-repeat: no-repeat;
    height: 290px;
    display: flex;
    padding: 0 0;
    width: 253px
}

ul.values_ul .values_box {
    text-align: center;
    padding: 0 29px 0 0;
    max-width: fit-content;
    margin: 0 auto
}

/* vmv effect end*/

.serv_img_wrap.img-overlay img {
    opacity: 1
}

ul.serv_ul li .serv_img_small.img-overlay img {
    opacity: 1
}

@media(max-width:768px) {
    .img-overlay img {
        width: 100%;
        opacity: 1 !important;
        transform: scale(1) !important;
    }
}