@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

:root {
    --secondaryBg: #001e63;
    --redClr: #dc0000;
    --YellowClr: #fece00;
    --darkBlack: #000;
}
html{
    overflow-x: hidden;
}


body {
    overflow-x: hidden;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
}

.headerSec {
    background: url("../../assets/images/breadCrumbBg.webp");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.navigationSec a {
    color: #fff;
    font-size: 14px;
}

a.ordernow:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

a.ordernow {
    background: #fff;
    border-top-left-radius: 1.3rem;
    border-bottom-right-radius: 1.3rem;
    color: var(--secondaryBg);
    font-weight: 500;
    position: relative;
    border-top: 4px solid #fff;
    z-index: 0;
}

a.livechat,
a.livechatWhatsapp {
    border-top-left-radius: 1.3rem;
    border-bottom-right-radius: 1.3rem;
    color: #fff;
    font-weight: 500;
    position: relative;
}

a.livechat {
    background: var(--redClr);
}

a.livechat:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.zindex-0 {
    z-index: 0;
}

.navigationSec a.dropdown-item {
    color: #fff !important;
    background: var(--redClr);
    border-bottom: 1px solid #fff;
    flex: 28% 1;
}

.navigationSec .dropdown-menu.show {
    padding-top: 0;
    padding-bottom: 0;
}

.navigationSec a.dropdown-item:hover {
    background: var(--secondaryBg);
    color: #fff;
}

.placeOverlay {
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: var(--redClr);
}

.placeOverlay .placeOrder {
    box-shadow: rgb(179, 179, 179) 0px 0px 13px;
    position: relative;
    border-top-left-radius: 4rem !important;
    border-bottom-right-radius: 4rem !important;
}

.placeOrder::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100px;
    height: 50px;
}

.placeOrder .h3 {
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 900;
    color: var(--darkBlack);
}

.placeOrder .form-group {
    margin-bottom: 0.7rem;
}

.placeOrder label {
    font-size: 0.8rem;
    font-weight: 700;
    flex: 1 1 55%;
}

.placeOverlay .form-control {
    font-size: 13px;
}

.placeOrder button {
    border-top-left-radius: 1.3rem;
    border-bottom-right-radius: 1.3rem;
    border-right-width: initial;
    border-bottom-width: initial;
    border-left-width: initial;
    border-right-color: initial;
    border-bottom-color: initial;
    border-left-color: initial;
    box-shadow: 0 0 3px var(--redClr);
    border-style: none none none;
    border-image: initial;
    border-top: 4px solid var(--redClr);
}

.OrderForm button,
.placeOrder button {
    color: rgb(255, 255, 255);
    font-weight: 500;
    position: relative;
    background: var(--redClr);
}

.form-control {
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    appearance: auto !important;
}

.brandLogo {
    box-shadow: 0 0 20px #3333;
}

.universities-img {
    background: url("../../assets/images/myuniLogos.webp");
    background-position: 50%;
    height: 78px;
    animation: animatedBackground 40s linear infinite;
    -webkit-animation: animatedBackground 40s linear infinite;
    top: 16px
}

@keyframes animatedBackground {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -4750px 0
    }
}

.brandLogo {
    box-shadow: 0 0 20px #3333
}

@keyframes spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.welcomeSchool {
    background: url("../../assets/images/welcomeSchool.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.welcomeInfo {
    padding: 2rem .8rem;
    border-radius: 2rem;
    color: #383838;
    height: 100%;
    box-shadow: 0 0 15px #adabab33;
    background: #fff;
}

.welcomeInfo.active {
    background: var(--redClr);
    color: #fff;
}

.WelcomeServices {
    background: url("../../assets/images/welcomeService.webp");
    background-size: cover;
    background-position: 0;
    position: relative;
    z-index: 0;
}

.WelcomeServices .welcomeInfo.active {
    background: transparent;
}

.WelcomeServices .welcomeInfo {
    box-shadow: none;
    background: transparent;
    padding: 1rem;
    width: 100%;
    max-width: 275px;
}

.WelcomeServices .welcomeInfo.actives {
    background: var(--secondaryBg);
    padding-left: 1rem;
    position: relative;
}

.WelcomeServices .welcomeInfo.actives:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 4px #3333;
    border: 1px solid #000;
    z-index: -1;
    left: 0;
    bottom: 0;
    top: 6px;
    transform: rotate(17deg);
    border-radius: 22px;
    right: 0;
    margin: auto;
}

.CheckQuality,
.ContentSec,
.offerSec,
.providedSec {
    background: url("../../assets/images/welcomeSchool.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.fixedGroup {
    position: absolute;
    bottom: 0;
    right: -2rem;
}

.ComplexSec {
    background: url("../../assets/images/Group25.webp");
    background-size: cover;
    background-position: 50%;
    position: relative;
    z-index: 0;
}

.counterBox {
    row-gap: 0;
    column-gap: 0;
    position: relative;
    gap: 10px;
}

.counterItem {
    height: 100%;
    flex: 40% 1;
    background: var(--redClr);
    padding: 3rem 0;
    border-radius: 7px;
    position: relative;
    max-width: 217px;
    margin: 16px 19px;
}

.counterItem:before {
    background: #fff;
    border: 1px solid #000;
    border-radius: 22px;
}

.circleProcess:before,
.counterItem:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 4px #3333;
    z-index: -1;
    left: 0;
    bottom: 0;
    top: 6px;
    transform: rotate(17deg);
    right: 0;
    margin: auto;
}

.complexItems {
    margin-bottom: 1.4rem;
}

.iconComplex {
    width: 56px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.circleInfo img,
.iconComplex img {
    width: 44px;
    height: auto;
}

.ProcessSec {
    position: relative;
    z-index: 0;
    background: url("../../assets/images/processBg.webp") 50% center / cover;
    background-position: 50% center;
}

.processItem {
    position: relative;
}

.processItem.active .h5 {
    color: rgb(255, 255, 255) !important;
}

.processItem .h5 {
    font-size: 3.4rem;
    font-weight: 800;
    color: rgb(255, 255, 255) !important;
}

.processItem.active .circleProcess,
.processItem:hover .circleProcess {
    background: var(--secondaryBg);
}

.circleProcess {
    width: 170px;
    height: 170px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    background: rgb(255, 255, 255);
    border-radius: 22px;
    margin: auto;
}

.processItem.active .circleProcess::before {
    background: rgb(255, 255, 255);
}

.circleProcess::before,
.counterItem::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: rgba(51, 51, 51, 0.2) 0px 0px 4px;
    z-index: -1;
    left: 0px;
    bottom: 0px;
    top: 6px;
    transform: rotate(17deg);
    right: 0px;
    margin: auto;
}

.circleProcess::before {
    background: var(--redClr);
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
    border-radius: 22px;
}

img.kanguruImg {
    max-width: 340px;
}

.processItem.active .circleProcess .h6,
.processItem:hover .circleProcess .h6 {
    color: rgb(255, 255, 255);
}

.fs-6 {
    font-size: 1rem !important;
}

.processarrow1 {
    position: absolute;
    top: 11px;
    right: -96px;
}

.processItem.odds {
    position: relative;
    top: 3.8rem;
}

.processarrow2 {
    position: absolute;
    bottom: -79px;
    right: -153px;
}

.processItem.odd {
    position: relative;
    top: 1.5rem;
}

.processarrow3 {
    position: absolute;
    top: 7px;
    right: -98px;
}

.Unparalleled ul li.active a,
.Unparalleled ul li:hover a {
    background: var(--redClr);
    color: #fff;
}

.Unparalleled ul li a {
    background: #fff;
    box-shadow: 0 0 10px #87878733;
    padding: 1.3rem 1rem;
    display: flex;
    gap: 20px;
    margin-bottom: 14px;
    border-radius: 7px;
    color: #000;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.2rem;
    align-items: center;
}

.ServiceCta {
    background: url("../../assets/images/ctabg.webp") 50% center / cover no-repeat;
    background-position: 50% center;
}

.boxInner.active {
    background: var(--redClr);
    color: #fff;
}

.boxInner {
    text-align: center;
    background: #fff;
    box-shadow: 0 0 8px 8px #d1d1d133;
    padding: 3rem 0;
    border-radius: 12px;
    position: relative;
    margin: 0 .7rem;
}

.boxInner.active:before,
.boxInner:hover:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 4px #3333;
    z-index: -1;
    left: 0;
    bottom: 0;
    top: 6px;
    transform: rotate(17deg);
    border-radius: 22px;
    right: 0;
    margin: auto;
}

.boxInner.active:before {
    background: #fff;
    border: 1px solid #000;
}

.OfferBose li {
    position: relative;
    z-index: 1;
    flex: 1 1 0%;
}

.boxInner:hover::before {
    background: var(--secondaryBg);
}

.Ctanew {
    background: url("../../assets/images/ctaBgs.webp") center top / cover no-repeat;
    background-position: center top;
    padding: 3rem;
}

.Newsletter {
    background: url("../../assets/images/newsLetterbg.webp");
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 3rem 0;
}

.Newsletter .form-control {
    padding: 20px;
    border-radius: 0;
}

.Newsletter .form-group button {
    width: 100%;
    max-width: 200px;
    background: var(--secondaryBg);
    border-color: var(--secondaryBg);
    color: #fff;
}

.Newssec {
    background: url("../../assets/images/newsBg.webp");
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 3rem 0;
}

.smallNews {
    background: var(--redClr);
    margin-bottom: 10px;
}

.smallthumb {
    flex: 38% 1;
}

.smallInfo {
    flex: 60% 1;
    padding-right: 2rem;
}

.customerSays {
    background: url("../../assets/images/welcomeSchool.webp") 50% center / cover no-repeat;
    background-position: 50% center;
}

.clientrevBoxLayer {
    padding: 1.4rem 1rem 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    height: 100%;
}

.internalBox .img {
    flex: 25% 1;
}

.swiper-slide img {
    display: block;
}

.internalBox .infoBox {
    flex: 75% 1;
    padding-top: 1rem;
}

.CustomersaysCarousel .swiper-slide {
    border-radius: 10px;
}

.CustomersaysCarousel .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.CustomersaysCarousel .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
}

.swiper-pagination {
    text-align: left !important;
}

.CustomersaysCarousel .swiper-wrapper {
    padding-bottom: 3rem;
}

.CustomersaysCarousel .swiper-pagination-bullet-active {
    background: var(--secondaryBg);
}

.footerSec {
    position: relative;
    background: url("../../assets/images/footerBg.webp") 50% center / cover;
    background-position: 50% center;
}

.getfreeConsultancy {
    background: var(--redClr);
    width: max-content;
    position: absolute;
    top: -2.5rem;
    left: 0;
}

.getfreeConsultancy:before {
    content: "";
    position: absolute;
    width: 34px;
    height: 100%;
    background: var(--redClr);
    right: -20px;
    bottom: 0;
    transform: skewX(24deg);
}

.copyrightSec {
    background: var(--secondaryBg);
    color: #000;
}

.protectedUng li a {
    background: rgb(255, 255, 255);
    padding: 1rem;
    border-radius: 10px;
}

.BreadCrumb {
    background: url("../../assets/images/breadCrumbBg.webp");
    background-position: 50%;
    background-size: cover;
}

.headerSec .breadCrumbs {
    padding-top: 4rem;
    padding-bottom: 4rem;
    text-align: center;

}

.PricingContent {
    background: var(--redClr);
    background-size: cover;
    background-position: 50%;
    position: relative;
}

.pricingBoxes {
    text-align: center;
    background: var(--darkBlack);
}

.pricingHeader {
    background: var(--secondaryBg);
    color: #fff;
    margin-bottom: 10px;
}

.pricingHeader p:first-child {
    font-size: 25px;
    font-weight: 700;
}

.pricingItems {
    padding: 1.5rem 0;
    background: #fff;
    margin-bottom: 10px;
    border-bottom: 1px solid #3333;
}

.pricingItems p {
    margin: 0;
}

.HappyReivew {
    background: url("../../assets/images/welcomeService.webp");
    background-size: cover;
    background-position: 50%;
}

.HappyReivew .nav-link.active,
.show>.nav-link {
    background: var(--redClr);
    border: none;
}
.nav-link:focus, .nav-link:hover
.HappyReivew .nav-item {
    display: flex;
    flex: 1 1;
    border: none;
}
.navigationSec a:hover{
    color: white;
}
.navigationSec .ordernow {
    color: black!important;
}
.HappyReivew .nav-link {
    background: #fff;
    height: 100%;
    width: 100%;
}

.HappyReivew ul {
    border-bottom: none;
}

.infoDetailsCustomer {
    border-top: 6px solid var(--secondaryBg);
    border-right: 6px solid var(--secondaryBg);
    border-top-right-radius: 20px;
    padding: 1rem 0;
    position: relative;
    border-bottom-right-radius: 27px;
    border-bottom: 6px solid var(--secondaryBg);
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}

.infoDetailsCustomer.reviews {
    border-bottom: none;
    border-top: 6px solid #000;
    border-right: 6px solid #000;
    margin-bottom: 2rem;
}

.infoDetailsCustomer.reviews .imgshape {
    position: absolute;
    width: 48%;
    right: 6px;
    bottom: -31px;
}

.OrderForm .form-control {
    padding: .7rem 11px;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

.sidePanel {
    border: 1px solid var(--secondaryBg);
    padding: 2rem 3rem;
    border-radius: 10px;
}

.OrderForm button {
    border-color: var(--redClr);
    border-top-left-radius: 1.3rem;
    border-bottom-right-radius: 1.3rem;
}

.OrderForm button,
.placeOrder button {
    background: var(--redClr);
    color: #fff;
    font-weight: 500;
    position: relative;
}

.fixedbtnwhatsapp {
    position: fixed;
    bottom: 1em;
    left: 2rem;
    z-index: 3;
}

.infoBox i.fa-solid.fa-star {
    color: #ffd203;
    font-size: 18px;
}

.infoBox span {
    display: flex;
}

.CtaSection {
    background: url("../../assets/images/ctabg.webp");
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}
.ContentSec p a {
 color: var(--secondaryBg);
}
.offerSec {
    position: relative;
}
.SideBannex {
    position: absolute;
    top: 0;
    right: 0;
    height: 100% !important;
    width: auto;
}
.sticky{
    position: fixed;
   background: rgb(0, 46, 132);   ;
    top: 0;
    width: 100%;
    z-index: 999;
    /* background: transparent; */

}
.CheckQuality .livechatWhatsapp img , .providedSec a img{
    width: 34px;
    height: 34px;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
    color: white;
}
.file-upload, .file-upload:hover {
    background-color: #fff;
}
.file-upload {
    border: 2px dashed #002679;
    border-radius: 8px;
    padding: 10px 20px;
    text-align: center;
    cursor: pointer;
    transition: background-color .2s;
    margin-top: 7px;
}
.upload-label {
    display: flex
;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #000;
    font-size: 15px;
    justify-content: center;
    color:#000 !important;
}
[hidden] {
    display: none !important;
}