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

* {
    padding: 0;
    margin: 0;
    font-family: "Inter", sans-serif;
}
html {
    scroll-behavior: smooth;
}
.font-b{font-family: 'Benny Blanco' !important;}
.font-j{font-family: 'Big John Regular' !important;}
ul {
    padding: 0;
}
.GradientText{background: linear-gradient(249deg, #5E00FF -3.95%, #F0F 43.84%, #F7931E 92.6%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}

p {
    font-family: "Inter", sans-serif;
}
.card{box-shadow: 0px 4px 13.4px 0px rgba(0, 0, 0, 0.11) !important;}
.samebtn{display: flex; 
    padding: 10px 12px; 
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 6px;
border: 1px solid #D5D5D5; 
background: #FFF;}
.text-blue{color: #131371;}
.ApplyNowBtn{background: #0463EF; border-radius: 100px;
background: #0463EF;display: inline-block; text-decoration: none;
padding: 12px 32px; font-size: 20px; color: #fff;
justify-content: center; font-weight: 500;
align-items: center;
gap: 10px; border:none;} 

.mwx5{padding-left:5.5vw !important; padding-right:5.5vw !important;}
.py40{padding-top: 40px; padding-bottom: 40px;} 
.pt40{padding-top: 40px;}
.pb40{padding-bottom: 40px;}
.ps40{padding-left: 40px;}
.pe40{padding-right: 40px;}


.my40{margin-top: 40px; margin-bottom: 40px;} 
.mt40{margin-top: 40px;}
.mb40{margin-bottom: 40px;}

.font-96 {
    font-size: 96px;
  font-size: clamp(32px, 6vw, 96px);

}
.font-64 {
    font-size: 64px;
    font-size: clamp(32px, 3.334vw, 64px);
}

 
.font-48 {
      font-size: 48px;
  font-size: clamp(32px, 2.5vw, 64px);
}

.font-40 {
    font-size: 40px;
    font-size: clamp(24px, 2.1vw, 56px);
}

.font-36 {
    font-size: 36px;
}

.font-34 {
    font-size: 34px;
}

.font-32 {
    font-size: 32px;
}

.font-24 {
    font-size: 24px;
}

.font-20 {
    font-size: 20px;
    font-size: clamp(14px, 1.2vw, 24px);

}

.font-18 {
    font-size: 18px;
}

.font-16 {
    font-size: 16px;
}

.font-14 {
    font-size: 14px;
}

.font-12 {
    font-size: 12px;
}

.font-10 {
    font-size: 10px;
}

.text-italic {
    font-style: italic;
}

p {
    font-size: 14px;
}


.btnBgGradit {
    background: linear-gradient(222deg, rgba(94, 0, 255, 1) 0%, rgba(255, 0, 255, 1) 50%, rgba(247, 147, 30, 1) 100%);
    color: #FFFFFF;
    border-radius: 100px;
    font-size: 20px;
    border: none;
    padding: 16px 32px;
    font-weight: 700;
    height: 56px;
    line-height: 1;
}

/* start banner sec  */
.bgbanner {
    display: flex;
    justify-content: end; 
    padding-right: 3vw;
}
.platFormBg {
    background-image: url('../images/home/one-platform-bg.png');
    background-size: cover;
    width: 100%;
    /* height: calc(100vh - 80px); */
    background-repeat: no-repeat;
    padding: 12vh 0 0;
    margin-top: 0px;
    position: relative;
    /* top: -96px; */

    background-position: left bottom;
}
 

.platFomeImg img {
    position: relative;
    bottom:2vh;
    /* height:80vh; */
    height:35vw;
    width: auto;
    max-width: inherit !important;
} 
/* .bannerImg{max-width: 681px;} */


/* start haedings Sec  */
.patfoText {
    text-align: center;
    position: relative;
}
 

.patfoText p {
    font-size: 20px;
    font-weight: 300;
    max-width: 500px;
    margin: 40px auto 36px;

}

.curoserIcon {
      position: absolute;
    bottom: 34%;
    right: -50px;
}

 
@media (max-width:1199px){
    .patfoText p { 
    margin: 15px auto 20px  !important;
    font-size: 14px !important;
    max-width: 340px !important;
}
.patfoText .font-40 {
    font-size: 18px !important;}
.patfoText .font-64 {
    font-size: 32px!important;}
.patfoText .font-48 {
    font-size:23px!important;}
    .btnBgGradit { 
    font-size: 16px!important; 
    padding: 12px 32px!important; 
    height: 40px!important;}
}

@media (max-width:991px){
    .platFomeImg img { 
    bottom: -6vh;
    height: auto;
    width: auto;
    max-width: inherit !important;
    width: 100%;
}
.platFomeImg {
    max-width: 260px;
}
.platFormBg { 
    padding: 6vh 0 4vh 0;}
}

@media (max-width:767px){
.platFormBg{background: #f9f9f9;}
.bgbanner {
    display: flex;
    justify-content: end;
    padding: 0 3vw;
}
}
@media (max-width:575px){
    .bgbanner { 
        justify-content: center;
        padding: 0 3vw;
        flex-direction: column;
    }
        .platFomeImg {
        max-width: 260px;
        margin: 0 auto;
    }
    /* .curoserIcon{display: none;} */
    .curoserIcon {
    position: absolute;
    bottom: 0;
    right: 0;
}
.curoserIcon img{width: 60px;}
    
}
/* start banner sec  */

/* start Trusted sec */
.padding40 {
    padding: 40px 0;
}

.mainTrustSec {
    display: flex;
    justify-content: center;
}

.trustContent {
    padding: 0 26px;
    border-right: 1px solid #E6E7E8;
}
.TrustedText {
    max-width: 220px;
}
@media (max-width:1399px){
    .HeaderStats  .font-32 {
    font-size: 24px;
} 
    .HeaderStats  .font-16 {
    font-size: 14px;
}
}
@media (max-width:1199px){
    .HeaderStats.gap-4 {
    gap: 0.5rem !important;
}
    .HeaderStats .text-center .text-black.font-16 {
    max-width: 140px;
}
.TrustedText {
    max-width:150px;}
}
@media (max-width:991px){
    .HeaderStats.gap-4 { 
        flex-direction: column;
    }
    .TrustedText {
        max-width: 100%;
        margin-bottom: 10px;
    }
        .HeaderStats .font-32 {
        font-size: 18px;
    }  
        .HeaderStats01.gap-4 {
        gap: 0.5rem !important;
        align-items: start !important;
    }
         .HeaderStats01 .font-16 {
        font-size: 12px;
    }
    
}
@media (max-width:575px){
    .HeaderStats{padding: 30px 2.5vw !important;}
        .HeaderStats .font-32 {
        font-size: 14px;
    }
.HeaderStats01 .font-16 {
        font-size: 7px;
    }
}
/* End Trusted sec */

/* Start Discover Accredited Online */
.discovBgGray {
    background-color: #F9FAFB;
    margin: 30px auto;
}

.discoverMainSec {
    padding: 20px 12px;
    box-shadow: 0 4px 13px #0000001C;
    display: flex;
    align-items: center;
    gap: 24px;
}







/* Header nav  start*/
@media (max-width: 1450px){
    a.logoHead img{max-width: 140px; width: 100% !important;}
    .NavigationHead {
    gap: 15px !important;
}
.leftnavlogo{ gap: 20px !important;}
.searchHead  {max-width: 50% !important;}
.applyBtnHead{font-size: 16px !important; padding: 7px 28px !important;}
.searchHead input{font-size: 12px !important;}

}
@media (max-width: 1250px){
.applyBtnHead{font-size: 14px !important; padding: 6px 22px !important;}}

@media (max-width: 1199px){
.search1199{display: flex !important;}
.search1200{display: none !important;}
}
@media (max-width: 1024px){
     .NavigationHead,.SearchCountrybtn  {
        gap: 8px !important;
    } 
}
/* Header nav  end*/

/* 3th section start */
@media (max-width: 575px){
    /* .nametrendingbg .icon{width: 20px !important; height: 20px!important;}
.nametrendingbg .icon svg {
    width: 20px;
    height: 20px;
}
.nametrendingbg .font-20{font-size: 9px;}
.nametrendingbg .font-14 {
    font-size: 8px;
}
.nametrendingbg.p-3 {
    padding: 7px !important;
}
.nametrendingbg .text-center.rounded-pill.mt-2.py-1.d-inline-block.px-3 {
    font-size: 8px !important;
    padding: 1px 0.5rem !important;
} */
 .Discover-Accredited .py-5.text-center.container {
    padding-top: 30px !important;
    padding-bottom: 20px !important;
} 
    .card.p-3.text-start.border-0.d-flex.flex-row.gap-2.h-100.my-3.nametrendingbg {
        flex-direction: column !important;
        align-items: center;
        height: inherit !important;
        margin: 0 !important;
    }
.nametrending {text-align: center;}
.nametrending .font-14 {
    font-size: 12px;
}
.nametrending .fw-bold.text-black.font-20.d-flex.justify-content-between.align-items-center{justify-content: center !important;}
    .nametrendingbg span.badge.text-dark.rounded-pill.fw-normal.ms-1.d-flex.gap-1.align-items-center {
        font-size: 10px !important;
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 0 !important;
        padding: 1px 0.2rem;
    } 

    .DesktopVew{display: none !important;}
        .MobileVew.d-none {
        display: grid !important;
        gap: 10px 10px;
        grid-template-columns: repeat(2, 1fr);
    }
.MobileVew.d-none .px-2:nth-child(1),.MobileVew.d-none .px-2:nth-child(3),.MobileVew.d-none .px-2:nth-child(5){padding-right: 0 !important;}
.MobileVew.d-none .px-2:nth-child(2),.MobileVew.d-none .px-2:nth-child(4),.MobileVew.d-none .px-2:nth-child(6){padding-left: 0 !important;}

}

/* 3th section */
@media (max-width:575px){
.padsetup:nth-child(1),.padsetup:nth-child(3),.padsetup:nth-child(5),.padsetup:nth-child(7),.padsetup:nth-child(9){padding-right: 7px;}
.padsetup:nth-child(2),.padsetup:nth-child(4),.padsetup:nth-child(6),.padsetup:nth-child(8){padding-left:7x;}
.CoursesTxt button{font-size: 12px !important;}
}


/* 4th section */
.shadow4{box-shadow:0 0 0 5px #F3F3F3;}
.access-a-premierImg{position: relative;
    margin-top: -90px;}
    .premierText{margin-top: -90px;}

.AccessWText{padding-top: 30px;
    padding-bottom: 90px;}

    .premierText p{display: flex; align-items: center; gap: 15px; padding:50px 80px;}

@media (max-width:991px){
    .access-a-premierImg {
    position: relative;
    margin-top: -90px;
    max-width: 270px;
}
.AccessWText h2.GradientText.font-64.text-uppercase {
    font-size: 24px;
}
.AccessWText p.font-32.text-white.fw-light{font-size: 15px}
.premierText p {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 30px 30px;
    font-size: 18px;
}
.premierText p img {
    width: 70px;
}
}

@media (max-width:575px){
.access-a-premierImg{display: none;}
.AccessWText{text-align: center;    padding-top: 0;}
 
    .AccessWText h2.GradientText.font-64.text-uppercase {
        font-size: 18px;
    }
        .AccessWText p.font-32.text-white.fw-light {
        font-size: 13px;
    }
    .premierText p img {
        width: 20px;
    }
        .premierText p {  
        gap: 10px;
        padding: 10px 10px;
        font-size: 12px;
    }
    .AccessWimgbg01.mt40{margin-top: 0 !important;}
    .AccessWimgbg01.py40 {
    padding-top: 30px;
    padding-bottom: 11px;
} 
}



/* 5th section */ 
.sldrMZoom{overflow: hidden; background: #000 !important;}
.sldrMZoom img.mb-0{ transition: 0.93s; -webkit-transition: 0.93s; -moz-transition: 0.93s; -ms-transition: 0.93s; -o-transition: 0.93s; }
.sldrMZoom:hover img.mb-0{ transform:scale(1.1) ; transition: 0.93s; opacity: 0.8; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; -webkit-transition: 0.93s; -moz-transition: 0.93s; -ms-transition: 0.93s; -o-transition: 0.93s; }
.uniNameLogo{ background: #fff; text-align: left; border-radius:5px ; padding:15px 10px; position: absolute; bottom: 10px; left: 10px; right: 10px; font-size: 14px; font-weight: 400; gap: 10px;}

.slick-dots li{ display: flex !important; justify-content: center; align-items: center; height: 35px !important;  margin: 8px !important; }
.slick-dots li span{background: #D9D9D9; border-radius:20px ; line-height: 24px; min-width: 26px; max-width: 26px; height: 26px; }
.slick-dots { 
    position: relative !important;
    bottom: 0px !important;}
.uniNameLogo img {
    max-width: max-content;
    height: 30px;
}
.thumbnail-item svg circle {
    r: 4;
}

@media (max-width:575px){
        .uniNameLogo{font-size: 8px; background: #fff !important;}
    .uniNameLogo img {
    max-width: max-content;
    height: 15px; 
}
.uniNameLogo {
    background: #fff;
    text-align: left;
    border-radius: 5px;
    padding: 15px 10px;
    position: absolute;
    bottom: 10px;
    left: 5%;
    right: auto;
    font-size: 7px;
    gap: 10px;
    width: 90%;
} 
}


/* studentBox */
.studentBox {
  height: 100%;
  min-height: 320px; /* adjust based on your layout */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin: 10px 10px 20px 10px; /* horizontal gap between slides */
  box-sizing: border-box;
  background: #fff;
  border-radius: 12px;
}
.shadowimgset:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0; width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 57.56%, rgba(7, 20, 49, 0.50) 71.05%, #02023B 93.86%);
    /* background: #000; */
    height: 100%; display: inline-block;
  
}

@media (max-width:600px){
    .footerMainResponsive{margin-bottom: 70px;}
}





/* NoStressSection.css */
.whatweoffer{padding: 80px 0;}
.bg-gradient-to-r{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1;}
 .bg-gradient-to-r::before{content: ""; position: absolute; top: 0;   bottom: 0; left: 0; width: 50%; background: linear-gradient(180deg, #FF4500 0%, #FE42CF 100%); z-index: -1;}
 .bg-gradient-to-r::after{content: ""; position: absolute; top: 0;   bottom: 0; right: 0; width: 50%; background: url('/assets/images/home/nostress/what-we-offer.png') no-repeat center top / cover; z-index: -1;}

.WhatWF{padding:0 0 40px 0;}

 .dgrid2{ display: grid; grid-template-columns: repeat(2, 1fr); background: #fff; border-radius:20px ; padding: 40px 0; gap: 20px; }
 .whatWeOfrbg{padding:0 40px;}
 .whatWeOfrbg .icon{ background: #131371; border-radius:50px ; }

.whatWeOfrbg .icon { 
    min-width: 70px;
    max-width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.whatWeOfrbg .icon img.w-12.h-12.object-contain {
    width: 40px;
}

@media (max-width: 1199px){
        .WhatWF {
    padding: 0 0 0px 0;
} 
      .WhatWF h1.font-96.font-bold.leading-tight.mt40 {
        font-size: 40px;
        margin-top: 20px;
    }
    .WhatWF span.fw-light.font-64.d-block{
    font-size: 30px;
}
.whatweoffer {
    padding: 40px 0;
}
.whatWeOfrbg .font-24 {
    font-size: 18px;
}
.whatWeOfrbg {
    padding: 0 30px; 
}
.whatWeOfrbg.gap-4 { 
    gap: 0.5rem !important;
}
}
@media (max-width: 575px){
section.overflow-hidden.whatweoffer.position-relative.py40 {
    text-align: center;
}
    .whatWeOfrbg.gap-4 {
        gap: 0.5rem !important;
        flex-direction: column;
        justify-content: center;
        align-items: center !important;
    }
    .bg-gradient-to-r::after{display: none;}
    .bg-gradient-to-r::before { 
    width: 100%;}
        .WhatWF h1.font-96.font-bold.leading-tight.mt40 {
        font-size: 30px;
        margin-top: 20px;
    }
    .WhatWF span.fw-light.font-64.d-block {
        font-size: 24px;
        padding-top: 10px;
    }
}
 /*  */

 /* RightImageScroller.css */
.scroll-wrapper {
  height: 100vh;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.scroll-content {
  animation: scrollUp 50s linear infinite;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 10px;
  width: 100%;
}
 
@media (max-width:1199px){
    .scroll-content { 
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));}
}
@media (max-width:991px){
   .dgrid2 { 
    grid-template-columns: repeat(1, 1fr); 
    padding: 30px 0;}
} 

/* Smooth vertical scrolling animation */
@keyframes scrollUp {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-50%);
  }
}
@media (max-width:575px){
    .LeftSectionbg{flex-direction: column-reverse; gap: 20px;}
    .scroll-wrapper {
    height: 350px;
    padding-left: 0 !important;}
    .LeftSectionsec {
    text-align: center;
}
.leftsidsec5{padding: 20px 0 !important;}
.leftsidsec5 button{margin:15px auto 0 auto !important; justify-content: center !important;}
.leftsidsec5 span.d-block{display: inline !important;}
}


/* Get The Right Guidance From Experts Start */
@media (max-width: 991px){
    .shadowi03 span{display: block;}
}

@media (max-width: 575px){
    .shadowi03 span{display: block;}
   .GetTheRightsec .mb-4{margin-bottom:10px !important;}
   .GetTheRightsec .mb40{margin-bottom:20px !important;}
   .GetTheRightsec .mt40 {
    margin-top: 10px;
}
}

/* Get The Right Guidance From Experts End */



/* faq section start */
@media (max-width: 991px){
    .faqsec h4{font-size: 24px !important;}

}

/* Cta Css start */

.ctasetupC{position: relative; z-index: 2; padding: 40px;}
.ctasetupC::before {
    content: "";
    position: absolute;
    top: 20%;
    right: 0;
    bottom: 10%;
    left: 0;
    border-radius: 30px;
    background: #0A66C2;
    z-index: -1;
}

@media (max-width:1399px){
    .ctasetupC span.img img {
    width: 100%;
    display: inline-block;
}
}
@media (max-width:1199px){
    .ctasetupC span.img img {
    width: 100%;
    display: inline-block;
}
}
@media (max-width:991px){
    .ctasetupC { 
    padding: 0 20px;
}
    .ctasetupC .font-36 {
        font-size: 20px;
    }
      .ctasetupC span.img{    display: inline-block;
    min-width: 290px;}
    .ctasetupC::before { 
    top: 9%;
    right: 0;
    bottom: -10px;}
   .ctasetupC {
    margin-bottom: 40px;
}
}
@media (max-width:767px){
    .ctasetupC{flex-direction: column;}
    .ctasetupC span.img img {
        width: 300px;
        display: inline-block;
    }

}


/* footer css start  */
.footlinksbg{display: flex; justify-content: space-between; gap: 10%;}
.footlinks{width: 100%;}
.footlinks ul li a{font-weight: 400; font-size: 16px; padding: 4px 0; display: block;}
.footlinks ul li a.text-decoration-none.text-white{ color: rgb(255, 255, 255, 0.7) !important; transition:0.3s ;}
.footlinks ul li a.text-decoration-none.text-white:hover{text-decoration: underline !important; color: rgb(255, 255, 255, 1) !important;}

@media (max-width:1499px){
    .footlinks img.img-fluid.mb-3 {
    width: 200px;
}
.footlinks h6.font-20{font-size: 20px;}
.footlinksbg { 
    justify-content: space-between;
    gap: 3%;
}
footer .container-fluid.mwx5 {
    padding: 1vw !important;
}
.footlinks ul li a { 
    font-size: 14px;}
    footer ul.bg-white.d-flex.align-items-center.gap-2.p-2.rounded{flex-direction: column;
    justify-content: start !important;
    align-items: start !important;}
   footer ul.bg-white.d-flex.align-items-center.gap-2.p-2.rounded .list-unstyled{font-size: 12px;}
}
@media (max-width:991px){
.footlinksbg {
    flex-direction: column;
    gap: 24px;
}
.footlinks { 
    text-align: center;
}
    footer ul.bg-white.d-flex.align-items-center.gap-2.p-2.rounded {
        flex-direction: row;
        justify-content: center !important;
        align-items: center !important;
        gap: 10px !important;
        max-width: 340px;
        margin: 0 auto;
    }
    footer .nav.align-items-center.mt-3{justify-content: center;}
    .footlinks ul.list-unstyled li {
    display: inline-block;
}
    .footlinks ul li a {
        font-size: 12px;
        padding: 4px 15px;
    }
}
@media (max-width:600px){
    .footlinks img.img-fluid.mb-3 {
    width: 100px;
}
}
@media (max-width:375px){
   footer ul.bg-white.d-flex.align-items-center.gap-2.p-2.rounded{
    flex-direction: column;
}
}

@media (max-width:575px){
    .footlinksbg{padding-left: 0; padding-right: 0;}
    .shadow4 {
    box-shadow: 0 0 0 1px #F3F3F3;
}
.gymobile0.gy-4{ 
    --bs-gutter-y: 0.7rem; }
 
.footlinks ul li a {
        font-size: 14px;
        padding: 4px 10px;
    }
        .footlinks h6.font-20 {
        font-size: 18px;
    }
    .copyrtbtm{font-size: 10px !important;}
    .copyrtbtm .d-flex.gap-3.mt-2.mt-md-0 {
    gap: 0.6rem !important;
    justify-content: space-between;
    width: 100%;
            flex-flow: wrap;
        justify-content: center;
}
    .copyrtbtm.flex-column {
        font-size: 12px !important;
        flex-direction: column-reverse !important;
        gap: 15px;
    }
         
    .followIconsFt li img{
            width: 24px;
    }

}
@media (max-width:475px){
    .footlinks h6.font-20 {
        font-size: 16px;
    }
.footerMainResponsive{
        padding: 20px 10px;
}
}
/* footer css end  */



@media (max-width:1199px){
    .font-36 {
    font-size: 30px;
}
.font-16 {
    font-size: 14px;
}
.font-32 {
    font-size: 24px;
}
}
@media (max-width:575px){
    .font-36 {
        font-size: 20px;
    }
    .font-16 {
    font-size: 12px;
}
.mwx5 {
    padding-left: 2.5vw !important;
    padding-right: 2.5vw !important;
}
.py-5.text-center.container {
    padding-top: 30px !important;
    padding-bottom: 20px !important;
}
.bg-gradient-to-r::before {
     
    background: linear-gradient(267deg, #8b00ff 0%, #f96a5c 100%);
     
}
}

@media (max-width:600px){
.phoneInputsetup input{font-size: 3.5vw !important; height: 45px !important;}

}