@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);

::-moz-selection {
    color: #fff;
    background: #0051eb
}

::selection {
    color: #fff;
    background: #0051eb
}

.textBlue {
    color: #111d5e !important
}

.textGray {
    color: #555555 !important
}

.textYellow {
    color: #fccd30 !important
}

.poppinsBold {
    font-weight: 700 !important
}

.poppinsLight {
    font-weight: 300 !important
}

.lineHeight30 {
    line-height: 30px
}

a,
a:hover,
a:visited {
    text-decoration: none !important;
    color: inherit;
    display: inline-block;
    cursor: pointer
}

a:focus {
    color: inherit;
    outline: none
}

.theme-btn-one {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    color: #111d5e;
    text-align: center;
    font-weight: 600;
    padding: 13px 20px;
    text-align: center;
    z-index: 1;
    border: 1px solid #fccd30;
    box-shadow: 0 20px 30px rgb(211 220 232 / 80%);
    transition: all 500ms ease;
    border-right: 4px solid #111d5e
}

.theme-btn-one:before {
    position: absolute;
    content: '';
    background: #284fa7;
    width: 0%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    border-radius: 0;
    z-index: -1;
    transition: all 500ms ease
}

.theme-btn-one:hover {
    background: #fccd30;
    border: 1px solid #fccd30;
    color: #fff !important;
    border-right: 4px solid #fccd30
}

.theme-btn-one:hover:before {
    width: 100%;
    opacity: 1
}

.vincent_back_to_top.show {
    opacity: 1;
    bottom: 92px
}

.vincent_back_to_top {
    border-radius: 57%;
    display: block;
    width: 50px;
    height: 50px;
    position: fixed;
    z-index: 9999;
    bottom: -100px;
    right: 11px;
    cursor: pointer;
    transition: all 0.2s ease-out;
    opacity: 0;
    background: rgb(252 205 48);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.vincent_back_to_top:hover {
    background-color: #284fa7;
}

.vincent_back_to_to.show {
    display: block !important
}

.vincent_back_to_top:after {
    display: block;
    font-size: 33px;
    line-height: 45px;
    width: 100%;
    text-align: center;
    height: 45px;
    font-family: 'Font Awesome 5 Pro';
    content: "\f106";
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -24px
}

body {
    font-family: 'Poppins', sans-serif;
    color: #111d5e
}

.headingTextt h2 {
    font-size: 40px
}

.headingTextt p {
    font-size: 24px
}

header {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%
}

.ApplyOnlineBtnTop a {
    background: #fccd30;
    color: #111d5e !important;
    font-weight: 500
}

.adHelp {
    margin: 0 0 0 20px !important;
    display: flex !important;
    align-items: center;
    background: #fff;
    padding: 5px 15px !important
}

.white-call-box {
    margin: 0 12px 0 0;
    background: #fccd30;
    border-radius: 50px;
    width: 32px;
    height: 32px;
    line-height: 34px
}

.white-call-box i {
    color: #111d5e;
    font-size: 18px
}

.need-help {
    text-align: left
}

.need-help span {
    color: #111d5e;
    font-size: 12px
}

.need-help a {
    color: #111d5e;
    font-size: 18px;
    font-weight: 700
}

.customSlide {
    overflow: hidden
}

#owl-demo .item {
    position: relative
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #dc005a
}

.owl-theme .owl-controls .owl-page span {
    width: 10px;
    height: 10px;
    background: #333;
    opacity: 1
}

.owl-theme .owl-controls {
    text-align: center
}

.customSlide .owl-theme .owl-controls {
    margin-top: -45px;
    z-index: 0;
    position: relative;
    padding: 0 0 13px 0;
    text-align: center
}

.starexBanner {
    padding: 140px 0;
    background: #fff url(../stareximage/frontbanner.jpg) no-repeat;
    width: 100%;
    background-position: center;
    background-size: cover;
    color: #fff;
    height: 650px
}

.starexBanner1 {
    padding: 140px 0;
    background: #fff url(../stareximage/law.jpg) no-repeat;
    width: 100%;
    background-position: center;
    background-size: cover;
    color: #fff;
    height: 650px
}

.starexBanner2 {
    padding: 140px 0;
    background: #fff url(../stareximage/banner3.jpg) no-repeat;
    width: 100%;
    background-position: center;
    background-size: cover;
    color: #fff;
    height: 650px
}

.starexBanner4 {
    padding: 140px 0;
    background: #fff url(../stareximage/banner4.jpg) no-repeat;
    width: 100%;
    background-position: center;
    background-size: cover;
    color: #fff;
    height: 650px
}

.contactList {
    padding: 0 0 10px 0;
    border-bottom: 1px solid #f3f3f3
}

.contact-info-con {
    padding: 10px 0
}

.social-partTop {
    overflow: hidden;
    text-align: right;
    margin: 0
}

.social-partTop li {
    display: inline-block
}

.social-partTop li a {
    color: #fff;
    padding: 7px 12px;
    font-size: 12px;
    text-transform: uppercase
}

.social-partTop li a:hover {
    color: #fccd30
}

.whyStarex {
    padding: 70px 0;
    background: #fccd30;
    position: relative;
    overflow: hidden
}

.srMarkshape9 {
    right: 100px;
    bottom: 100px;
    -webkit-animation: 10s apldg_rotate_animation linear infinite;
    animation: 10s apldg_rotate_animation linear infinite
}

@-webkit-keyframes apldg_rotate_animation {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes apldg_rotate_animation {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.srMarkshape5 {
    top: 45px;
    right: 55px;
    z-index: 0;
    -webkit-animation: Pr_mark_animation_3 15s infinite linear alternate;
    animation: Pr_mark_animation_3 15s infinite linear alternate
}

@-webkit-keyframes Pr_mark_animation_3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes Pr_mark_animation_3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.abtImage {
    position: relative
}

.abtImage .srMarkshape4 {
    left: -47px;
    bottom: -41px;
    z-index: 0;
    -webkit-animation: Pr_mark_animation_2 12s infinite linear alternate;
    animation: Pr_mark_animation_2 12s infinite linear alternate
}

@-webkit-keyframes Pr_mark_animation_2 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    75% {
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes Pr_mark_animation_2 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    75% {
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.rightAbtCont {
    margin: 0 0 0 30px
}

.contDiv p {
    font-size: 18px
}

.topRanked h2 {
    font-size: 28px;
    margin: 25px 0
}

.topRanked h3 {
    font-size: 35px;
    margin: 0 0 30px 0
}

.countTextt {
    margin: 15px 0 0 0
}

.countTextt h4 {
    font-size: 40px
}

.countTextt p {
    font-size: 14px;
    line-height: 22px;
    margin: 0
}

.bestEmerging {
    text-align: center;
    padding: 90px 0 0 0;
    width: 100%;
    background-position: center;
    background-size: cover
}

.bestEmerging h2 {
    font-size: 40px;
    margin: 0 0 30px 0
}

.bestEmerging .readMoreStarexBtn {
    margin: 40px 0 30px 0
}

.bestEmerging .readMoreStarexBtn a {
    background: #fccd30;
    padding: 15px 30px
}

.whatMakesUs {
    padding: 120px 0 100px 0
}

.leftAllimgs {
    position: relative
}

.leftAllimgs .srMarkshape4 {
    right: 0;
    bottom: -70px;
    z-index: 0;
    -webkit-animation: Pr_mark_animation_2 12s infinite linear alternate;
    animation: Pr_mark_animation_2 12s infinite linear alternate
}

.promotYorBss h2 {
    font-size: 40px;
    margin: 0 0 30px 0
}

.promotYorBss ul li {
    margin: 0 0 15px 0;
    font-weight: 700
}

.promotYorBss ul li i {
    margin: 0 15px 0 0
}

.ugcActDegree {
    position: relative;
    text-align: center;
    padding: 0 0 320px 0;
    background: #fff url(../img/bg-2.png) no-repeat;
    width: 100%;
    background-position: center;
    background-size: cover
}

.ugcActDegree p {
    font-size: 28px;
    line-height: 55px
}

.jobOriented {
    position: relative;
    padding: 80px 0
}

.srMarkshape6 {
    top: 0;
    left: 0;
    z-index: 0
}

.srMarkshape7 {
    top: 185px;
    right: 0;
    z-index: 0
}

.courseInnerbox {
    background-color: #fff;
    text-align: center;
    -webkit-transition: 500ms all ease;
    transition: 500ms all ease;
    margin: 80px 0 0 0;
    display: flex;
    justify-content: center;
    padding: 60px 20px 20px 20px;
    align-items: center;
    -webkit-box-shadow: 6.891px 24.032px 80px 0 rgb(189 189 189 / 30%);
    box-shadow: 6.891px 24.032px 80px 0 rgb(189 189 189 / 30%)
}

.courseInnerbox:hover {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    background-color: #0d1d72
}

.courseInnerbox:hover .courseInnerText h3 {
    color: #fff
}

.courseInnerbox .courseInnerIcon {
    top: 0;
    left: 37%;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: linear-gradient(135deg, #fcb936 0%, #fcb936 100%, #fcb936 100%);
    -webkit-box-shadow: 0 14px 40px 0 rgb(58 171 255 / 25%);
    box-shadow: 0 14px 40px 0 rgb(58 171 255 / 25%)
}

.courseInnerbox .courseInnerIcon i {
    color: #111d5e;
    line-height: .7;
    font-size: 45px
}

.courseInnerbox .courseInnerText h3 {
    font-size: 20px;
    font-weight: 700;
    color: #0d1d72;
    margin: 0
}

.NewAndEvents {
    padding: 80px 0;
    background: #eceef6;
    position: relative
}

.NewAndEvents .srMarkshape8 {
    left: 0;
    bottom: 0;
    z-index: 0
}

#news-slider4 .owl-wrapper-outer {
    padding: 0 0 50px 0
}

.campusbox {
    margin: 0 10px
}

.campusthumb {
    overflow: hidden
}

.campusthumb img {
    transition: all 1.5s cubic-bezier(0, 0, .2, 1);
    width: 100%
}

.campusthumb:hover img {
    transform: scale3d(1.1, 1.1, 1.1);
    overflow: hidden
}

.campuscontent {
    padding: 35px 40px;
    box-shadow: 0 10px 40px #1c335412;
    background-color: #fff
}

.campuscontentHeader {
    margin: 0 0 20px 0
}

.campuscontentHeader h3 {
    font-size: 20px;
    line-height: 34px
}

.courseeClock span {
    margin: 0 0 0 10px
}

.campusfooter {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.starexLegacy {
    padding: 80px 0;
    background: linear-gradient(135deg, #000624 0%, #0b57af 100%, #ffc587 100%);
    position: relative
}

.starexLegacy .headingTextt {
    color: #fff !important
}

.starexLegacy .edgeBox .edgeItem {
    width: 20%;
    padding: 25px 10px 10px 10px;
    position: relative;
    overflow: hidden;
    border-right: 1px dotted #FFF;
    border-bottom: 1px dotted #FFF
}

.starexLegacy .edgeBox .edgeItem p {
    color: #FFF;
    margin-top: 10px
}

.starexLegacy .edgeBox .edgeItem:last-child {
    border-bottom: 0 solid #a5a5a5
}

.joinOurVibrant {
    padding: 180px 0 130px 0;
    position: relative;
    overflow: hidden
}

.joinOurVibrant .srMarkshape44 {
    right: 0;
    bottom: -70px;
    z-index: 0;
    -webkit-animation: Pr_mark_animation_2 12s infinite linear alternate;
    animation: Pr_mark_animation_2 12s infinite linear alternate
}

.joinOurVibrant .srMarkshape8 {
    top: 55px;
    right: -35px;
    z-index: 0
}

.joinOurVibrant .srMarkshape4 {
    left: 70px;
    top: 100px;
    z-index: 0;
    -webkit-animation: Pr_mark_animation_2 12s infinite linear alternate;
    animation: Pr_mark_animation_2 12s infinite linear alternate
}

.joinOurVibrant .srMarkshape10 {
    left: 40%;
    bottom: 100px;
    -webkit-animation: 10s apldg_rotate_animation linear infinite;
    animation: 10s apldg_rotate_animation linear infinite
}

.vibrantContant h2 {
    line-height: 60px;
    font-size: 40px;
    margin: 0 0 30px 0
}

.campusImgWrapper {
    min-height: 495px;
    margin-top: 56px
}

.campusShape3 {
    position: absolute;
    top: 3%;
    left: 5%
}

.campusImg1 {
    position: absolute;
    top: 140px
}

.campusImg2 {
    position: absolute;
    top: -5%;
    left: 27%
}

.campusImg3 {
    position: absolute;
    top: -11%;
    left: 71%
}

.campusImg4 {
    position: absolute;
    top: 41%;
    left: 27%
}

.campusImg5 {
    position: absolute;
    right: -18%;
    top: 23%
}

.industrialAssociates {
    padding: 80px 0;
    background: #eceef6;
    position: relative
}

#news-slider5 .owl-wrapper-outer {
    padding: 0 0 50px 0
}

.industrialAssociates .srMarkshape8 img {
    width: 250px
}

.outLatesBlog {
    padding: 80px 0
}

.outLatesBlog .heading {
    color: #192329;
    font-size: 50px;
    margin: 0 0 30px 0;
    font-weight: 700;
    text-align: center
}

.blgBoxx {
    margin: 30px 0 0 0
}

.blgBoxx .imgBlog {
    overflow: hidden
}

.blgBoxx .imgBlog:hover img {
    transform: scale3d(1.1, 1.1, 1.1);
    overflow: hidden
}

.blgBoxx .imgBlog img {
    transition: all 1.5s cubic-bezier(0, 0, .2, 1);
    width: 100%
}

.contentBlogg {
    background: #fafafa;
    padding: 40px 20px;
    position: relative;
    text-align: center
}

.contentBlogg .dateTime {
    left: 28%;
    background: #fccd30;
    display: inline-block;
    padding: 8px 14px;
    color: #111d5e;
    border-radius: 4px;
    position: absolute;
    top: -20px
}

.contentBlogg h4 {
    margin: 0 0 20px 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 34px
}

.contentBlogg p a {
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    padding: 0 30px 0 0
}

.expBtn {
    position: relative;
    display: inline
}

.expBtn span {
    position: absolute;
    display: block;
    top: -1px;
    right: 7px
}

.expBtn span img {
    -webkit-animation: leftrightmoving 2s infinite;
    animation: leftrightmoving 2s infinite;
    width: 20px
}

.investMore {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 80px 0 0 0
}

.investMore p {
    margin: 0 20px 0 0;
    font-weight: 700;
    font-size: 18px
}

.investMore .theme-btn-one {
    background: #fccd30
}

@-webkit-keyframes leftrightmoving {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateX(0)
    }

    40% {
        -webkit-transform: translateX(15px)
    }

    60% {
        -webkit-transform: translateX(7px)
    }
}

@-moz-keyframes leftrightmoving {

    0%,
    100%,
    20%,
    50%,
    80% {
        -moz-transform: translateX(0)
    }

    40% {
        -moz-transform: translateX(15px)
    }

    60% {
        -moz-transform: translateX(7px)
    }
}

@keyframes leftrightmoving {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    40% {
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        -o-transform: translateX(15px);
        transform: translateX(15px)
    }

    60% {
        -webkit-transform: translateX(7px);
        -moz-transform: translateX(7px);
        -ms-transform: translateX(7px);
        -o-transform: translateX(7px);
        transform: translateX(7px)
    }
}

.StudentTtestimonials {
    padding: 80px 0 50px 0;
    background: #eceef6;
    position: relative
}

#news-slider6 .owl-wrapper-outer {
    padding: 0 0 30px 0
}

.testimonialBlock {
    margin: 0 15px
}

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

.testimonialBlock .inner-box {
    position: relative
}

.testimonialBlock .inner-box .upper-box:before {
    position: absolute;
    content: '';
    left: 0;
    top: 35px;
    right: 0;
    bottom: 0;
    border: 8px solid #fff;
    background-color: #fff
}

.testimonialBlock .inner-box .color-layer {
    position: absolute;
    content: '';
    left: 8px;
    top: 8px;
    right: 8px;
    bottom: 8px;
    opacity: 0;
    background-size: cover;
    background-color: #284fa7;
    transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transform: scale(1, .6)
}

.testimonialBlock .inner-box:hover .color-layer {
    opacity: 1;
    transform: scale(1, 1)
}

.testimonialBlock .inner-box:hover .upper-box .text {
    color: #fff
}

.testimonialBlock .inner-box .upper-box {
    position: relative;
    text-align: center;
    padding: 35px 30px 60px;
    background-color: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 15%)
}

.testimonialBlock .inner-box .upper-box .quote-icon {
    position: absolute;
    left: 30px;
    top: -20px;
    font-size: 40px;
    line-height: 1em;
    color: #d0d4db;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease
}

.testimonialBlock .inner-box .upper-box .text {
    position: relative;
    color: #555;
    font-size: 18px;
    line-height: 34px
}

.testimonialBlock .inner-box .lower-box {
    position: relative;
    text-align: center
}

.testimonialBlock .inner-box .lower-box .author-image {
    position: relative;
    width: 97px;
    height: 97px;
    padding: 10px;
    margin: 0 auto;
    margin-top: -47px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 25px rgb(0 0 0 / 15%)
}

.testimonialBlock .inner-box h5 {
    position: relative;
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin-top: 15px
}

.testimonialBlock .inner-box h5 span {
    position: relative;
    display: block;
    font-weight: 400;
    color: #666;
    font-size: 14px;
    margin-top: 3px
}

.testimonialBlock .inner-box .lower-box .author-image img {
    position: relative;
    border-radius: 50%
}

.internationalStudents {
    background: url(../img/intenational-studentss.jpg) no-repeat;
    background-attachment: fixed;
    width: 100%;
    background-size: cover;
    background-position: center center;
    padding: 80px 0 170px 0;
    color: #fff;
    position: relative;
    z-index: 1
}

.internationalStudents h2 {
    font-size: 60px;
    line-height: 80px
}

.internationalStudents[data-black-overlay="9"]:before {
    opacity: .8
}

.internationalStudents[data-black-overlay]:before {
    background-color: #071144
}

.internationalStudents[data-black-overlay]:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1
}

.internationalStudents .row {
    align-items: center
}

.intAddressBoxx {
    margin: 0
}

.intAddressBoxx li {
    margin: 10px 0;
    border: 2px solid #fccd30;
    padding: 35px 24px;
    width: 100%;
    text-align: left;
    color: #fff;
    box-shadow: none
}

.intAddressBoxx li:hover {
    border: 2px solid #fccd30
}

.intAddressBoxx li.phoneNumberDiv {
    font-size: 40px
}

.intAddressBoxx li.phoneNumberDiv i {
    color: #fccd30
}

.intAddressBoxx li.phoneNumberDiv a {
    margin: 0 0 0 7px
}

.intAddressBoxx li.emailDiv {
    display: flex
}

.intAddressBoxx li.emailDiv i {
    font-size: 40px;
    color: #fccd30
}

.intAddressBoxx li.emailDiv .emailAddressboxx {
    margin: 0 0 0 20px
}

.intAddressBoxx li.emailDiv .emailAddressboxx h3 {
    text-transform: uppercase;
    font-size: 14px
}

.intAddressBoxx li.emailDiv .emailAddressboxx p {
    margin: 0;
    font-size: 18px
}

.quote-section {
    position: relative
}

.quote-section .container {
    position: relative;
    padding: 50px 60px;
    z-index: 1;
    background: #fff;
    box-shadow: 0 10px 40px #1c335412;
    margin-top: -60px
}

.quote-section .title-column {
    position: relative
}

.quote-section .title-column .inner-column {
    position: relative
}

.quote-section .title-column h4 {
    font-size: 26px
}

.quote-section .title-column .text {
    position: relative;
    color: #bbb;
    padding-right: 35px;
    display: inline-block;
    font-size: 30px
}

.quote-section .title-column .text:before {
    position: absolute;
    content: '';
    right: 0;
    top: 12px;
    width: 22px;
    height: 20px;
    background-image: url(../img/thumb.png)
}

.quote-section .form-column {
    position: relative
}

.quote-section .form-column .inner-column {
    position: relative;
    padding-top: 12px
}

.quote-box {
    position: relative
}

.quote-box .form-group {
    position: relative;
    margin: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 145px
}

.quote-box .form-group input[type="text"],
.quote-box .form-group input[type="email"] {
    position: relative;
    line-height: 43px;
    border: 0;
    outline: 0;
    padding: 10px 15px 10px 20px;
    display: block;
    font-size: 13px;
    height: 46px;
    width: 100%;
    color: #111d5e;
    box-shadow: none;
    background: #f4f4f5;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease
}

.quote-box .form-group input::placeholder,
.quote-box .form-group textarea::placeholder {
    color: #111d5e
}

.quote-box .form-group button {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    font-size: 14px;
    color: #121c5e;
    cursor: pointer;
    line-height: 100%;
    font-weight: 600;
    text-align: center;
    padding: 15px 20px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    background-color: #fccd30
}

footer {
    width: 100%;
    background-position: center;
    background-size: cover;
    color: #fff;
    position: relative;
    padding: 90px 0 30px 0
}

.MapfooterShape3 {
    left: 0;
    right: 0;
    opacity: 1;
    z-index: 0;
    top: 100px;
    margin: 0 auto;
    text-align: center;
    animation-duration: 25s;
    animation-name: left-right-move;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.MapfooterShape3 img {
    max-width: 100%;
    height: auto;
    width: 740px;
    opacity: .6
}

@keyframes scale {
    from {
        transform: scale(.9);
        -webkit-transform: scale(.9)
    }

    to {
        transform: scale(1.08);
        -webkit-transform: scale(1.08)
    }
}

@keyframes left-right-move {
    0% {
        transform: translateX(-100px)
    }

    50% {
        transform: translateX(-10px)
    }

    100% {
        transform: translateX(-100px)
    }
}

.footer-widget {
    margin-bottom: 80px
}

.footer-widget .widget-title {
    font-weight: 700;
    margin: 0 0 30px 0;
    color: #111d5e
}

.footer-widget.border-end {
    border-right-color: #c7c7d5 !important;
    padding-right: 55px;
    margin-right: 40px;
    border-right: 1px solid #dee2e6 !important
}

.footer-newsletter .title {
    margin-bottom: 20px;
    font-size: 40px
}

.footer-newsletter p {
    font-size: 16px;
    line-height: 28px;
    color: #555
}

.footer-menu-link ul {
    margin: -8px 0
}

.footer-menu-link li.applyBtnFooter {
    margin: 10px 0 0 0
}

.footer-menu-link li.applyBtnFooter a {
    font-size: 14px;
    padding: 7px 14px;
    background: #fccd30;
    color: #111d5e
}

.footer-menu-link li a {
    color: #555;
    padding: 8px 0;
    font-size: 18px;
    line-height: 1.5;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.footer-menu-link li a:hover,
.site-footer__social a:hover {
    color: #192e6d
}

.footer-bottom {
    border-top: 1px solid #c7c7d5;
    padding: 35px 0 25px 0
}

.footer-bottom .row {
    align-items: center
}

.footerCopyright p {
    margin: 0;
    font-size: 18px;
    text-transform: uppercase
}

.footerSocialMedia {
    border-right: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    text-align: center
}

.footerSocialMedia h6 {
    margin: 0 0 20px 0
}

.footerVendor p {
    margin: 0;
    font-size: 18px;
    text-transform: uppercase
}

.site-footer__social {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin: 0;
    justify-content: center
}

.site-footer__social a {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    color: #9ca2a9;
    font-size: 22px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease
}

.site-footer__social a+a {
    margin-left: 36px
}

@media (min-width:992px) and (max-width:1199px) {

    .smllogo,
    .smllogo a {
        float: none !important;
        text-align: center
    }

    .smllogo a img {
        width: 130px
    }

    .social-partTop {
        text-align: center
    }

    .wsmenu-list>li>.navtext {
        margin: 0 !important
    }

    .adHelp {
        margin: 0 0 0 0px !important
    }

    .starexBanner {
        padding: 484px 0 190px 0;
        height: auto
    }

    .starexBanner1 {
        padding: 484px 0 190px 0;
        height: auto
    }

    .starexBanner2 {
        padding: 484px 0 190px 0;
        height: auto
    }

    .starexBanner4 {
        padding: 484px 0 190px 0;
        height: auto
    }

    .intAddressBoxx li.emailDiv {
        display: block;
        text-align: center
    }

    .internationalStudents h2 {
        font-size: 50px;
        line-height: 70px
    }

    .intAddressBoxx li.emailDiv .emailAddressboxx {
        margin: 10px 0 0 0
    }

    .intAddressBoxx li.emailDiv .emailAddressboxx p {
        font-size: 16px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .wsmenu-list>li>.navtext>span {
        color: #111d5e !important
    }

    .social-partTop {
        text-align: center
    }

    .social-partTop li a {
        color: #111d5e
    }

    .wsmenu-list>li>.navtext>span:after {
        display: none !important
    }

    .theme-btn-one {
        font-size: 12px;
        padding: 7px 10px !important
    }

    .starexBanner {
        padding: 190px 0;
        height: auto
    }

    .starexBanner1 {
        padding: 190px 0;
        height: auto
    }

    .starexBanner2 {
        padding: 190px 0;
        height: auto
    }

    .starexBanner4 {
        padding: 190px 0;
        height: auto
    }

    .contentBlogg .dateTime {
        left: 18%;
        font-size: 14px
    }

    .footer-bottom {
        text-align: center
    }

    .footer-widget.border-end {
        padding-right: 0;
        margin-right: 0;
        border-right: 0 !important
    }

    .footerSocialMedia {
        border-right: 0;
        border-left: 0
    }

    .footerSocialMedia {
        margin: 30px 0
    }

    .footerVendor h6 {
        font-size: 14px
    }
}

@media (max-width:767px) {
    .wsmenu-list>li>.navtext>span {
        color: #111d5e !important
    }

    .social-partTop {
        text-align: center
    }

    .social-partTop li a {
        color: #111d5e
    }

    .wsmenu-list>li>.navtext>span:after {
        display: none !important
    }

    .starexBanner {
        margin-top: 67px;
        padding: 50px 0;
        height: auto
    }

    .starexBanner1 {
        margin-top: 67px;
        padding: 50px 0;
        height: auto
    }

    .starexBanner2 {
        margin-top: 67px;
        padding: 50px 0;
        height: auto
    }

    .starexBanner4 {
        margin-top: 67px;
        padding: 50px 0;
        height: auto
    }

    .whyStarex {
        padding: 30px 0;
        text-align: center
    }

    .rightAbtCont {
        margin: 0
    }

    .contDiv p {
        font-size: 16px
    }

    .bestEmerging {
        padding: 30px 0;
        background: #eceef6
    }

    .bestEmerging h2 {
        font-size: 24px;
        line-height: 36px;
        margin: 0 0 15px 0
    }

    .whatMakesUs {
        padding: 30px 0 30px 0
    }

    .leftAllimgs .srMarkshape4 img {
        width: 200px
    }

    .promotYorBss h2 {
        font-size: 22px;
        margin: 65px 0 30px 0;
        text-align: center;
        line-height: 34px
    }

    .ugcActDegree {
        padding: 4px 0 300px 0
    }

    .ugcActDegree p {
        font-size: 18px;
        line-height: 30px
    }

    .jobOriented {
        padding: 30px 0 50px 0
    }

    .headingTextt h2 {
        font-size: 24px
    }

    .headingTextt p {
        font-size: 16px
    }

    .NewAndEvents {
        padding: 40px 0
    }

    .campuscontent {
        padding: 35px 25px
    }

    .srMarkshape6 {
        display: none
    }

    .starexLegacy {
        padding: 40px 0
    }

    .starexLegacy .headingTextt {
        margin: 0 0 0 0 !important
    }

    .starexLegacy .edgeBox .edgeItem {
        width: 50%;
        border: 1px dotted #fff !important
    }

    .joinOurVibrant {
        padding: 180px 0 50px 0
    }

    .vibrantContant {
        text-align: center
    }

    .vibrantContant h2 {
        line-height: 44px;
        font-size: 30px
    }

    .campusImgWrapper {
        text-align: center;
        margin-top: 30px
    }

    .campusImg1 {
        position: relative;
        top: 0
    }

    .campusImg2,
    .campusImg3,
    .campusImg4 {
        position: relative;
        top: 0;
        left: 0;
        margin: 15px 0
    }

    .campusImg5 {
        position: relative;
        right: 0;
        top: 0
    }

    .industrialAssociates {
        padding: 40px 0
    }

    .outLatesBlog {
        padding: 40px 0
    }

    .blgBoxx {
        margin: 15px 0 0 0
    }

    .investMore {
        display: block;
        align-items: center;
        justify-content: center;
        margin: 30px 0 0 0;
        text-align: center
    }

    .investMore p {
        margin: 0 0 20px 0;
        font-weight: 700;
        font-size: 16px
    }

    .StudentTtestimonials {
        padding: 40px 0 30px 0;
        background: #eceef6;
        position: relative
    }

    .testimonialBlock .inner-box .upper-box {
        padding: 25px 25px 60px
    }

    .testimonialBlock .inner-box .upper-box .text {
        font-size: 14px;
        line-height: 28px
    }

    #news-slider6 .owl-wrapper-outer {
        padding: 0
    }

    .internationalStudents {
        padding: 50px 0 40px 0;
        text-align: center
    }

    .intAddressBoxx li {
        padding: 25px 15px
    }

    .intAddressBoxx li.phoneNumberDiv {
        font-size: 24px
    }

    .intAddressBoxx li.emailDiv {
        display: block;
        text-align: center
    }

    .intAddressBoxx li.emailDiv .emailAddressboxx {
        margin: 0
    }

    .srMarkshape8 img {
        width: 100%
    }

    .internationalStudents h2 {
        font-size: 36px;
        line-height: 50px
    }

    .intAddressBoxx li.emailDiv .emailAddressboxx p {
        font-size: 11px
    }

    .MapfooterShape3 img {
        width: auto
    }

    .quote-section {
        text-align: center
    }

    .quote-section .container {
        margin-top: 0;
        padding: 40px 30px
    }

    .quote-section .title-column .text {
        padding-right: 0
    }

    .quote-section .title-column .text:before {
        display: none
    }

    .quote-box .form-group {
        padding-right: 0
    }

    .quote-box .form-group input[type="text"],
    .quote-box .form-group input[type="email"] {
        margin: 0 0 15px 0
    }

    .quote-box .form-group button {
        position: relative;
        display: table !important;
        margin: 0 auto
    }

    footer {
        padding: 40px 0 30px 0
    }

    .footer-widget.border-end {
        padding-right: 0;
        margin-right: 0;
        border-right: 0 !important
    }

    .footer-widget {
        margin-bottom: 30px
    }

    .footer-newsletter .title {
        margin-bottom: 10px;
        font-size: 23px
    }

    .footer-menu-link li a {
        font-size: 16px;
        line-height: 24px
    }

    .footer-bottom {
        text-align: center
    }

    .footerSocialMedia {
        border-right: 0;
        border-left: 0
    }

    .footerSocialMedia {
        margin: 30px 0
    }

    .footerVendor h6 {
        font-size: 14px
    }

    .theme-btn-one {
        font-size: 12px;
        padding: 7px 10px !important
    }
}

@media (min-width:480px) and (max-width:767px) {
    .starexBanner {
        padding: 150px 0;
        height: auto
    }

    .starexBanner1 {
        padding: 150px 0;
        height: auto
    }

    .starexBanner2 {
        padding: 150px 0;
        height: auto
    }

    .starexBanner4 {
        padding: 150px 0;
        height: auto
    }
}