@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap);a,a:hover,p {
    text-decoration: none
}

.customradio,.dropdown-nav,ul.dropdown li {
    vertical-align: middle
}

.content-style ul li:last-child,.customradio,.slick-dotted.slick-slider,.sub-list ul li:last-child,.what-we-provide ul li:last-child,ul {
    margin-bottom: 0
}

.payment-method ul li .img-box,.tab-style-1 ul li a,.un-list ul li a {
    background-color: #fff;
    box-shadow: 0 0 15px 3px rgb(20 88 87 / 12%)
}

.dropdown-nav,.over-hidden,.ovrer-hidden,.trusted-partners {
    overflow: hidden
}

:root {
    --primary-color: #F5A623;
    --secondary-color: #FFFFFF;
    --gradient-light: #FFCC80;
    --bg-light: #FFF8E7;
    --text-dark: #303030;
}

.newBannerStyle .form-group i,.overlay,[class^=box-],ul.dropdown li a:before {
    display: none
}

.disclaimer p span,.slick-dots,[class^=box-].showfirst,header .navbar-nav .dropdown:hover .dropdown-menu,p {
    display: block
}

body {
    font-family: Poppins,sans-serif;
    font-weight: 300
}

h1,h2,h3,h4,h5,h6 {
    display: block;
    font-weight: 700;
    line-height: 1.12
}

*,:focus,:hover {
    outline: 0!important
}

img {
    max-width: 100%;
    height: auto
}

a,input[type=submit] {
    display: inline-block;
    cursor: pointer
}

a,p {
    font-size: 15px;
    color: #111
}

.slick-dots {
    position: absolute;
    bottom: -70px
}

.slick-dots>li {
    display: inline-block;
    margin: 0 5px
}

.slick-dots>li button {
    padding: 0;
    font-size: 0;
    width: 10px;
    height: 10px;
    background-color: var(--primary-color);
    border-radius: 25px;
    cursor: pointer
}

.slick-arrow {
    font-size: 0;
    cursor: pointer
}

.slick-prev {
    left: 0
}

.slick-next {
    right: 0
}

button,input[type],select,textarea {
    background: 0 0;
    border: none;
    border-radius: 0
}

::-webkit-input-placeholder {
    color: #3b3b3b
}

::-moz-placeholder {
    color: #3b3b3b
}

:-ms-input-placeholder {
    color: #3b3b3b
}

:-moz-placeholder {
    color: #3b3b3b
}

.customradio {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400;
    color: #fff
}

.checkmark,.element,.hamburger,.hamburger span,ul.dropdown {
    position: absolute
}

.customradio input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.checkmark {
    top: 4px;
    left: 0;
    height: 11px;
    width: 11px;
    border-radius: 3px;
    background-color: #e0e0e0
}

.customradio input:checked~.checkmark {
    background: var(--primary-color)
}

.headingstyle-1 h6::after,.headingstyle-1 h6::before,.stats-box .circle::before,.tab-style-1 ul li.active a,.testimonial-box .review-by h6::before {
    background-color: var(--secondary-color)
}

.hamburger {
    width: 30px;
    height: 20px;
    cursor: pointer;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 8;
    display: none
}

.hamburger span {
    display: block;
    height: 4px;
    width: 100%;
    background: var(--primary-color);
    transition: .6s;
    border-radius: 100px
}

.hamburger span:first-child {
    top: 0
}

.hamburger span:nth-child(2) {
    top: 8px;
    transform-origin: left
}

.hamburger span:nth-child(3) {
    top: 16px
}

.hamburger.active span:first-child {
    transform: rotate(45deg);
    top: 12px;
    transform-origin: right-center
}

.hamburger.active span:nth-child(2) {
    width: 0;
    opacity: 0
}

.hamburger.active span:nth-child(3) {
    transform: rotate(-45deg);
    top: 12px;
    transform-origin: right-center
}

.overlay::after {
    content: '';
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(3 19 43 / 90%);
    z-index: 4
}

ul.dropdown {
    width: 200px;
    left: -47px;
    margin: auto;
    background: #fff;
    padding: 20px 15px 10px;
    text-align: left;
    border-radius: 5px;
    box-shadow: 0 0 10px 3px #00000014;
    opacity: 0;
    animation: .5s forwards btotreverse
}

@keyframes btotreverse {
    0% {
        top: 75px;
        opacity: 1
    }

    100% {
        top: 115px;
        opacity: 0
    }
}

.dropdown-nav:hover ul.dropdown {
    animation: .5s forwards btot;
    z-index: 9
}

@keyframes btot {
    0% {
        top: 115px;
        opacity: 0
    }

    100% {
        top: 24px;
        opacity: 1
    }
}

ul.dropdown li {
    width: 100%;
    display: inline-block
}

ul.dropdown li a {
    padding: 0;
    font-size: 13px;
    text-transform: capitalize;
    color: #000!important;
    display: block;
    width: 100%;
    margin: 0 0 10px;
    text-align: center;
    font-weight: 500
}

ul.dropdown li a:hover {
    color: rgba(0,0,0,.5)!important
}

.baanner-sec-changed {
    padding: 160px 0 70px!important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.banner-form .form-group,.cta-1,.dropdown-nav,.stats-box,.sub-list,.testimonial-box,.testimonial-box .review,footer .links a,footer h4 {
    position: relative
}

.dropdown-nav:hover {
    overflow: visible
}

.mainSlider .slick-arrow {
    font-size: 2rem;
    border: 0;
    text-indent: 0;
    color: var(--white)
}

.banner-style-1.halloweenStyle::before,.flip-clock-container [class|=flip-item]:first-child::before,.mainSlider .slick-arrow:before,.thanksGivingStyle::before {
    content: none
}

.mainSlider .slick-prev {
    left: 3rem
}

.mainSlider .slick-next {
    right: 3rem
}

.mainSlider .slick-dots {
    bottom: 20px
}

.element-1 {
    bottom: 0;
    left: 15%
}

ul {
    padding-left: 0;
    font-size: 0
}

ul li {
    list-style: none;
    font-size: 15px
}

ul.inline-block>li {
    display: inline-block;
    margin-right: 10px
}

ul.inline-block>li:last-child {
    margin-right: 10px
}

.color-primary,.tab-style-1 ul li.active a span {
    color: var(--primary-color)
}

.color-secondary,.copyright p a,.cta-2 .content-style ul li i,.thanksGivingStyle .content-style h1 .color-primary,.thanksGivingStyle .content-style h4,.thanksGivingStyle .content-style ul li i,footer .links a:focus,footer .links a:hover {
    color: var(--secondary-color)
}

.cust-bg-primary {
    background: var(--primary-color)
}

.spacing-x {
    padding: 70px 0
}

.pb-150 {
    padding-bottom: 150px
}

.bg-color-1 {
    background-color: #fff5f5ad
}

.bg-gradient-1 {
    background: linear-gradient(to right, var(--primary-color), #FFCC80);
    padding: 50px 25px;
    border-radius: 15px
}

.btn-style-1,.btn-style-icon {
    position: relative;
    overflow: hidden;
    border-radius: 50px;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    padding: 12px 25px;
    line-height: normal
}

.btn-1,.btn-2 {
    font-size: 15px;
    padding: 10px 20px;
    position: relative;
    display: block
}

.btn-style-icon {
    color: #fff;
    background-color: transparent
}

.btn-style-icon i {
    color: #fff;
    margin-right: 4px;
    font-size: 18px
}

.btn-1 {
    border: 1px solid var(--primary-color);
    border-radius: 50px
}

.btn-2 {
    color: #fff;
    border: 1px solid var(--primary-color);
    border-radius: 50px;
    line-height: normal;
    background: #a30d25;
    background: -moz-linear-gradient(top,#a30d25 0,#783232 100%);
    background: -webkit-linear-gradient(top,#a30d25 0,#783232 100%);
    background: linear-gradient(to bottom,#a30d25 0,#783232 100%)
}

.headingstyle-1 {
    text-align: center;
    position: relative
}

.headingstyle-1 h6 {
    position: relative;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: -.5px;
    color: #111;
    display: inline-block
}

.headingstyle-1 h6::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 1px;
    left: -30px
}

.headingstyle-1 h6::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 1px;
    right: -28px
}

.headingstyle-1 h3 {
    margin: 15px 0 10px;
    font-size: 50px;
    font-weight: 600
}

.headingstyle-1 p {
    margin: 0;
    font-size: 18px
}

.fs-40 {
    font-size: 40px!important
}

.fw-700 {
    font-weight: 700!important
}

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

header .toll-free {
    max-width: 200px
}

header .toll-free a {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    border: 1px solid #fff;
    border-top: 0;
    padding: 5px 15px;
    border-radius: 0 0 6px 6px;
    position: relative
}

header .toll-free a:after,header .toll-free a:before {
    content: '';
    position: absolute;
    border-top: 1px solid #fff
}

header .toll-free a:before {
    width: 12px;
    height: 10px;
    border-left: 1px solid #fff;
    border-top-left-radius: 6px;
    top: -5px;
    left: -1px
}

header .toll-free a:after {
    width: 90px;
    height: 10px;
    top: -5px;
    right: -1px;
    border-right: 1px solid #fff;
    border-top-right-radius: 6px
}

header .toll-free a small {
    display: block;
    font-size: 14px;
    font-weight: 200;
    margin-top: -18px
}

header .toll-free a span {
    color: var(--white);
    font-weight: 400;
    font-size: 1.125rem
}

header .navbar-nav .nav-link {
    color: var(--white);
    text-transform: capitalize;
    font-weight: 300
}

header .navbar img {
    width: 200px;
    object-fit: scale-down;
}

.banner-style-1 {
    position: relative;
    min-height: 900px;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex!important;
    align-items: center;
    padding-top: 2rem;
    background-position: center
}

.thanksGivingStyle .leaf {
    position: absolute;
    top: -2.5rem;
    left: 3rem;
    animation: 5s infinite moves
}

.newBannerStyle h3 {
    font-weight: 100;
    color: var(--white);
    font-size: 1.875rem
}

.newBannerStyle .content-style p {
    background: 0 0;
    border-radius: 0;
    padding: 0;
    color: var(--white);
    font-size: 1.125rem;
    font-weight: 100
}

.newBannerStyle .form-group .custom-input-style,.newBannerStyle .form-group .custom-select-style {
    border: 0!important;
    border-radius: 1!important;
    padding: 10px 15px;
    height: 46px
}

.newBannerStyle .form-group .intl-tel-input.separate-dial-code .selected-flag {
    background: 0 0;
    border-radius: 0
}

.desireGrades {
    padding: 5rem 0 0
}

.desirethumb {
    padding: 3rem;
    background: #FFF8E7;
    background-image: url('../images/abstract-light.png');
    background-blend-mode: overlay;
    margin-bottom: 2rem;
    min-height: 33rem;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between
}

.desirethumb.yellow {
    background: #fff0ce
}

.desirethumb h4 {
    margin: .8rem 0;
    color: #303030;
    font-size: 1.5rem
}

.desirethumb p {
    color: #000;
    font-size: 1rem;
    line-height: 1.6
}

.desirethumb.big {
    justify-content: flex-start
}

.desirethumb .btn-style-1 {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
    font-size: 1.125rem;
    font-weight: 300
}

.happyGirl {
    position: absolute;
    top: 0;
    left: 0;
    margin: -9rem 0 0 -7rem;
    max-width: 350px
}

.tab-content .img-box .botom,.tab-content .img-box .top {
    margin: 0;
    position: relative
}

.tab-content .img-box .botom .net,.tab-content .img-box .top .net {
    position: absolute;
    top: 0;
    left: -5rem;
    z-index: 0
}

.tab-content .img-box .botom {
    width: 21rem;
    margin: -6rem -1rem 0 auto
}

.tab-content .img-box .botom,.tab-content .img-box .top img {
    border-radius: 1rem;
    position: relative
}

.tab-content .img-box .botom:before,.tab-content .img-box .top:before {
    content: '';
    width: 95%;
    height: 100%;
    border: 3px solid var(--secondary-color);
    border-radius: 1rem;
    position: absolute;
    top: 2rem;
    left: -2rem
}

.tab-content .img-box img,.un-list ul li a {
    border-radius: 10px
}

.tab-content .img-box .botom:before {
    border-color: #fff;
    top: -1rem;
    left: -1rem;
    width: 100%
}

.phd-professionals .tab-content .text-box ul.list {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin: 1.5rem 0
}

.phd-professionals .tab-content .text-box ul.list li {
    flex: 0 0 48%
}

.phd-professionals .tab-content .text-box h5 {
    font-size: 1.5rem;
    color: #fff;
    font-weight: 500
}

.uniLogoCasrousel {
    background: #fff;
    padding: 6px;
    border-radius: 6px
}

@keyframes moves {
    0%,100% {
        transform: rotate3d(0,0,1,100deg)
    }

    50% {
        transform: rotate3d(0,0,1,0deg)
    }
}

.thanksGivingStyle .hen {
    position: absolute;
    bottom: -4.5rem;
    right: -50%
}

.thanksGivingStyle .content-style h1,.thanksGivingStyle .content-style ul li {
    color: var(--white)
}

.thanksGivingStyle .content-style h4 {
    text-transform: uppercase;
    font-size: 1.5rem;
    margin: 0
}

.thanksGivingStyle .content-style p {
    background: #e0ece5;
    color: #a30d25;
    font-weight: 600
}

.thanksGivingStyle .banner-form {
    background: linear-gradient(to right, var(--primary-color), #FFCC80);
}

.content-style h1 {
    margin: 0;
    font-size: 44px;
    font-weight: 600;
    color: #fff
}

.content-style p {
    background: #923030;
    margin: 15px 0 20px;
    background-color: var(--secondary-color);
    color: var(--black);
    font-size: 17px;
    font-weight: 600;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 50px
}

.content-style ul {
    border-bottom: 1px solid var(--primary-color);
    padding-bottom: 25px;
    margin-bottom: 25px
}

.content-style ul li {
    font-size: 17px;
    color: #726d6d;
    margin-bottom: 13px
}

.content-style ul li strong {
    font-weight: 600
}

.content-style ul li i {
    color: var(--secondary-color);
    font-size: 16px;
    margin-right: 5px
}

.tab-style-1 {
    text-align: center;
    margin-bottom: 70px;
    margin-top: -160px
}

.tab-style-1 ul li {
    width: 18%;
    display: inline-block;
    margin-right: 15px
}

.payment-method ul li:last-child,.tab-style-1 ul li:last-child {
    margin-right: 0
}

.tab-style-1 ul li a {
    padding: 30px 20px;
    border-radius: 10px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center
}

.tab-style-1 ul li a span {
    margin-top: 15px;
    display: block;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.1
}

.tab-style-1 ul li a i {
    background: url(../images/sprite.png) no-repeat;
    width: 64px;
    height: 64px;
    display: inline-block
}

.tab-style-1 ul li a i.ic2 {
    background-position: -74px 0;
    width: 69px;
    height: 63px
}

.tab-style-1 ul li a i.ic3 {
    background-position: -156px 0;
    width: 64px;
    height: 64px
}

.tab-style-1 ul li a i.ic4 {
    background-position: -234px -2px;
    width: 62px;
    height: 62px
}

.tab-style-1 ul li a i.ic5 {
    background-position: -314px -2px;
    width: 80px;
    height: 63px
}

.tab-content .img-box {
    margin-bottom: 20px
}

.tab-content .text-box h4 {
    color: #fff;
    font-weight: 600;
    font-size: 34px
}

.tab-content .text-box p {
    margin: 25px 0;
    color: #fff;
    font-size: 18px
}

.tab-content .text-box ul.list {
    margin-bottom: 30px
}

.tab-content .text-box ul.list li {
    font-size: 16px;
    color: #fff;
    margin-bottom: 8px
}

.tab-content .text-box ul.list i {
    color: var(--secondary-color);
    font-size: 15px;
    margin-right: 5px
}

.un-list ul {
    display: flex;
    margin-bottom: 15px
}

.un-list ul li {
    width: 31.3333%;
    display: inline-flex;
    justify-content: space-around;
    margin-right: 15px
}

.un-list ul li a {
    padding: 30px 25px;
    display: flex;
    align-items: center
}

.un-list ul li a:hover {
    box-shadow: 0 0 25px 15px rgba(245, 166, 35, 0.1);
}

.cta-1 {
    padding: 40px 0
}

.cta-1 h5 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    margin: 0
}

.cta-1 p {
    color: #fff;
    font-size: 18px;
    margin: 5px 0 20px
}

.stats-box {
    text-align: center;
    margin-bottom: 15px;
    padding: 20px
}

.copyright,.disclaimer {
    padding: 15px 0
}

.stats-box .circle {
    position: relative;
    width: 151px;
    height: 151px;
    border-radius: 100px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    font-size: 44px;
    font-weight: 700;
    border: 1px solid #fff;
    z-index: 1
}

.stats-box .circle::before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 95%;
    height: 95%;
    border-radius: inherit;
    z-index: -1
}

.stats-box h6 {
    color: #fff;
    font-weight: 400;
    margin: 20px 0 0;
    font-size: 24px
}

.w-line::before {
    content: '';
    position: absolute;
    right: 0;
    top: 40px;
    width: .1px;
    height: 146px;
    box-shadow: 1px 0 5px 1px rgba(245, 166, 35, 0.2);
}

.payment-modules .headingstyle-1 {
    margin-bottom: 40px
}

.payment-method ul,.trusted-partners ul {
    display: flex;
    align-items: center;
    justify-content: center
}

.payment-method ul li {
    text-align: center;
    width: 16%;
    margin-right: 30px
}

.payment-method ul li .img-box {
    height: 112px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    cursor: pointer;
    transition: .4s ease-in-out
}

.payment-method ul li span {
    font-weight: 400;
    font-size: 15px;
    margin: 10px 0 0;
    display: inline-block
}

.payment-method ul li .img-box:hover {
    box-shadow: 0 0 15px 10px rgba(245, 166, 35, 0.1);
}

footer {
    background: #131313;
    padding-top: 4rem
}

footer h4 {
    font-size: 1.25rem;
    font-weight: 400;
    color: var(--white)
}

footer h4:after {
    content: '';
    width: 3.1875rem;
    height: 4px;
    background: var(--primary-color);
    display: block;
    border-radius: 10px;
    margin: 15px 0
}

footer .links a {
    padding: 5px 0;
    color: #aeaeae;
    font-size: 14px;
    font-weight: 400
}

footer .links a:before {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 14px;
    margin-right: 6px
}

.copyright {
    background-color: #000;
    margin-top: 5rem
}

.copyright p {
    margin: 0;
    color: #fff
}

.copyright .img-box {
    text-align: right
}

.disclaimer p {
    margin: 0;
    font-size: 13px;
    line-height: 1.2
}

.cta-2 .content-style p {
    background-color: #FFF8E7;
    color: var(--text-dark);
}

.cta-2 .content-style h3 {
    margin: 0;
    font-size: 50px;
    font-weight: 600;
    color: #fff
}

.cta-2 .content-style h6 {
    font-weight: 400;
    color: #fff;
    margin: 10px 0 15px;
    line-height: normal
}

.cta-2 .content-style ul li {
    color: #fff
}

.cta-2 .content-style ul.list {
    padding-bottom: 0;
    border-bottom: 0
}

.bb-0 {
    border-bottom: 0!important
}

.cta-2 .banner-form {
    background: 0 0;
    background-color: var(--secondary-color)
}

.cta-2 .banner-top h4,.cta-2 .banner-top h5 {
    color: #222
}

.cta-2 .banner-middle,.cta-2 .custom-submit-style {
    background-color: var(--primary-color)!important;
    color: #fff
}

.cta-2 .banner-middle p,.cta-2 .banner-middle p span {
    color: #fff!important
}

.cta-2 .banner-form .sprite-icon {
    filter: brightness(0) invert(1)
}

.sub-list ul li {
    display: block;
    margin-bottom: 9px;
    font-size: 16px;
    color: #fff
}

.sub-list ul li i {
    margin-right: 5px;
    color: var(--secondary-color);
    font-size: 14px
}

.what-we-provide {
    position: absolute;
    width: 295px;
    text-align: center;
    padding: 40px 30px;
    border-radius: 20px;
    top: -70px;
    left: -40px;
    box-shadow: 0 0 15px 1px rgb(0 0 0 / 20%);
    background: linear-gradient(to bottom right, #FFFFFF, #FFF8E7);
    background-image: url('../images/abstract-pattern.png');
    background-blend-mode: soft-light;
}

.what-we-provide ul {
    margin-top: 25px
}

.what-we-provide ul li {
    margin-bottom: 10px
}

.trusted-partners {
    background: linear-gradient(to bottom, #FFFFFF, #FFF8E7);
    background-image: url('../images/dots-pattern.png');
    background-blend-mode: soft-light;
    box-shadow: 0 0 15px 4px rgb(20 88 87 / 28%);
    border-radius: 10px;
    margin-bottom: 50px
}

.trusted-partners ul li {
    width: 16.6666%;
    text-align: center;
    padding: 25px 0;
    position: relative
}

.trusted-partners ul li.w-22 {
    width: 22%;
    background: linear-gradient(to bottom, var(--primary-color), #FFCC80);
}

.trusted-partners ul li a {
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    text-align: left;
    padding: 0 35px
}

.trusted-partners ul li img {
    mix-blend-mode: multiply
}

.trusted-partners ul li::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #ccc;
    box-shadow: 2px 0 5px 1px #ccc;
    width: .1px;
    height: 60px
}

.testimonial-box .review-by h5 {
    margin: 0;
    color: var(--primary-color);
    font-size: 50px
}

.testimonial-box .review-by h6 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 20px 0 5px;
    position: relative;
    padding-left: 40px
}

.testimonial-box .review-by h6::before {
    content: '';
    width: 30px;
    height: 2px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.testimonial-box .review::before {
    content: '';
    width: 275px;
    height: 268px;
    background: url(../images/elements/element-3.png) no-repeat;
    position: absolute;
    right: 0;
    top: -70px;
    z-index: -1;
    opacity: .4
}

.testimonial-box .review p {
    margin: 0 0 10px;
    font-size: 16px;
    color: #111
}

.testimonial-box .review span {
    color: var(--primary-color);
    text-transform: uppercase;
    font-weight: 500
}

.form-top .banner-form {
    position: absolute;
    top: -690px;
    right: 90px
}

.banner-form {
    border: 1px solid #111;
    border-radius: 20px;
    width: 457px;
    background: linear-gradient(to bottom, var(--primary-color), #FFCC80);
    z-index: 1;
    margin-left: auto
}

.banner-top {
    text-align: center;
    padding: 40px 0 25px
}

.banner-top h4 {
    font-size: 44px;
    color: #fff;
    margin: 0;
    text-transform: uppercase
}

.banner-top h5 {
    margin: 0;
    font-size: 24px;
    color: #fff;
    font-weight: 500
}

.banner-middle {
    background-color: var(--secondary-color);
    text-align: center;
    padding: 8px 0 7px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    display: inline-block;
    width: 95%
}

.banner-middle p {
    color: #111;
    margin: 0;
    line-height: normal;
    font-weight: 600
}

.banner-middle p span {
    color: var(--primary-color)!important;
    font-weight: 600
}

.banner-last {
    padding: 35px 25px 45px
}

.banner-last .fas {
    position: absolute;
    left: 25px;
    top: 20px;
    font-size: 15px
}

.banner-form .sprite-icon {
    background: url(../images/sprite.png) 0 -81px no-repeat;
    width: 37px;
    height: 17px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 30px
}

.custom-input-style {
    width: 100%;
    font-size: 15px;
    color: #666;
    background-color: #fff!important;
    border: 3px solid!important;
    border-radius: 50px!important;
    padding: 14px 25px 14px 45px;
    line-height: normal
}

.custom-submit-style,section.cta-1 a.btn-style-1:hover {
    background: var(--secondary-color)!important
}

.custom-submit-style {
    width: 100%;
    color: #212529;
    font-size: 24px;
    font-weight: 600;
    border: 2px solid #fff!important;
    border-radius: 100px!important;
    padding: 10px 60px 10px 10px;
    line-height: normal
}

.custom-select-style {
    width: 100%;
    background-color: #fff;
    border-radius: 30px;
    height: 53px;
    color: #666
}

.tab-style-1 .slick-dots {
    display: none!important
}

.amazon {
    position: relative;
    bottom: -8px
}

.accordionStyle {
    margin-bottom: 5rem
}

.accordionStyle .card {
    border-color: #fff
}

.accordionStyle .card .card-header {
    padding: 0
}

.accordionStyle .card .card-header .btn.collapsed {
    background: #FFF8E7;
    color: var(--text-dark);
}

.accordionStyle .card .card-header .btn {
    background-color: var(--primary-color);
    padding: 1rem 1.25rem;
    font-size: 1.1rem;
    color: var(--white)
}

.accordionStyle .card .card-header .que {
    display: inline-block;
    background: var(--primary-color);
    color: var(--white);
    padding: 4px 10px;
    border-radius: 4px;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    margin-right: .5rem
}

.accordionStyle .card .card-header .circle {
    float: right;
    font-size: 10px;
    width: 15px;
    height: 15px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #222254;
    border-radius: 100px;
    margin-top: 9px
}

.accordionStyle .card .card-header .btn[aria-expanded=true] .circle i:before {
    content: "\f067"
}

.accordionStyle .card .card-body {
    background: #f9f9fd
}

.incredibleCard {
    background: var(--primary-color) url(../images/incredible-servbg.jpg) center/cover no-repeat;
    padding: 2.5rem 1.5rem;
    border-radius: .8rem
}

.incredibleCard h4 {
    font-size: 1.5rem;
    font-weight: 300;
    color: var(--white)
}

.incredibleCard h2 {
    font-size: 3.125rem;
    font-weight: 700;
    color: var(--white);
    line-height: 1
}

.incredibleCard hr {
    border-top: 3px solid var(--secondary-color);
    margin-bottom: 1.5rem
}

.incredibleCard .list li a {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--white);
    font-size: 1.125rem;
    line-height: 1.8
}

.incredibleCard .list li a:before {
    content: "\f058";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    color: var(--secondary-color)
}

.professionalHelp {
    background: #FFF8E7;
    background-image: url('../images/abstract-light.png');
    background-blend-mode: overlay;
}

.professionalHelp h3 {
    color: var(--primary-color);
    font-size: 1.5rem
}

.testimonialThumb {
    background: #fff;
    box-shadow: 0 0 27px rgb(0 0 0 / 6%);
    margin: 3rem 0;
    border-radius: 10px;
    padding: 2rem
}

.testimonialThumb>img {
    border-radius: 100px;
    border: 1px solid #fff;
    box-shadow: 0 0 30px rgb(0 0 0 / 20%);
    margin-top: -4rem;
    margin-bottom: 2rem
}

.testimonialThumb h3 {
    font-size: 1.25rem
}

.testimonialThumb p,.testimonialThumb ul span {
    font-size: 14px;
    color: #666
}

.testimonialThumb ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 2rem 0 1rem
}

.testimonialThumb ul i {
    color: #f5a521;
    font-size: 12px
}

.testimonialThumb .caption {
    padding: 1rem;
    margin: 0 -2rem -3rem;
    background: #FFF8E7;
    text-align: center;
    border-radius: 0 0 10px 10px
}

.testimonialThumb .caption p {
    margin: 0;
    color: var(--black);
    font-weight: 400
}

.testimonialThumb .caption p img {
    display: inline
}

.contactSec {
    padding: 6rem 0
}

.contactSec h3 {
    font-size: 2rem;
    color: var(--black);
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 1.5rem
}

.contactSec p {
    font-size: 14px;
    font-weight: 500
}

.contactSec .info {
    margin-top: 2rem
}

.contactSec .info li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 1.5rem
}

.contactSec .info li i {
    margin-top: 6px;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem
}

.contactSec .info li a {
    color: var(--text-color);
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.4
}

.contactSec .info li span {
    display: block;
    font-weight: 400
}

.formStyle label {
    font-size: 1rem;
    font-weight: 400;
    color: #464646;
    margin-bottom: 4px
}

.formStyle .form-control {
    height: 3rem;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    margin-bottom: 1rem
}

.formStyle textarea.form-control {
    height: 5rem
}

.formStyle .custom-submit-style {
    width: 100%;
    border-radius: 6px!important;
    font-weight: 600;
    color: var(--black);
    text-transform: uppercase
}

.testOnline {
    padding: 3rem 0 5rem
}

.testThumb {
    background: var(--white);
    box-shadow: 0 0 10px #e1e1e1;
    border-radius: 12px;
    padding: 10px;
    margin: 12px 0
}

.testThumb .img {
    padding: 2rem 1rem;
    border-radius: 10px;
    text-align: center
}

.testThumb .img img {
    display: block;
    margin: 0 auto
}

.testThumb .img h4 {
    color: #fff;
    font-size: 1.875rem;
    font-weight: 300;
    margin-top: 8px
}

.testThumb .content {
    padding: 1rem 1rem 0
}

.testThumb .content p {
    font-weight: 400;
    font-size: 14px
}

.testThumb .content .btn-style-1 {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
    font-size: 1.125rem;
    font-weight: 300
}

@media (max-width: 1600px) {
    .banner-form .sprite-icon,.banner-style-1::before {
        display:none
    }

    .banner-top {
        padding: 30px 0 20px
    }

    .content-style h1,.cta-2 .content-style h3,.headingstyle-1 h3 {
        font-size: 42px
    }

    .banner-top h4 {
        font-size: 40px
    }

    .banner-top h5 {
        font-size: 20px
    }

    .banner-last {
        padding: 30px 25px 40px
    }

    .content-style ul li,.headingstyle-1 p,.tab-content .text-box p {
        font-size: 16px;
        font-weight: 400;
    }

    .tab-style-1 ul li a span {
        font-size: 17px
    }

    .tab-content .text-box h4 {
        font-size: 30px
    }

    .element-1 {
        left: 0
    }

    .custom-submit-style {
        font-size: 20px;
        padding: 10px
    }
}

@media (max-width: 1199px) {
    .element,.stats-box h6 br,.w-line::before {
        display:none
    }

    .tab-style-1 {
        margin-top: 0
    }

    .banner-form {
        width: auto
    }

    .banner-top h4,.content-style h1,.cta-2 .content-style h3,.headingstyle-1 h3 {
        font-size: 36px
    }

    .content-style p,.content-style ul li,.desirethumb p,.headingstyle-1 p,.tab-style-1 ul li a span {
        font-size: 15px
    }

    .btn-style-1,.btn-style-icon {
        font-size: 16px
    }

    .what-we-provide {
        position: unset;
        margin-bottom: 3rem;
        width: 100%
    }

    .what-we-provide ul {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2rem
    }

    .stats-box {
        margin-bottom: 0;
        padding: 0 20px
    }

    .stats-box h6 {
        font-size: 20px
    }

    .incredibleCard h2 {
        font-size: 2.5rem
    }

    .trusted-partners ul li {
        margin: 0 10px
    }

    .trusted-partners ul li::before {
        right: -10px
    }

    .desirethumb {
        padding: 2rem
    }

    .happyGirl {
        position: unset;
        margin: -90px auto 1rem;
        display: table
    }
}

@media (max-width: 991px) {
    .img-box,.navbar-collapse,.trusted-partners ul li a {
        text-align:center
    }

    .navbar-collapse {
        background: rgb(0 0 0 / 95%);
        padding: 10px;
        margin-top: 10px
    }

    header .logo {
        width: 180px
    }

    .banner-style-1,.desirethumb.big {
        min-height: auto
    }

    .spacing-x {
        padding: 40px 0
    }

    .headingstyle-1 h3 br,.slick-dots,header .toll-free {
        display: none
    }

    header {
        padding: 10px 0
    }

    .cta-2 .content-style h3,.fs-40,.headingstyle-1 h3 {
        font-size: 26px!important
    }

    .headingstyle-1 p,.tab-content .text-box p,.tab-content .text-box ul.list li {
        font-size: 14px
    }

    .logo img {
        max-width: 85%
    }

    .banner-style-1 {
        padding: 80px 0 40px;
        background-position: left
    }

    .content-style h1 {
        font-size: 32px
    }

    .content-style p {
        font-size: 15px;
        padding: 0;
        background-color: transparent;
        color: #fdc033
    }

    .form-top .banner-form {
        position: relative;
        top: auto;
        right: auto
    }

    .banner-form {
        width: 100%
    }

    .banner-top h4 {
        font-size: 34px
    }

    .banner-top h5 {
        font-size: 20px
    }

    .custom-input-style {
        padding: 11px 25px 11px 45px
    }

    .banner-last .fas {
        top: 18px
    }

    .tab-content .text-box h4 {
        font-size: 22px
    }

    .btn-style-1,.btn-style-2,.cta-1 p {
        font-size: 16px
    }

    .what-we-provide {
        position: relative;
        width: 100%;
        top: auto;
        left: auto;
        margin-bottom: 20px
    }

    .sub-list {
        margin-bottom: 9px
    }

    .sub-list ul li {
        font-size: 15px
    }

    .bg-gradient-1 {
        padding: 30px 25px 20px
    }

    .cta-1 h5 {
        font-size: 28px
    }

    .payment-method ul {
        display: block;
        text-align: center
    }

    .payment-method ul li {
        width: 45%;
        display: inline-flex;
        flex-flow: column;
        margin: 5px
    }

    .banner-style-1 .banner-form {
        margin-bottom: 3rem
    }

    .un-list ul li a {
        width: 100%;
        justify-content: center
    }

    .trusted-partners {
        margin-top: 2rem
    }

    .trusted-partners ul {
        display: block;
        display: flex;
        flex-flow: row wrap
    }

    .trusted-partners ul li {
        margin: 0;
        width: auto!important;
        flex: 0 0 20%;
        padding: 15px 0
    }

    .trusted-partners ul li:first-child {
        width: auto!important;
        flex: 0 0 100%
    }

    .trusted-partners ul li::before {
        content: none
    }

    .testimonial-box .img-box img {
        width: 200px
    }

    .stats-box .circle {
        width: 100px;
        height: 100px;
        font-size: 24px
    }

    .stats-box h6 {
        font-size: 18px
    }

    .accordionStyle .card .card-header .btn {
        font-size: 1rem
    }

    .desirethumb {
        min-height: 30rem
    }

    .happyGirl {
        margin: -4rem auto 2rem
    }

    .tab-content .img-box .top:before {
        width: 50%;
        top: 2rem;
        left: 5%
    }

    .uniLogoCasrousel .slick-slide img {
        margin: 0 auto
    }
}

.flip-clock-container,.flip-clock-container [class|=flip-item] {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse
}

@media (max-width: 767px) {
    .what-we-provide ul {
        gap:1rem
    }

    .what-we-provide {
        padding: 20px
    }

    .what-we-provide ul .btn-1 {
        font-size: 14px;
        padding: 10px
    }

    .desirethumb {
        min-height: auto
    }

    .happyGirl img {
        width: 15rem
    }

    .testimonialThumb {
        padding: 1rem
    }

    .testimonialThumb ul {
        margin: 1rem 0 0
    }
}

@media (max-width: 576px) {
    .tab-content .text-box .inline-block {
        display:flex;
        justify-content: space-between
    }

    .btn-style-1,.btn-style-icon {
        padding: 12px 20px;
        font-size: 12px!important
    }

    .what-we-provide ul {
        flex-direction: column
    }

    .what-we-provide ul li {
        width: 100%;
        margin: 0
    }

    .un-list ul li a {
        padding: 20px 10px
    }

    .stats-box {
        margin-bottom: 20px
    }

    .testimonial-box .review-by h5 {
        font-size: 35px
    }

    .review-by img {
        width: 40px
    }

    .cta-2 .content-style p {
        padding: .5rem 3rem;
        width: 100%;
        text-align: center;
        font-size: 1.125rem
    }

    .cta-2 .banner-form {
        margin-top: 1.5rem
    }

    .newBannerStyle h3 {
        font-size: 1.25rem
    }

    .content-style h1,.desireGrades h2 {
        font-size: 26px
    }

    .phd-professionals .tab-content .text-box ul.list li {
        flex: 0 0 100%
    }

    .incredibleCard h2 {
        font-size: 2rem
    }
}

.flip-clock-container,.flip-clock-container * {
    padding: 0;
    list-style: none;
    -webkit-box-sizing: border-box
}

.foot_logo img {
    width: 95%
}

.btn-style-1:hover {
    background: 0 0!important;
    color: var(--primary-color)
}

.bg-gradient-1 .inline-block .btn-style-1:hover,.cust-bg-primary a.btn-style-1:hover,.top_foot_btns a.btn-style-1:hover {
    color: var(--secondary-color)!important
}

a.btn-style-icon:hover {
    background: var(--secondary-color);
    color: var(--primary-color)
}

@media only screen and (min-width: 300px) and (max-width:767px) {
    .tab-content .img-box .botom {
        width:100%;
        margin: 30px 0
    }

    .contact-sec .form .custom-input {
        width: 100%!important;
        margin: 0 0 20px!important
    }

    .contact-sec .form button {
        width: 100%!important
    }

    .contact-sec .form,.tab-content .text-box .inline-block {
        flex-direction: column
    }

    .tab-content .text-box .inline-block a {
        margin: 0 0 15px
    }

    .tab-content .text-box .inline-block a:last-child {
        margin-left: 0!important
    }
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

@media(min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        top:30px
    }
}

@media (max-width: 1199px) and (min-width:992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right:.4rem;
        padding-left: .4rem;
        font-size: 14px
    }
}

.flip-clock-container {
    direction: ltr;
    font-family: Poppins;
    margin-bottom: 15px;
    box-sizing: border-box;
    --flip-bg-color: #fff;
    --flip-text-color: #000;
    --flip-dots-color: #fff;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 100%
}

.flip-clock-container * {
    margin: 0;
    box-sizing: border-box
}

.flip-clock-container ::after,.flip-clock-container ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.flip-clock-container [class|=flip-item] {
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.flip-clock-container [class|=flip-item]::before {
    content: ":";
    font-family: Rem;
    font-size: 60px;
    color: #0e2f5b;
    line-height: 10px;
    display: flex;
    align-items: center;
    position: relative;
    top: 13px;
    margin: 0 10px
}

.flip-clock-container [class|=flip-item] .flip-digit {
    width: 30px;
    height: 45px;
    position: relative;
    margin: 0 2px
}

.flip-clock-container [class|=flip-item] .flip-digit>span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-perspective: 300px;
    perspective: 300px
}

.flip-clock-container [class|=flip-item] .flip-digit>span::after,.flip-clock-container [class|=flip-item] .flip-digit>span::before {
    content: attr(data-digit);
    position: absolute;
    left: 0;
    width: 100%;
    height: 52%;
    font-size: 45px;
    font-weight: bolder;
    text-align: center;
    color: #fff;
    background-color: var(--primary-color);
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    top: 42px;
    font-family: Poppins
}

.flip-clock-container [class|=flip-item] .flip-digit>span::before {
    top: 17px;
    line-height: 50px;
    border-radius: 4px 4px 0 0;
    border-bottom: 0;
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.flip-clock-container [class|=flip-item] .flip-digit>span::after {
    bottom: 0;
    line-height: 0;
    border-radius: 0 0 4px 4px;
    border-top: 0;
    -webkit-transform-origin: top;
    transform-origin: top
}

.flip-clock-container [class|=flip-item] .flip-digit.flipping .flip-digit-next {
    z-index: 0;
    -webkit-animation: .9s linear forwards afterZIndexAnim;
    animation: .9s linear forwards afterZIndexAnim
}

.flip-clock-container [class|=flip-item] .flip-digit.flipping .flip-digit-next::before {
    -webkit-animation: .9s linear forwards afterUpShadowAnim;
    animation: .9s linear forwards afterUpShadowAnim
}

.flip-clock-container [class|=flip-item] .flip-digit.flipping .flip-digit-next::after {
    -webkit-animation: .9s linear forwards afterFlipAnim,.9s linear forwards afterDownShadowAnim;
    animation: .9s linear forwards afterFlipAnim,.9s linear forwards afterDownShadowAnim
}

.flip-clock-container [class|=flip-item] .flip-digit.flipping .flip-digit-current {
    z-index: 1;
    -webkit-animation: .9s linear forwards currentZIndexAnim;
    animation: .9s linear forwards currentZIndexAnim
}

.flip-clock-container [class|=flip-item] .flip-digit.flipping .flip-digit-current::before {
    -webkit-animation: .9s linear forwards currentFlipAnim,.9s linear forwards currentUpShadowAnim;
    animation: .9s linear forwards currentFlipAnim,.9s linear forwards currentUpShadowAnim
}

.flip-clock-container [class|=flip-item] .flip-digit.flipping .flip-digit-current::after {
    -webkit-animation: .9s linear forwards currentDownShadowAnim;
    animation: .9s linear forwards currentDownShadowAnim
}

@-webkit-keyframes afterZIndexAnim {
    0% {
        z-index: 0
    }

    100% {
        z-index: 1
    }
}

@keyframes afterZIndexAnim {
    0% {
        z-index: 0
    }

    100% {
        z-index: 1
    }
}

@-webkit-keyframes currentZIndexAnim {
    0% {
        z-index: 1
    }

    100% {
        z-index: 0
    }
}

@keyframes currentZIndexAnim {
    0% {
        z-index: 1
    }

    100% {
        z-index: 0
    }
}

@-webkit-keyframes afterFlipAnim {
    0% {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg)
    }

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

@keyframes afterFlipAnim {
    0% {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg)
    }

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

@-webkit-keyframes afterUpShadowAnim {
    0% {
        -webkit-box-shadow: inset 0 -100px 20px -10px #000;
        box-shadow: inset 0 -100px 20px -10px #000
    }

    100% {
        -webkit-box-shadow: inset 0 0 20px -10px transparent;
        box-shadow: inset 0 0 20px -10px transparent
    }
}

@keyframes afterUpShadowAnim {
    0% {
        -webkit-box-shadow: inset 0 -100px 20px -10px #000;
        box-shadow: inset 0 -100px 20px -10px #000
    }

    100% {
        -webkit-box-shadow: inset 0 0 20px -10px transparent;
        box-shadow: inset 0 0 20px -10px transparent
    }
}

@-webkit-keyframes afterDownShadowAnim {
    0% {
        -webkit-box-shadow: inset 0 100px 20px -10px #000;
        box-shadow: inset 0 100px 20px -10px #000
    }

    100% {
        -webkit-box-shadow: inset 0 0 20px -10px transparent;
        box-shadow: inset 0 0 20px -10px transparent
    }
}

@keyframes afterDownShadowAnim {
    0% {
        -webkit-box-shadow: inset 0 100px 20px -10px #000;
        box-shadow: inset 0 100px 20px -10px #000
    }

    100% {
        -webkit-box-shadow: inset 0 0 20px -10px transparent;
        box-shadow: inset 0 0 20px -10px transparent
    }
}

@-webkit-keyframes currentFlipAnim {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }

    100% {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg)
    }
}

@keyframes currentFlipAnim {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }

    100% {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg)
    }
}

@-webkit-keyframes currentUpShadowAnim {
    0% {
        -webkit-box-shadow: inset 0 0 15px -10px transparent;
        box-shadow: inset 0 0 15px -10px transparent
    }

    50% {
        -webkit-box-shadow: inset 0 -50px 25px -10px #000;
        box-shadow: inset 0 -50px 25px -10px #000
    }

    100% {
        -webkit-box-shadow: inset 0 -100px 25px -10px #000;
        box-shadow: inset 0 -100px 25px -10px #000
    }
}

@keyframes currentUpShadowAnim {
    0% {
        -webkit-box-shadow: inset 0 0 15px -10px transparent;
        box-shadow: inset 0 0 15px -10px transparent
    }

    50% {
        -webkit-box-shadow: inset 0 -50px 25px -10px #000;
        box-shadow: inset 0 -50px 25px -10px #000
    }

    100% {
        -webkit-box-shadow: inset 0 -100px 25px -10px #000;
        box-shadow: inset 0 -100px 25px -10px #000
    }
}

@-webkit-keyframes currentDownShadowAnim {
    0% {
        -webkit-box-shadow: inset 0 0 15px -10px transparent;
        box-shadow: inset 0 0 15px -10px transparent
    }

    50% {
        -webkit-box-shadow: inset 0 50px 25px -10px #000;
        box-shadow: inset 0 50px 25px -10px #000
    }

    100% {
        -webkit-box-shadow: inset 0 100px 25px -10px #000;
        box-shadow: inset 0 100px 25px -10px #000
    }
}

@keyframes currentDownShadowAnim {
    0% {
        -webkit-box-shadow: inset 0 0 15px -10px transparent;
        box-shadow: inset 0 0 15px -10px transparent
    }

    50% {
        -webkit-box-shadow: inset 0 50px 25px -10px #000;
        box-shadow: inset 0 50px 25px -10px #000
    }

    100% {
        -webkit-box-shadow: inset 0 100px 25px -10px #000;
        box-shadow: inset 0 100px 25px -10px #000
    }
}

@media(max-width: 767px) {
    .baanner-sec-changed {
        background-image:url(../images/ban4-mob.webp)!important;
        background-position: left;
        background-color: #0e2f5b
    }
}

.bg-io1,.bg-io2,.bg-io3,.bg-io4 {
    width: 81px;
    height: 59px
}

.bg-io1 {
    background: url('../images/css_sprites.webp') -10px -10px
}

.bg-io2 {
    background: url('../images/css_sprites.webp') -111px -10px
}

.bg-io3 {
    background: url('../images/css_sprites.webp') -10px -89px
}

.bg-io4 {
    background: url('../images/css_sprites.webp') -111px -89px
}
.service-card {
    background: white;
    padding: 15px;
    border-radius: 15px;
    
    /* Basic shadow */
    box-shadow: 0 4px 6px rgba(15, 47, 92, 0.1);
    
    /* Optional enhanced shadow variations (choose one) */
    
    /* 1. Subtle orange glow */
    /* box-shadow: 0 4px 12px rgba(245, 166, 35, 0.15); */
    
    /* 2. Layered shadow with both colors */
    /* box-shadow: 0 2px 4px rgba(15, 47, 92, 0.1),
                0 4px 8px rgba(245, 166, 35, 0.1); */
    
    /* 3. Deeper shadow with orange accent */
    /* box-shadow: 0 6px 12px rgba(15, 47, 92, 0.15),
                0 2px 4px rgba(245, 166, 35, 0.2); */
    
    /* 4. Inset shadow variation */
    /* box-shadow: inset 0 1px 3px rgba(15, 47, 92, 0.1),
                0 4px 8px rgba(245, 166, 35, 0.15); */
    
    transition: box-shadow 0.3s ease;
}

.service-card:hover {
    /* Hover state - more pronounced shadow */
    box-shadow: 0 8px 16px rgba(15, 47, 92, 0.15),
               0 4px 8px rgba(245, 166, 35, 0.2);
    
    /* Alternative hover effect with orange glow */
    /* box-shadow: 0 8px 24px rgba(245, 166, 35, 0.25); */
}