:root {
  --container-max: 1280px;
  --neavy-blue: #0F172A;
  --white:#fff;
  --black:#000;
  --white50:#ffffff80;
  --white80:#ffffffcc;
  --red:#E11D48;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  font-family: "Plus Jakarta Sans", sans-serif;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #64748B;
  margin: 0;
  padding: 0;
}
html{scroll-behavior:smooth;}
ul{padding-left:0px;list-style-type:none;}
img{height:auto;max-width:100%;}
dl, ol, ul {margin-block: 0;}
a,a:hover{text-decoration:none;}
:focus{outline:0;}

.min-height-100{min-height:100px;}
.w-max-content{width: max-content; max-width: 100%;}
.h-max-content{height: max-content; max-height: 100%;}

.container {
  max-width: var(--container-max);
  margin: 0 auto;
}
.margin-tb{margin-block: 80px;}
.padding-tb{padding-block: 80px;}
main{min-height: 400px;}


.text-red{color: #E11D48;}
.text-neavyblue{color: #0F172A;}
.text-grey{color: #64748B;}
.text-white50{color: #ffffff80;}
.text-white80{color: #ffffffcc;}
.text-cream{color: #E7E5D7;}

.bg-red{background-color: #E11D48;}
.bg-badge-red{background-color: #E11D481A;}
.bg-neavyblue{background-color: #0F172A;}
.bg-grey{background-color: #F8FAFC;}
.bg-white5{background-color: #FFFFFF0D;}
.bg-white10{background-color: #FFFFFF1A;}

.b-b1-grey{border-bottom: 1px solid #64748B;}

.lh-0{line-height: 0;}
.fw-800 {font-weight: 800;}
.fw-900 {font-weight: 900;}
.border-radius-24{border-radius:24px;}
.heading2-title {font-size: 36px; line-height: 44px;}
.heading3-title {font-size: 26px; line-height: 34px;}

/* Header CSS ----------------------------------------------------------------------------------------- */
header {overflow-x: clip;}
header nav{
  box-shadow: 0px 0px 19.8px 0px #0F172A14;
  backdrop-filter: blur(91.5px);
  background: rgba(255, 255, 255, 0.48);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.4);
  position: -webkit-sticky !important;
  position: sticky !important;
}
header ul.nav {gap: 24px;}
header a.header-desk-btn{padding: 15px 24px; transition: all 0.3s ease;}
header a.header-desk-btn:hover{background-color: var(--red); border-color: var(--red);}

header .navbar .offcanvas{min-height:100vh;}
header .navbar button.navbar-toggler:focus, header .navbar button.navbar-toggler:focus-visible{outline: none; box-shadow: none !important;}

/* Body CSS ------------------------------------------------------------------------------------------- */
/* Hero Section  */
main section{scroll-margin-top: 140px;}

.badge-wrapper{padding: 12px 24px; gap: 10px;}
.hero-section .hero-btnbox{gap: 27px;}
.hero-section h1{font-size: 54px; line-height: 70px; max-width: 800px;}
.hero-section .hero-title-box p{max-width: 567px;}
.hero-section a.hero-red-btn, .campus-plan-item a.price-red-btn{padding: 15px 24px; transition: all 0.3s ease;}
.hero-section a.hero-red-btn-1{border: 1px solid var(--neavy-blue); padding: 14px 24px; transition: all 0.3s ease;}
.hero-section a.hero-red-btn:hover, .campus-plan-item a.price-red-btn:hover{background-color: var(--neavy-blue); border-color: var(--red);}
.hero-section a.hero-red-btn-1:hover{color: var(--neavy-blue);}

/* Reality Section  */
.reality-sec p{max-width: 834px;}
.reality-sec .realitybox-wrapper{gap: 40px;}
.reality-sec .realitybox-wrapper .reality-item{border: 1px solid #00000014;}
.reality-sec .realitybox-wrapper .reality-item h3{font-size: 28px; line-height: 36px;}
.reality-sec .realitybox-wrapper .reality-item:hover {box-shadow: 0px 4px 17.8px 0px #0000001A;}
.reality-sec .realitybox-wrapper .reality-item .reality-icon svg{width: 64px; height: 64px;}
.reality-sec .realitybox-wrapper .reality-item:hover .reality-icon svg{box-shadow: 0px 4px 24px -2px #E11D48EB; border-radius: 12px;}
.reality-sec .realitybox-wrapper .reality-item:hover .reality-icon svg rect{fill: #E11D48;}
.reality-sec .realitybox-wrapper .reality-item:hover .reality-icon svg path{fill: #fff;}

/* Transformation Section  */
.transformation-sec .heading2-title{max-width: 834px;}
.transformation-sec .transformation-wrapper{border: 1px solid #FFFFFF52;}
.transformation-sec .transformation-wrapper .manual-item, .transformation-sec .transformation-wrapper .roadrunner-item{width: 50%; padding: 60px;}
.transformation-sec .transformation-wrapper .roadrunner-item{border-radius: 0 32px 32px 0;}
.transformation-sec .transformation-wrapper .manual-iconbox h3{font-size:28px; line-height:36px;}
.transformation-sec .transformation-wrapper .manual-listing, .transformation-sec .transformation-wrapper .roadrunner-standard-listing{font-size:18px; line-height:26px;}
.transformation-sec .transformation-wrapper .roadrunner-standard-listing .white-checklist{gap: 10px;}

/* The Campus Experience  */
.campus-sec .campus-wrapper .nav{gap: 44px;}
.campus-sec .campus-wrapper nav button.nav-link{border: 1px solid #0000000D; border-radius: 50px; min-width: 180px; padding: 15px 36px; font-size: 18px; line-height: 26px; margin-bottom: 0;}
.campus-sec .campus-wrapper nav button.nav-link.active, .campus-sec .campus-wrapper nav button.nav-link:hover{background-color: var(--red); color: var(--white); box-shadow: 0px 0px 21.9px 0px #E11D4857; border-color: var(--red);}
.campus-wrapper .tab-content .campus-content-wrapper{border: 1px solid #0000000D; padding: 60px;}
.campus-wrapper .tab-content .tab-pane .campus-content-box h3{font-size: 36px; line-height: 44px;}
ul.red-checklist li, ul.grey-checklist li{background: url(../../assets/images/check-red.svg) no-repeat left top 2px/20px; padding-left: 30px; margin-bottom: 24px; font-size: 16px; line-height: 24px;}
.campus-wrapper .tab-content .tab-pane .campus-content-box ul.red-checklist li{background: url(../../assets/images/check-red.svg) no-repeat left top 3px/20px; margin-bottom: 40px; font-size: 18px; line-height: 26px;}

/* Campus Plans  */
.campus-plans-sec .campus-plan-wrapper{gap: 60px;}
.campus-plans-sec .campus-plan-wrapper .campus-plan-item{width: 100%; border: 1px solid #00000014;}
.campus-plans-sec .campus-plan-wrapper .campus-plan-item:nth-child(2){border: 1px solid #E11D48; box-shadow: 0px 0px 38.6px 0px #E11D4830;}
ul.grey-checklist li{background: url(../../assets/images/check-grey.svg) no-repeat left top 2px/20px}
a.blue-btn{padding: 15px 24px; transition: all 0.3s ease;}
a.blue-btn:hover {background-color: var(--red); border-color: var(--red);}
.campus-plans-sec .campus-plan-wrapper .campus-plan-item .plan-badge{position: absolute; top: -62px;}
.campus-plans-sec .campus-plan-wrapper .campus-plan-item h3{font-size:28px; line-height:36px;}
 
/* student Safety Section  */
.student-safety-sec .student-safety-wrapper{gap: 52px;}
.student-safety-sec .student-safety-wrapper .safety-point .safety-iconbox img{width: 64px; max-width: max-content;}
.student-safety-sec .student-safety-wrapper .safety-point h3{font-size: 22px; line-height: 30px;}
.student-safety-sec .student-safety-wrapper .safety-point:hover .safety-iconbox svg{fill: #E11D48;}
.student-safety-sec .student-safety-wrapper .safety-point:hover .safety-iconbox svg rect{stroke: #ffffff;}
.student-safety-sec .student-safety-wrapper .safety-point:hover .safety-iconbox svg path{fill: #ffffff;}


/* Deployment Section  */
.deployment-sec .deployment-wrapper{gap: 40px;}
.deployment-sec .deployment-wrapper .dev-item{border: 1px solid #00000014; width: calc(33.33% - 27px);}
.deployment-sec .deployment-wrapper .dev-item h3{font-size:28px; line-height:36px;}
.deployment-sec .deployment-wrapper .dev-item:hover{background-color: var(--red); box-shadow: 0px 0px 28.8px 0px #E11D484D; border: 1px solid #00000014;}
.deployment-sec .deployment-wrapper .dev-item:hover div > *{color: #fff !important;}

/* CTA Section  */
.cta-sec .cta-title{font-size: 72px; line-height: 86px;}
.cta-sec .blue-btn{padding: 25px 33px;}
.cta-sec .blue-btn:hover{background-color: var(--white); color: var(--red) !important;}

/* FAQ Section  */
.faq-wrapper .accordion{gap: 32px;}
.faq-wrapper .accordion .accordion-item{padding: 40px;}
.faq-wrapper .accordion .accordion-item:has(.accordion-button.collapsed){border: 1px solid #0F172A33;}
.faq-wrapper .accordion .accordion-item:has(.accordion-button) {border: 1px solid var(--red);}
.faq-wrapper .accordion .accordion-item .accordion-button.collapsed {color: var(--neavy-blue);}
.faq-wrapper .accordion .accordion-item .accordion-button {color: var(--red); font-size: 22px; line-height: 30px;}
.faq-wrapper .accordion .accordion-item .accordion-button {box-shadow: none;}
.faq-wrapper .accordion .accordion-item .accordion-body {padding-top: 20px !important;}

/* Contact CTA  */
.contact-cta-sec .cta-wrapper{padding-block: 80px;}
.contact-cta-sec .form-warning-text{font-size: 14px; line-height: 20px;}
.cta-wrapper form{gap: 20px;}
.cta-wrapper form input:not(:last-child){width: calc(50% - 10px); background: #FFFFFF30;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  padding: 13px 16px;
  border-radius: 68px;
  border: 1px solid #FFFFFF4D;
}
.cta-wrapper form input:not(:last-child), .cta-wrapper form input::placeholder{color: #fff;}
.cta-wrapper form input[type="submit"]{width: 100%; background: var(--neavy-blue); color: var(--white); padding: 16px; border-radius: 56px; font-size: 18px; line-height: 23px;  font-weight: 700; border: 0; margin-top: 4px;}

/* Certificates Sec  */
.certificate-wrapper {
  overflow: hidden ;
  white-space: nowrap ;
}
.certificate-wrapper {
  padding: 38px 0;
  gap: 70px;
}
/* .certificate-wrapper:hover .certificate-item {
  animation-play-state: paused ;
}
@keyframes marquee-content {
  from {
    transform: translateX( 0% );
  }
  to {
    transform: translateX( -100% );
  }
} */

/* Footer CSS ------------------------------------------------------------------------------------------ */
footer{background-color: var(--neavy-blue); padding: 79px 0 18px;}
footer .footer-menu-bar{gap: 93px;}
.footer-menu-bar .logo-box{max-width: 301px;}
.footer-menu-bar .usefull-linkbox h4, .footer-menu-bar .footer-contact-wrapper h4{font-size: 22px; line-height: 30px;}
footer .footer-menu-bar .logo-box p{font-size: 18px; line-height: 26px;}
.footer-menu-bar .usefull-linkbox .usefull-link-wrapper{list-style: none; padding-left: 0;}
.footer-menu-bar .usefull-linkbox .usefull-link-wrapper li:not(:last-child){margin-bottom: 16px;}

footer .copywrite-bar{border-top: 1px solid #65758b80; margin-top: 46px;}
footer .copywrite-bar .footer-social-links{gap: 32px;}
footer .copywrite-bar, footer .copywrite-bar .footer-social-links a{color: var(--white50); font-size: 14px; line-height: 22px;}
footer .copywrite-bar .footer-social-links a:hover{color: var(--white);}




/* Responsive css  --------------------------------------------------------------------------------------*/
@media screen and (max-width:1399px){
  .margin-tb{margin-block: 70px;}
  .padding-tb{padding-block: 70px;}
  .heading2-title {font-size: 34px; line-height: 42px;}
  .heading3-title {font-size: 24px; line-height: 32px;}
  
  /* Transformation Section  */
  .transformation-sec .transformation-wrapper .manual-item, .transformation-sec .transformation-wrapper .roadrunner-item{padding: 50px;}
  
  /* The Campus Experience  */
  .campus-wrapper .tab-content .campus-content-wrapper{padding: 50px;}
  .campus-wrapper .tab-content .tab-pane .campus-content-box ul.red-checklist li{margin-bottom: 34px;}
  
  /* Campus Plans  */
  .campus-plans-sec .campus-plan-wrapper{gap: 48px;}
  
  /* Deployment Section  */
  .deployment-sec .deployment-wrapper .dev-item h3{font-size:26px; line-height:34px;}

  /* CTA Section  */
  .cta-sec .cta-title{font-size: 68px; line-height: 82px;}

  /* FAQ Section  */
  .faq-wrapper .accordion{gap: 26px;}
  .faq-wrapper .accordion .accordion-item{padding: 32px;}

  /* Contact CTA  */
  .contact-cta-sec .cta-wrapper{padding-block: 72px;}
}
@media screen and (max-width:1199px){
  header a.header-desk-btn{padding: 12px 22px;}
  .heading2-title {font-size: 30px; line-height: 38px;}
  .heading3-title {font-size: 22px; line-height: 30px;}
  main section{scroll-margin-top: 120px;}
  
  /* Hero Section  */
  .hero-section h1{font-size: 48px; line-height: 56px;}
  
  /* Reality Section  */
  .reality-sec .realitybox-wrapper{gap: 35px;}
  .reality-sec .realitybox-wrapper .reality-item h3{font-size: 26px; line-height: 34px;}  
  .reality-sec .realitybox-wrapper .reality-item .reality-icon svg{width: 60px; height: 60px;}
  
  /* Transformation Section  */
  .transformation-sec .transformation-wrapper .manual-item, .transformation-sec .transformation-wrapper .roadrunner-item{padding: 40px;}
  .transformation-sec .heading2-title{max-width: 734px;}
  .transformation-sec .transformation-wrapper .manual-iconbox img{max-width: 52px;}
  .transformation-sec .transformation-wrapper .manual-iconbox h3{font-size:26px; line-height:34px;}
  .transformation-sec .transformation-wrapper .roadrunner-standard-listing .white-checklist{gap: 8px;}
  
  /* The Campus Experience  */
  .campus-wrapper .tab-content .campus-content-wrapper{padding: 40px;}
  .campus-wrapper .tab-content .tab-pane .campus-content-box h3{font-size: 32px; line-height: 40px;}
  ul.red-checklist li, ul.grey-checklist li{margin-bottom: 22px;}
  .campus-wrapper .tab-content .tab-pane .campus-content-box ul.red-checklist li{margin-bottom: 28px;}
  
  /* Campus Plans  */
  a.blue-btn{padding: 12px 22px;}
  .campus-plans-sec .campus-plan-item a.blue-btn{padding: 12px 15px;}
  .campus-plans-sec .campus-plan-wrapper{gap: 38px;}
  .campus-plans-sec .campus-plan-item a.price-red-btn{padding: 12px 15px;}
  .campus-plans-sec .campus-plan-wrapper .campus-plan-item h3{font-size:26px; line-height:34px;}
  
  /* student Safety Section  */
  .student-safety-sec .student-safety-wrapper .safety-point .safety-iconbox img{width: 58px;}
  
  /* Deployment Section  */
  .deployment-sec .deployment-wrapper{gap: 30px;}
  .deployment-sec .deployment-wrapper .dev-item{width: calc(33.33% - 20px); border-radius: 28px !important;}
  .deployment-sec .deployment-wrapper .dev-item h3{font-size:24px; line-height:32px;}
  
  /* CTA Section  */
  .cta-sec .blue-btn{padding: 23px 38px;}
  .cta-sec .cta-title{font-size: 64px; line-height: 78px;}

  /* FAQ Section  */
  .faq-wrapper .accordion{gap: 22px;}
  .faq-wrapper .accordion .accordion-item{padding: 28px;}
  .faq-wrapper .accordion .accordion-item{border-radius: 28px !important;}
  
  /* Contact CTA  */
  .contact-cta-sec .cta-wrapper{padding-block: 60px;}

  /* Certificates Sec  */
  .certificate-wrapper {gap: 55px;}

  footer {padding: 54px 0 0px;}
  footer .footer-menu-bar .usefull-linkbox .usefull-link-wrapper li:not(:last-child){margin-bottom: 14px;}
  footer .copywrite-bar {margin-top: 40px;}
}
@media screen and (max-width:991px){
  .margin-tb{margin-block: 60px;}
  .padding-tb{padding-block: 60px;}
  header nav{border: none; box-shadow: unset; backdrop-filter: unset;}
  .heading2-title {font-size: 26px; line-height: 34px;}
  .heading3-title {font-size: 20px; line-height: 18px;}
  main section{scroll-margin-top: 100px;}

  /* Header  */
  header nav{
    background: unset;
    border-radius: none;
    box-shadow: 0none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border: none;
  }
  header{
    box-shadow: 0px 0px 19.8px 0px #0F172A14;
    backdrop-filter: blur(91.5px);
    background: rgba(255, 255, 255, 0.48);
    border-radius: 0;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  }
  
  /* Hero Section  */
  .hero-section h1{font-size: 44px; line-height: 52px;}
  
  /* Reality Section  */
  .reality-sec .realitybox-wrapper{gap: 30px;}
  .reality-sec .realitybox-wrapper .reality-item h3{font-size: 24px; line-height: 32px;}
  .reality-sec .realitybox-wrapper .reality-item .reality-icon svg{width: 56px; height: 56px;}
  
  /* Transformation Section  */
  .transformation-sec .transformation-wrapper .manual-item, .transformation-sec .transformation-wrapper .roadrunner-item{padding: 25px;}
  .transformation-sec .transformation-wrapper .manual-iconbox h3{font-size:24px; line-height:32px;}
  .transformation-sec .transformation-wrapper .manual-listing, .transformation-sec .transformation-wrapper .roadrunner-standard-listing{font-size:16px; line-height:24px;}
  .transformation-sec .heading2-title{max-width: 634px;}
  .transformation-sec .transformation-wrapper .manual-iconbox img{max-width: 50px;}
  .transformation-sec .transformation-wrapper .roadrunner-standard-listing .white-checklist{gap: 6px;}
  .transformation-sec .transformation-wrapper .roadrunner-standard-listing .white-checklist img{width: 18px;}
  
  /* The Campus Experience  */
  .campus-sec .campus-wrapper .nav{gap: 36px;}
  .campus-wrapper .tab-content .campus-content-wrapper{padding: 32px;}
  .campus-sec .campus-wrapper nav button.nav-link{min-width: 170px; padding: 13px 36px; font-size: 17px; line-height: 25px;}
  .campus-wrapper .tab-content .tab-pane .campus-content-box h3{font-size: 28px; line-height: 36px;}
  ul.red-checklist li, ul.grey-checklist li{margin-bottom: 20px;}
  .campus-wrapper .tab-content .tab-pane .campus-content-box ul.red-checklist li{margin-bottom: 24px;}
  
  /* Campus Plans  */
  .campus-plans-sec .campus-plan-wrapper{gap: 36px; max-width: 600px;}
  .campus-plans-sec .campus-plan-wrapper .campus-plan-item .plan-badge{top: -53px;}
  .campus-plans-sec .campus-plan-wrapper .campus-plan-item h3{font-size:24px; line-height:32px;}
  
  /* Certificates Sec  */
  .certificate-item {animation: marquee-content 10s linear infinite;}
  
  /* student Safety Section  */
  .student-safety-sec .student-safety-wrapper .safety-point .safety-iconbox img{width: 54px;}
  
  /* Deployment Section  */
  /* .deployment-sec .deployment-wrapper{gap: 30px;} */
  .deployment-sec .deployment-wrapper .dev-item {width: calc(45% - 20px); border-radius: 24px !important;}
  .deployment-sec .deployment-wrapper .dev-item h3{font-size:22px; line-height:30px;}
  
  /* CTA Section  */
  .cta-sec .cta-title{font-size: 60px; line-height: 74px;}
  .cta-sec .blue-btn{padding: 20px 40px;}
  .cta-sec .cta-wrapper{border-radius: 24px !important;}

  /* FAQ Section  */
  .faq-wrapper .accordion{gap: 18px;}
  .faq-wrapper .accordion .accordion-item{padding: 26px;}
  .faq-wrapper .accordion .accordion-item{border-radius: 24px !important;}
  .faq-wrapper .accordion .accordion-item .accordion-button{font-size: 20px; line-height: 28px;}
  .faq-wrapper .accordion .accordion-item .accordion-body {padding-top: 18px !important;}
  
  /* Contact CTA  */
  .contact-cta-sec .cta-wrapper{padding-block: 48px;}
  .cta-wrapper form{gap: 18px;}

  /* Certificates Sec  */
  .certificate-wrapper {gap: 40px;}

  footer {padding: 42px 0 0px;}
  footer .footer-menu-bar {gap: 24px;}
  .footer-menu-bar .logo-box img{width: 260px;}
  footer .footer-menu-bar .usefull-linkbox .usefull-link-wrapper li:not(:last-child){margin-bottom: 12px;}
  .footer-menu-bar .usefull-linkbox h4, .footer-menu-bar .footer-contact-wrapper h4 {font-size: 20px;}
  footer .copywrite-bar, footer .copywrite-bar .footer-social-links a {font-size: 13px; line-height: 20px;}
  footer .copywrite-bar {margin-top: 34px;}
  footer .footer-menu-bar .logo-box p{font-size: 17px; line-height: 25px;}
}
@media screen and (max-width:767px){
  .margin-tb{margin-block: 50px;}
  .padding-tb{padding-block: 50px;}
  header img.header-logo{width: 180px;}
  .heading2-title {font-size: 24px; line-height: 32px;}
  .heading3-title {font-size: 18px; line-height: 26px;}
  main section{scroll-margin-top: 90px;}
  
  /* Hero Section  */
  .hero-section .hero-btnbox {gap: 20px;}
  .badge-wrapper{padding: 8px 12px;}
  .hero-section h1{font-size: 40px; line-height: 48px;}
  .hero-section a.hero-red-btn, .campus-plan-item a.price-red-btn{padding: 12px 22px;}
  .hero-section a.hero-red-btn-1{padding: 11px 22px;}
  
  /* Reality Section  */
  .reality-sec .realitybox-wrapper{gap: 24px;}
  .reality-sec .realitybox-wrapper .reality-item h3{font-size: 22px; line-height: 30px;}
  .reality-sec .realitybox-wrapper .reality-item .reality-icon svg{width: 52px; height: 52px;}
  .reality-sec .realitybox-wrapper .reality-item:hover .reality-icon svg{box-shadow: 0px 4px 18px -4px #E11D48EB;}

  /* Transformation Section  */
  .transformation-sec .transformation-wrapper .roadrunner-item {border-radius: 32px;}
  .transformation-sec .transformation-wrapper .manual-item, .transformation-sec .transformation-wrapper .roadrunner-item{width: 100%; padding: 24px;}
  .transformation-sec .transformation-wrapper .manual-iconbox img{max-width: 48px;}
  .transformation-sec .transformation-wrapper .manual-iconbox h3{font-size:22px; line-height:30px;}
  .transformation-sec .transformation-wrapper .manual-iconbox p{font-size:15px; line-height:23px;}
  .transformation-sec .transformation-wrapper .roadrunner-standard-listing .white-checklist img{width: 16px;}

  /* The Campus Experience  */
  .campus-wrapper .tab-content .campus-content-wrapper{padding: 24px 0 0 0;}
  .campus-wrapper .tab-content .tab-pane .campus-content-box{padding: 0 24px !important;}
  .campus-sec .campus-wrapper .nav{gap: 30px;}
  .campus-sec .campus-wrapper nav button.nav-link{min-width:max-content; padding: 11px 36px; font-size: 16px; line-height: 24px;}
  .campus-sec .campus-wrapper nav button.nav-link.active, .campus-sec .campus-wrapper nav button.nav-link:hover{box-shadow: 0px 0px 16px 0px #E11D4857;}
  .campus-wrapper .tab-content .tab-pane .campus-content-box h3{font-size: 24px; line-height: 32px;}
  ul.red-checklist li, ul.grey-checklist li{margin-bottom: 18px;}
  .campus-wrapper .tab-content .tab-pane .campus-content-box ul.red-checklist li{background-position: left top 2px; margin-bottom: 20px; font-size: 17px; line-height: 25px;}
  
  /* Campus Plans  */
  .campus-plans-sec .campus-plan-wrapper{gap: 30px;}
  .campus-plans-sec .campus-plan-wrapper .campus-plan-item .plan-badge{top: -49px;}
  .campus-plans-sec .campus-plan-wrapper .campus-plan-item h3{font-size:22px; line-height:30px;}

  /* student Safety Section  */
  .student-safety-sec .student-safety-wrapper .safety-point .safety-iconbox img{width: 50px;}
  .student-safety-sec .student-safety-wrapper .safety-point h3{font-size: 20px; line-height: 28px;}

  /* Deployment Section  */
  .deployment-sec .deployment-wrapper{gap: 24px;}
  .deployment-sec .deployment-wrapper .dev-item{width: calc(50% - 12px); max-width: 400px; border-radius: 20px !important;}
  .deployment-sec .deployment-wrapper .dev-item h3{font-size:20px; line-height:28px; border-radius: 16px !important;}
  
  /* CTA Section  */
  .cta-sec .cta-title{font-size: 56px; line-height: 60px;}
  .cta-sec .blue-btn{padding: 17px 43px;}
  .cta-sec .cta-wrapper{border-radius: 20px !important;}
  
  /* FAQ Section  */
  .faq-wrapper .accordion{gap: 14px;}
  .faq-wrapper .accordion .accordion-item{padding: 22px;}
  .faq-wrapper .accordion .accordion-item{border-radius: 20px !important;}
  .faq-wrapper .accordion .accordion-item .accordion-button{font-size: 18px; line-height: 26px;}
  .faq-wrapper .accordion .accordion-item .accordion-body {padding-top: 14px !important; font-size: 16px; line-height: 24px;}

  /* Contact CTA  */
  .contact-cta-sec .cta-wrapper{padding-block: 36px;}
  .cta-wrapper form{gap: 14px;}

  /* Certificates Sec  */
  .contact-cta-sec .certificate-wrapper{gap: 16px 28px; flex-wrap: wrap;}
  .contact-cta-sec .certificate-wrapper .certificate-item img{height: 20px; width: auto;}
  .cta-wrapper form input:not(:last-child), .cta-wrapper form select {padding: 18px 16px;}
  .cta-wrapper form input[type="submit"] {margin-top: 20px;}
  .cta-wrapper{border-radius: 22px !important;}

  footer {padding: 32px 0 0px;}
  .footer-menu-bar .logo-box{max-width: 380px;}
  .footer-menu-bar .logo-box img{width: 230px;}
  footer .footer-menu-bar .usefull-linkbox .usefull-link-wrapper li:not(:last-child){margin-bottom: 9px;}
  footer .copywrite-bar {margin-top: 28px;}
  footer .footer-menu-bar .logo-box p{font-size: 16px; line-height: 24px;}
  .footer-menu-bar .usefull-linkbox h4, .footer-menu-bar .footer-contact-wrapper h4{font-size: 18px;}
}
@media screen and (max-width:575px){
  .margin-tb{margin-block: 40px;}
  .padding-tb{padding-block: 40px;}
  header img.header-logo{width: 140px;}
  .heading2-title {font-size: 22px; line-height: 30px;}
  .heading3-title {font-size: 16px; line-height: 24px;}
  
  /* Hero Section  */
  .hero-section h1{font-size: 36px; line-height: 44px;}
  .hero-section .hero-btnbox {gap: 16px;}
  
  /* Reality Section  */
  .reality-sec .realitybox-wrapper .reality-item h3{font-size: 20px; line-height: 28px;}
  .reality-sec .realitybox-wrapper .reality-item .reality-icon svg{width: 48px; height: 48px;}

  /* Transformation Section  */
  .transformation-sec .transformation-wrapper .manual-item{padding: 16px 16px 24px 16px;}
  .transformation-sec .transformation-wrapper .roadrunner-item{padding: 16px;}
  .transformation-sec .transformation-wrapper .manual-iconbox h3{font-size:20px; line-height:28px;}
  .transformation-sec .transformation-wrapper .manual-iconbox p{font-size:14px; line-height:22px;}
  .transformation-sec .transformation-wrapper .manual-listing, .transformation-sec .transformation-wrapper .roadrunner-standard-listing{font-size:14px; line-height:22px;}
  .transformation-sec .transformation-wrapper .roadrunner-standard-listing .white-checklist{gap: 3px;}

  /* The Campus Experience  */
  .campus-sec .campus-wrapper .nav{gap: 24px;}
  .campus-wrapper .tab-content .campus-content-wrapper{padding: 16px 0px 0;}
  .campus-wrapper .tab-content .tab-pane .campus-content-box{padding: 0 16px !important;}
  .campus-wrapper .tab-content .tab-pane .campus-content-box h3{font-size: 20px; line-height: 28px;}
  ul.red-checklist li, ul.grey-checklist li, .campus-wrapper .tab-content .tab-pane .campus-content-box ul.red-checklist li{margin-bottom: 16px;}
  .campus-wrapper .tab-content .tab-pane .campus-content-box ul.red-checklist li{background-position: left top 2px; font-size: 16px; line-height: 24px;}

  /* Campus Plans  */
  .campus-plans-sec .campus-plan-wrapper{gap: 24px;}
  .campus-plans-sec .campus-plan-wrapper .campus-plan-item .plan-badge{top: -45px;}
  .campus-plans-sec .campus-plan-wrapper .campus-plan-item h3{font-size:20px; line-height:28px;}

  /* student Safety Section  */
  .student-safety-sec .student-safety-wrapper .safety-point .safety-iconbox img{width: 48px;}

  /* Deployment Section  */
  .deployment-sec .deployment-wrapper{gap: 16px;}
  .deployment-sec .deployment-wrapper .dev-item{width: 100%;}

  /* CTA Section  */
  .cta-sec .cta-title{font-size: 52px; line-height: 66px;}
  .cta-sec .blue-btn{padding: 15px 47px;}
  .cta-sec .cta-wrapper{border-radius: 16px !important;}

  /* FAQ Section  */
  .faq-wrapper .accordion{gap: 10px;}
  .faq-wrapper .accordion .accordion-item{padding: 16px;}
  .faq-wrapper .accordion .accordion-item{border-radius: 16px !important;}
  .faq-wrapper .accordion .accordion-item .accordion-button{font-size: 16px; line-height: 24px;}
  .faq-wrapper .accordion .accordion-item .accordion-body {padding-top: 12px !important;}

  /* Contact CTA  */
  .contact-cta-sec .cta-wrapper{padding-block: 24px;}
  .cta-wrapper form{gap: 12px;}
  .cta-wrapper form input:not(:last-child), .cta-wrapper form select{width: 100%;}

  /* Certificates Sec  */
  .contact-cta-sec .certificate-wrapper .certificate-item img {height: 16px;}
  .cta-wrapper{border-radius: 16px !important;}

  footer {padding: 24px 0 0px;}
  .footer-menu-bar .logo-box img{width: 199px;}
  footer .footer-menu-bar .usefull-linkbox .usefull-link-wrapper li:not(:last-child){margin-bottom: 5px;}
  footer .copywrite-bar {margin-top: 24px;}
  footer .copywrite-bar, footer .copywrite-bar .footer-social-links a {font-size: 12px; line-height: 18px;}
}