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

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

@import url('../css/fonts.css');

:root {--future: future;  --primary-font: 'Future Earth Regular'; }

a {text-decoration: none;all: unset; cursor: pointer;}
a, a:hover { text-decoration: none; }
a:focus { outline: none; }
*:focus { outline: none; }
button:active, button:focus, .btn:active, .btn:focus { box-shadow: none !important; outline: none !important; }
img { display: inline-block; height: auto; max-width: 100%; }
p{margin: 0;}
body { background-color: #000000; color: #FFFFFF; overflow-x: hidden; }
button{border: none;}

/*===================== customer =======================*/

.wrapper{padding: 0px 90px;}

.btn-design{box-shadow: 0px 3px 6px #000000A7; border: 1px solid #52DFDE; border-radius: 10px; background: transparent linear-gradient(180deg, #52DFDE 0%, #2E908F 100%); color: #FFFFFF; padding: 18px 60px;}

.ecosystem-text p, .commitment-box p, .greencard-text h6, .btn-design, .navbar .nav-menu a, .offcanvas-body .nav-item, .concept-pillars .mission-visbox p{font: normal normal 600 24px/35px Poppins;}

.ourteam-text h6, .commitment-box h6, .concept-pillars .greencard-text h6, .event-update h6{font: normal normal 600 32px/48px Poppins;}

/*===================== navbar =======================*/

.navbar{background: transparent linear-gradient(180deg, #000000 0%, #00000065 100%); position: fixed; top: 0; left: 0; right: 0; z-index: 999; padding: 35px 70px;}
.navbar .nav-menu { display: flex; gap:50px;}

.offcanvas{background: transparent linear-gradient(180deg, #000000 0%, #00000065 100%); width: 260px !important;}
.offcanvas-body .nav-item{padding: 15px 10px; font: normal normal 500 18px/35px Poppins;}
.offcanvas-header img{width: 29px; cursor: pointer;}
.offcanvas-body{margin-top: 50px;}
.language-dropdown { position: absolute; top: 16%; left: 10%; background: transparent; border: 1px solid #2E908F; padding: 12px 15px; display: none; color: #fff; font: normal normal 500 12px/20px Poppins; z-index: 999; width: 70%;}
.language-dropdown.show {display: block;}

/*===================== profile banner =======================*/

.carousel-item {background-size: cover; background-position: center; position: relative;}
.carousel-indicators [data-bs-target] {background-color: #8E8E8E; width: 111px; height: 15px; margin: 0px 8px;}
.carousel-indicators .active {background-color: #5FFEFD;}

/*-------- language modal --------*/

.language-modal .modal-dialog { max-width: 100%; height: 100%; margin: 0;}
.language-modal .modal-content { background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); height: 100%; display: flex; flex-direction: row; justify-content: space-between; padding: 70px; color: #000000; border-radius: 0px;}
.close-btn { cursor: pointer; text-decoration: underline; font: normal normal 600 27px/40px Poppins;}
.language-options h5{font: normal normal 600 27px/40px Poppins;}
.language-options p{font: normal normal normal 24px/35px Poppins;}

/*-------- mission - vision --------*/
.content-bgcolor{padding: 100px 0px; background: transparent linear-gradient(180deg, #0A73AF 0%, #000000 22%, #010D1300 31%, #00000093 39%, #021723F7 45%, #0A73AF 100%);}
.missvisi-mainbox p{font-size: 24px; font-weight: 500; font-family: Poppins; text-align: center;}
.mission-vis2box{margin: 150px 150px 0px 150px;}
.mission-visbox{border: 2px solid #52DFDE; border-radius: 20px; background: #000000; padding: 25px 40px;}
.mission-visbox h6{font: normal normal bold 32px/48px Poppins; color: #52DFDE;}

/*-------- ecosystem --------*/

.ecosystem-section { position: relative; padding-top: 100px; background: url('../images/ecosystemback.png') no-repeat center center; background-size: cover; overflow: hidden; z-index: 1; margin-top: 150px;}
.ecosystem-section::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient( to bottom, rgba(0, 0, 0, 0.9) 10%, rgba(0, 0, 0, 0.2) 40%, rgba(3, 37, 56, 0.9) 80%, rgba(3, 37, 56, 0.9) 10%); z-index: -1;}
.ecosystem-text h6, .conceptpill-head{font: normal normal 600 48px/72px Poppins;}

.ecosystem-scroll{ display: flex; gap: 15px; overflow-x: auto; scroll-snap-type: x mandatory; margin-top: 70px;}
.ecosystem-scroll::-webkit-scrollbar {height: 6px;}
.greencard-text { position: absolute; bottom: 0px; left: 0px; right: 0px; top: 260px; text-align: center; padding: 0px 20px;}
.ecosystem-body { position: relative;}

/*-------- footer --------*/

footer{padding-top: 100px;}
footer p{font: normal normal 300 24px/30px Poppins;}

/*===================== concept =======================*/

.banner-box .video-background { position: relative !important; height: 100vh; overflow: hidden;}
.banner-box .video-background video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

/* Scroll down indicator */
.scroll-indicator { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); z-index: 3;  text-align: center;}
.banner-box .video-gradient { position: absolute; bottom: 0; left: 0; top: 280px; width: 100%; height: 100vh;  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%); z-index: 2; pointer-events: none;}

.concept-bgcolor{background: linear-gradient( 181deg, #053A58 0%, #053A5867 50%, #053A58 100% ); padding: 100px 0px;}
.concept-pillars .greencard-text { bottom: 50px; top: auto;}
.concept-pillars .mission-visbox{padding: 25px 10px;}

.concept-backimgbox{ position: relative; background: url('../images/conceptpillar-backimg.png') no-repeat center center; background-size: cover; overflow: hidden; z-index: 1;}
.concept-backimgbox::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient( to bottom, rgba(3, 37, 56, 0.9) 10%, rgba(0, 0, 0, 0.4) 40%, rgba(3, 37, 56, 0.2) 80%, rgba(2, 23, 35, 0.9) 10%); z-index: -1;}

.event-scroll { display: flex; gap: 0px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;}
.event-scroll::-webkit-scrollbar { height: 6px;}
.event-scroll img { flex: 0 0 auto; width: 420px; height: auto; border-radius: 10px; scroll-snap-align: center; object-fit: cover;}

.event-update h6{padding-top: 100px;}

/*===================== flaship =======================*/

.flaship-bgcolor{background: #E1EDED; padding: 80px 0px;}
.quan-content h6, .quantechno-inner h6{font: normal normal bold 80px/120px Poppins; color: #000000;}
.quan-content p{font-size: 26px; font-weight: 500; font-family: Poppins; color: #000000;}
.quan-content span{font-size: 26px; font-weight: normal; font-family: Poppins; font-style: italic; color: #000000;}
.quantechno-box{background: #FFFFFF; box-shadow: 0px 3px 12px #00000029; border-radius: 40px; padding: 40px 100px;}
.quantechno-box h5{font: normal normal bold 26px/32px Poppins; color: #000000;}
.quantechno-box p{font-size: 20px; font-weight: 500; font-family: Poppins; color: #000000;}

/*-------- benefit --------*/

.flaship-benefit{background: transparent linear-gradient(180deg, #52DFDE 0%, #2E908F 100%); padding: 100px;}
.flaship-benefit h1{font: normal normal bold 80px/120px Poppins;}
.benefit-arrow-imgbox{ position: relative; margin: auto; width: 336px;}
.benefit-arrowtxt h3 { font: normal normal bold 24px/30px Poppins; color: white; position: absolute; top: 13%; left: 10%;}
.benefit-arrowtxt p { font: normal normal normal 24px/35px Poppins; color: #000000; position: absolute; top: 40%; left: 18%; width: 256px;}
.benefittext-arrow1{left: 20% !important;}
.benefittext-arrow3{left: 5% !important;}  
.benefittext-arrow5{top: 10% !important;}      

/*-------- recharge-bodyhead --------*/

.recharge-bodyhead h1{font: normal normal bold 60px/90px Poppins; color: #000000;}
.recharge-bodyhead p{font-size: 20px; font-weight: 500; font-family: Poppins; color: #000000;}
.recharge-body4section{box-shadow: 0px 3px 6px #0000009A; border-radius: 10px; background: linear-gradient(90deg, #2E908F 0%, #2E908F34 100%); font-size: 26px; font-weight: 500; font-family: Poppins; padding: 28px;}

.bodyhealth-support{background: #FFFFFF80; padding: 30px; border: 2px solid #2E908F; border-radius: 20px;}
.bodyhealth-support h6, .key-features h6{font: normal normal bold 42px/63px Poppins; color: #000000;}
.bodyhealth-supportbox{background: #FFFFFF; box-shadow: 0px 3px 6px #00000029; border-radius: 20px; padding: 15px 20px;}
.bodyhealth-supportbox span{font: normal normal bold 20px/30px Poppins; color: #000000;}
.bodyhealth-supportbox img{width: 130px; height: 130px;}

.key-features{background: #FFFFFF80; border: 2px solid #52DFDE; border-radius: 20px; padding: 30px;}
.key-features h6{padding-bottom: 60px;}
.bodyhealth-supportbox p{font: normal normal bold 18px/27px Poppins; color: #000000;}

/*-------- quantume-box1 --------*/

.quantume-box1{position: relative; background: url('../images/quantumebackimg1.png') no-repeat center center; background-size: cover; overflow: hidden; margin: 0px 90px; border: 3px solid #FFFFFF; border-radius: 30px; padding: 50px 35px;}
.quantume-box1 h1, .quantume-box2 h1{font: normal normal bold 80px/90px Poppins; color: #FFFFFF;}
.quantume-box1 span, .quantume-box2 span{border: 3px solid #FFFFFF; border-radius: 20px; padding: 0px 17px; font: normal normal 600 36px/45px Poppins; color: #FFFFFF;}
.quantume-box1 h6, .quantume-box2 h6{font-family: Poppins; color: #FFFFFF; font-style: italic; font-weight: 500; font-size: 46px;}
.quantume-box1 .header-line, .quantume-box2 .header-line{background: #FFFFFF; width: 101px; height: 17px;}
.quantume-box1 p, .quantume-box2 p{font: normal normal normal 26px/39px Poppins;}

.quantume-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px;}
.quantume-innerbox-text {font-size: 22px; font-weight: 500; font-family: Poppins; background: #FFFFFF; border-radius: 20px; padding: 50px 20px; text-align: center; color: #000000;}

.quantume-box2{position: relative; background: url('../images/quantumebackimg2.png') no-repeat center center; background-size: cover; overflow: hidden; margin: 0px 90px; border-radius: 30px; padding: 50px 35px;}



/*================ responsive css style ===================*/

@media only screen and (min-width: 250px) and (max-width: 319px){

  .navbar {padding: 15px 20px;}
}

@media only screen and (min-width: 320px) and (max-width: 767px){

  .ecosystem-scroll{gap: 10px;} 
  .wrapper {padding: 0px 30px;}
  .btn-design {font-size: 16px; padding: 14px 90px;}

  .nav-menu{display: none !important;}
  .navbar .navlogo {width: 132px;}
  .navbar {padding: 15px 20px;}
  .navinner-box button img{width: 30px;}
  .offcanvas-body .btn-design {font-size: 13px; padding: 9px 50px;}
  
  /* profile */
  .carousel-indicators [data-bs-target] { width: 40px; height: 5px; margin: 0px 3px;}
  .content-bgcolor {padding: 30px 0px;}
  .missvisi-mainbox p {font-size: 12px; margin-top: 20px !important;}
  .mission-vis2box {margin: 20px 10px 0px 10px;}
  .mission-visbox{margin-top: 15px; padding: 25px 30px;}
  .mission-visbox h6{font-size: 20px; line-height: 20px;}

  .ecosystem-section {padding: 50px 0px; display: block !important; margin-top: 0px; padding-bottom: 0px !important;}
  .ecosystem-text h6{font-size: 22px; line-height: 30px;}
  .ecosystem-section p {font-size: 14px; line-height: 20px;}
  .ecosystem-scroll{margin-top: 30px;}
  .ecosystem-body, .mission-visbox{ position: relative; flex: 0 0 70%; overflow: hidden;}
  .greencard-text { top: 190px; padding: 0px 35px;}
  .greencard-text h6{font-size: 14px; line-height: 23px;}
  .ecosystem-section .btn-design{margin-top: 20px !important;}

  .ourteam-text{padding: 40px 0px !important;}
  .ourteam-text h6, .commitment-box h6{font-size: 22px; line-height: 30px; margin-bottom: 0px;}
  .commitment-box{margin: 30px 20px !important;}
  .commitment-box p{font-size: 15px; line-height: 20px; padding-top: 20px;}

  footer p{font-size: 12px; line-height: 18px;}
  footer{ padding-top: 50px;}
  footer img{width: 195px;}

  /* concept */
  .scroll-indicator lottie-player { width: 32px !important; height: 32px !important;}
  .concept-bgcolor {padding: 50px 0px;}
  .conceptpill-head {font-size: 22px; line-height: 30px; padding: 0px 70px;}

  .concept-backimgbox::before {background: linear-gradient(to bottom, rgba(3, 37, 56, 0.9) 10%, rgba(0, 0, 0, 0.4) 40%, rgba(3, 37, 56, 0.4) 0%, rgba(2, 23, 35, 0.4) 0%);}
  .concept-pillars .ecosystem-scroll, .mission-visbox{padding: 0px 30px; }
  .concept-pillars .ecosystem-body, .concept-pillars .mission-visbox{flex: 0 0 90% !important;}
  .concept-pillars .mission-visbox p {font-size: 16px; line-height: 25px;}

  .event-scroll img{width: 175px; height: 175px;}
  .event-scroll{padding: 0px 20px;}
  .event-update h6 {padding-top: 20px; font-size: 22px;}

  /* flagship */
  .flaship-bgcolor {padding: 50px 0px;}
  .quan-content h6, .quan-content h6{font-size: 36px; line-height: 40px;}
  .quan-content p, .quan-content span {font-size: 14px; line-height: 18px;}
  .quantechno-inner h6{margin: 20px 0px !important; font-size: 26px; line-height: 35px;}
  .quantechno-inner .row{margin: 0px 0px !important;}
  .quantechno-box {padding: 30px 30px; border-radius: 20px; margin-bottom: 20px;}
  .quantechno-box  img{width: 100px; height: 100px;}
  .quantechno-box h5{font-size: 14px; line-height: 20px; margin: 10px 0px !important;}
  .quantechno-box p{font-size: 12px;}

  .flaship-benefit h1 {font-size: 36px; line-height: 50px;}
  .flaship-benefit { padding: 30px 0px;}
  .benefit-arrow-imgbox{flex: 0 0 70%;}
  .benefit-arrowtxt h3 {font-size: 20px; top: 13%; left: 10%; line-height: 25px;}
  .benefit-arrowtxt p {font-size: 18px; line-height: 25px; top: 45%; left: 23%; width: 200px;}

  .recharge-body{padding: 25px 20px !important;}
  .recharge-bodyhead h1{font-size: 26px; line-height: 35px; padding: 0px 30px;}
  .recharge-bodyhead p{font-size: 12px;}
  .recharge-body4section { font-size: 12px; padding: 20px 15px; margin-bottom: 15px;}
  .recharge-body .row{margin-top: 20px !important;}

  .bodyhealth-support, .key-features{padding: 15px;}
  .bodyhealth-support h6, .key-features h6{font-size: 22px; line-height: 30px;}
  .bodyhealth-supportbox img { width: 110px; height: 110px;}
  .bodyhealth-supportbox{padding: 15px;}
  .bodyhealth-support .col-lg-6, .key-features .col-lg-6{margin-top: 10px !important;}
  .bodyhealth-supportbox span{font-size: 17px; line-height: 20px;}

  .key-features h6{padding-bottom: 0px !important;}
  .key-features{margin-top: 20px;}
  .bodyhealth-supportbox p{font-size: 15px; line-height: 20px;}

  .quantume-box1, .quantume-box2 { border: 1px solid #FFFFFF; margin: 0px 25px; border-radius: 15px; padding: 25px 15px;}
  .quantume-box1 h1, .quantume-box2 h1{font-size: 40px; line-height: 65px; margin-bottom: 0px;}
  .quantume-box1 span, .quantume-box2 span { border: 2px solid #FFFFFF; border-radius: 10px; padding: 0px 11px; font-size: 18px; line-height: 30px;}
  .quantume-box1 h6, .quantume-box2 h6 {font-size: 14px; text-align: center;}
  .quantume-box1 .header-line, .quantume-box2 .header-line {display: none !important;}
  .quantume-box1 p, .quantume-box2 p {font-size: 12px; line-height: 18px; text-align: center;}
  .quantume-box1 .col-12 img, .quantume-box2 .col-12 img{margin-top: 15px;}
  .quantume-innerbox-text { font-size: 12px; border-radius: 10px; padding: 25px 15px;}
  .quantume-grid { grid-template-columns: repeat(2, 1fr);}
  .quantume-innerbox-text5 {grid-column: span 2;}
  .quantume-box2-head, .quantume-box1-head{justify-content: center;}

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .ecosystem-scroll{gap: 10px;} 
  .wrapper {padding: 0px 20px;}
  .btn-design {font-size: 16px; padding: 14px 90px;}

  .nav-menu{display: none !important;}
  .navbar .navlogo {width: 132px;}
  .navbar {padding: 15px 20px;}
  .navinner-box button img{width: 30px;}
  .offcanvas-body .btn-design {font-size: 13px; padding: 9px 50px;}
  
  /* profile */
  .carousel-indicators [data-bs-target] { width: 40px; height: 5px; margin: 0px 3px;}
  .content-bgcolor {padding: 30px 0px;}
  .missvisi-mainbox p {font-size: 12px; margin-top: 20px !important;}
  .mission-vis2box {margin: 20px 10px 0px 10px;}
  .mission-visbox{margin-top: 15px; padding: 25px 30px;}
  .mission-visbox h6{font-size: 20px; line-height: 20px;}

  .ecosystem-section {padding: 50px 0px; display: block !important; margin-top: 0px; padding-bottom: 0px !important;}
  .ecosystem-text h6{font-size: 22px; line-height: 30px;}
  .ecosystem-section p {font-size: 14px; line-height: 20px;}
  .greencard-text { top: 100px; padding: 0px 5px;} 
  .greencard-text h6{font-size: 10px; line-height: 16px;}
  .ecosystem-section .btn-design{margin-top: 20px !important;}

  .ourteam-text{padding: 40px 0px !important;}
  .ourteam-text h6, .commitment-box h6{font-size: 22px; line-height: 30px; margin-bottom: 0px;}
  .commitment-box{margin: 30px 20px !important;}
  .commitment-box p{font-size: 15px; line-height: 20px; padding-top: 20px;}

  footer p{font-size: 12px; line-height: 18px;}
  footer{ padding-top: 50px;}
  footer img{width: 195px;}

  /* concept */
  .scroll-indicator lottie-player { width: 32px !important; height: 32px !important;}
  .concept-bgcolor {padding: 50px 0px;}
  .conceptpill-head {font-size: 22px; line-height: 30px; padding: 0px 70px;}

  .concept-backimgbox::before {background: linear-gradient(to bottom, rgba(3, 37, 56, 0.9) 10%, rgba(0, 0, 0, 0.4) 40%, rgba(3, 37, 56, 0.4) 0%, rgba(2, 23, 35, 0.4) 0%);}
  .ecosystem-scroll{margin-top: 0px !important;}
  .concept-pillars .ecosystem-scroll{padding: 0px 20px !important; }
  .concept-pillars .mission-visbox p {font-size: 10px; line-height: 16px;}
  .mission-visbox{padding: 10px 10px !important;}
  .concept-pillars .greencard-text h6{font-size: 22px; line-height: 30px; margin-bottom: 0px;}

  .event-scroll img{width: 175px; height: 175px;}
  .event-scroll{padding: 0px 20px;}
  .event-update h6 {padding-top: 20px; font-size: 22px;}

  /* flagship */
  .flaship-bgcolor {padding: 50px 0px;}
  .quan-content h6, .quan-content h6{font-size: 36px; line-height: 40px;}
  .quan-content p, .quan-content span {font-size: 14px; line-height: 18px;}
  .quantechno-inner h6{margin: 20px 0px !important; font-size: 26px; line-height: 35px;}
  .quantechno-inner .row{margin: 0px 0px !important;}
  .quantechno-box {padding: 30px 30px; border-radius: 20px; margin-bottom: 20px;}
  .quantechno-box  img{width: 100px; height: 100px;}
  .quantechno-box h5{font-size: 14px; line-height: 20px; margin: 10px 0px !important;}
  .quantechno-box p{font-size: 12px;}

  .flaship-benefit h1 {font-size: 36px; line-height: 50px;}
  .flaship-benefit { padding: 30px 0px;}
  /* .benefit-arrow-imgbox{flex: 0 0 70%;} */
  .benefit-arrowtxt h3 {font-size: 10px; top: 13%; left: 10%; line-height: 12px;}
  .benefit-arrowtxt p {font-size: 9px; line-height: 14px; top: 40%; left: 23%; width: 100px;}

  .recharge-body{padding: 25px 20px !important;}
  .recharge-bodyhead h1{font-size: 26px; line-height: 35px; padding: 0px 30px;}
  .recharge-bodyhead p{font-size: 12px;}
  .recharge-body4section { font-size: 12px; padding: 20px 15px; margin-bottom: 15px;}
  .recharge-body .row{margin-top: 20px !important;}

  .bodyhealth-support, .key-features{padding: 15px;}
  .bodyhealth-support h6, .key-features h6{font-size: 22px; line-height: 30px;}
  .bodyhealth-supportbox img { width: 110px; height: 110px;}
  .bodyhealth-supportbox{padding: 15px;}
  .bodyhealth-support .col-lg-6, .key-features .col-lg-6{margin-top: 10px !important;}
  .bodyhealth-supportbox span{font-size: 17px; line-height: 20px;}

  .key-features h6{padding-bottom: 0px !important;}
  .key-features{margin-top: 20px;}
  .bodyhealth-supportbox p{font-size: 15px; line-height: 20px;}

  .quantume-box1, .quantume-box2 { border: 1px solid #FFFFFF; margin: 0px 25px; border-radius: 15px; padding: 25px 15px; text-align: center;}
  .quantume-box1 h1, .quantume-box2 h1{font-size: 40px; line-height: 65px; margin-bottom: 0px;}
  .quantume-box1 span, .quantume-box2 span { border: 2px solid #FFFFFF; border-radius: 10px; padding: 0px 11px; font-size: 18px; line-height: 30px;}
  .quantume-box1 h6, .quantume-box2 h6 {font-size: 14px; text-align: center;}
  .quantume-box1 .header-line, .quantume-box2 .header-line {display: none !important;}
  .quantume-box1 p, .quantume-box2 p {font-size: 12px; line-height: 18px; text-align: center;}
  .quantume-box1 .col-12 img, .quantume-box2 .col-12 img{margin-top: 15px;}
  .quantume-innerbox-text { font-size: 12px; border-radius: 10px; padding: 25px 15px;}
  .quantume-grid { grid-template-columns: repeat(2, 1fr);}
  .quantume-innerbox-text5 {grid-column: span 2;}
  .quantume-box2-head, .quantume-box1-head{justify-content: center;}


}
@media only screen and (min-width: 992px) and (max-width: 1089px) {

  .wrapper {padding: 0px 40px;}

  .navbar .nav-menu a{ font-size: 15px; line-height: 10px;}
  .navbar .navlogo{width: 170px;}
  .navbar{padding: 13px 30px;}
  .navbar .nav-menu {gap: 20px;}
  .navbar .btn-design {padding: 3px 20px; font-size: 15px;}
  .navbar .bg-transparent img{width: 30px;} 
  .navbar .bg-transparent{margin-right: 0px !important;}
  .language-modal .modal-content {padding: 40px;}
  .language-options h5, .close-btn{font-size: 23px; line-height: 28px;}

  .carousel-indicators [data-bs-target] { width: 70px; height: 8px; margin: 0px 4px;}
  .content-bgcolor {padding: 50px 0px;}
  .greencard-text { top: 130px; padding: 0px 5px;}
  .greencard-text h6{font-size: 12px; line-height: 18px;}
  .mission-vis2box { margin: 40px 10px 0px 10px;}
  .mission-visbox {padding: 25px 30px;}
  .missvisi-mainbox p {font-size: 19px; line-height: 26px; margin-top: 20px !important;}
  .ecosystem-section {margin-top: 0px;}
  .btn-design{padding: 11px 40px; font-size: 18px;}
  .commitment-box p{font-size: 18px; line-height: 25px;}
  .ecosystem-scroll{margin-top: 20px; justify-content: center;}
  .ecosystem-section {padding: 27px 0px; padding-bottom: 0px; display: block !important; justify-content: center;}
  .ecosystem-section p {font-size: 12px; line-height: 15px;}

  .scroll-indicator lottie-player { width: 50px !important; height: 50px !important;}
  .concept-pillars .mission-visbox p{font-size: 11px; line-height: 18px;}
  .concept-bgcolor {padding: 50px 0px;}
  .ecosystem-text h6, .conceptpill-head {font-size: 30px; line-height: 40px;}
  .event-update h6 {padding-top: 40px;}
  .event-scroll img { width: 200px;}
  .concept-pillars .greencard-text h6{font-size: 25px;}
  .mission-visbox { border-radius: 10px; padding: 10px 10px !important;}

  .flaship-bgcolor {padding: 40px 0px;}
  .quan-content h6, .quantechno-inner h6{font-size: 50px; line-height: 70px;}
  .quan-content p, .quan-content span{font-size: 18px;}
  .quantechno-box img{width: 120px;}
  .quantechno-box p {font-size: 16px;}
  .quantechno-box h5 {margin: 20px 0px !important; font-size: 22px;}
  .quantechno-box {padding: 40px 20px; height: 480px;}
  .quantechno-inner .row{margin: 0px 0px !important;}
  .flaship-benefit {padding: 50px;}
  .flaship-benefit h1, .recharge-bodyhead h1 {font-size: 45px; line-height: 65px;}
  .benefit-arrowtxt h3 {font-size: 12px; line-height: 15px;}
  .benefit-arrowtxt p {font-size: 12px; line-height: 18px; left: 22%; width: 120px;}
  .recharge-body4section{font-size: 14px; padding: 16px 20px;}
  .bodyhealth-supportbox span {font-size: 11px; line-height: 0px;}
  .bodyhealth-supportbox p{font-size: 10px; line-height: 13px;}
  .bodyhealth-supportbox {gap: 13px !important; padding: 10px 10px; border-radius: 10px;}
  .bodyhealth-supportbox img { width: 80px; height: 80px;}
  .quantume-innerbox-text {padding: 20px 5px; font-size: 16px;}
  .quantume-box1, .quantume-box2 { margin: 0px 35px; border-radius: 20px;padding: 40px 30px;}
  .quantume-box1 p, .quantume-box2 p {font-size: 21px; line-height: 29px;}
  .quantume-box1 h1, .quantume-box2 h1{font-size: 48px; line-height: 58px;}
  .bodyhealth-support h6, .key-features h6 {font-size: 30px; line-height: 40px;}
  .key-features .row{margin-top: 27px !important;}
  .quantume-box1 span, .quantume-box2 span { border-radius: 8px; padding: 0px 10px; font-size: 20px; line-height: 28px;}
  .quantume-box1 h6, .quantume-box2 h6 {font-size: 33px; line-height: 40px;}

}
@media only screen and (min-width: 1090px) and (max-width: 1279px) {

  .wrapper {padding: 0px 40px;}

  .navbar .nav-menu a{ font-size: 18px; line-height: 10px;}
  .navbar .navlogo{width: 230px;}
  .navbar{padding: 22px 30px;}
  .navbar .nav-menu {gap: 30px;}
  .navbar .btn-design {padding: 8px 30px; font-size: 18px;}
  .navbar .bg-transparent img{width: 35px;} 
  .language-modal .modal-content {padding: 40px;}
  .language-options h5, .close-btn{font-size: 23px; line-height: 28px;}

  .carousel-indicators [data-bs-target] { width: 90px; height: 10px; margin: 0px 4px;}
  .greencard-text { top: 140px; padding: 0px 5px;}
  .greencard-text h6{font-size: 15px; line-height: 20px;}
  .mission-vis2box { margin: 80px 10px 0px 10px;}
  .missvisi-mainbox p {font-size: 23px;}
  .ecosystem-section {margin-top: 0px;}
  .btn-design{padding: 15px 50px; font-size: 21px;}

  .scroll-indicator lottie-player { width: 50px !important; height: 50px !important;}
  .concept-pillars .mission-visbox p{font-size: 17px; line-height: 23px;}
  .concept-bgcolor {padding: 50px 0px;}
  .ecosystem-text h6, .conceptpill-head {font-size: 40px; line-height: 40px;}
  .event-update h6 {padding-top: 60px;}
  .event-scroll img { width: 320px;}

  .flaship-bgcolor {padding: 50px 0px;}
  .quan-content h6, .quantechno-inner h6{font-size: 60px; line-height: 70px;}
  .quan-content p, .quan-content span{font-size: 20px;}
  .quantechno-box img{width: 150px;}
  .quantechno-box p {font-size: 20px;}
  .quantechno-box h5 {margin: 20px 0px !important; font-size: 22px;}
  .quantechno-box {padding: 40px 20px; height: 550px;}
  .quantechno-inner .row{margin: 0px 0px !important;}
  .flaship-benefit {padding: 50px;}
  .flaship-benefit h1, .recharge-bodyhead h1 {font-size: 50px; line-height: 75px;}
  .benefit-arrowtxt h3 {font-size: 15px; line-height: 17px;}
  .benefit-arrowtxt p {font-size: 15px; line-height: 20px; left: 21%; width: 150px;}
  .recharge-body4section{font-size: 18px; padding: 20px 20px;}
  .bodyhealth-supportbox span {font-size: 15px; line-height: 18px;}
  .bodyhealth-supportbox p{font-size: 13px; line-height: 18px;}
  .bodyhealth-supportbox {gap: 13px !important; padding: 10px 10px; border-radius: 10px;}
  .bodyhealth-supportbox img { width: 100px; height: 100px;}
  .quantume-innerbox-text {padding: 20px 5px; font-size: 16px;}
  .quantume-box1, .quantume-box2 { margin: 0px 40px; border-radius: 20px;padding: 50px 35px;}
  .quantume-box1 p, .quantume-box2 p {font-size: 21px; line-height: 29px;}
  .quantume-box1 h1, .quantume-box2 h1{font-size: 60px;}
  .bodyhealth-support h6, .key-features h6 {font-size: 38px; line-height: 45px;}
  .key-features .row{margin-top: 30px !important;}
  .quantume-box1 span, .quantume-box2 span { border-radius: 10px; padding: 0px 10px; font-size: 25px; line-height: 35px;}
.quantume-box1 h6, .quantume-box2 h6 {font-size: 40px;}


}
@media only screen and (min-width: 1280px) and (max-width: 1499px) {

  .wrapper {padding: 0px 45px;}

  .navbar .nav-menu a{ font-size: 18px; line-height: 10px;}
  .navbar .navlogo{width: 230px;}
  .navbar{padding: 22px 80px;}
  .navbar .nav-menu {gap: 30px;}
  .navbar .btn-design {padding: 11px 40px; font-size: 20px;}
  .navbar .bg-transparent img{width: 40px;}

  .carousel-indicators [data-bs-target] { width: 90px; height: 10px; margin: 0px 4px;}
  .greencard-text { top: 140px; padding: 0px 5px;}
  .greencard-text h6{font-size: 18px; line-height: 23px;}
  .mission-vis2box { margin: 80px 10px 0px 10px;}
  .missvisi-mainbox p {font-size: 23px;}
  .ecosystem-section {margin-top: 0px;}

  .concept-pillars .mission-visbox p{font-size: 20px; line-height: 28px;}
  .concept-bgcolor {padding: 50px 0px;}
  .ecosystem-text h6, .conceptpill-head {font-size: 40px; line-height: 40px;}
  .event-update h6 {padding-top: 60px;}
  .event-scroll img { width: 320px;}

  .flaship-bgcolor {padding: 50px 0px;}
  .quan-content h6, .quantechno-inner h6{font-size: 70px; line-height: 70px;}
  .quan-content p{font-size: 23px;}
  .quantechno-box img{width: 200px;}
  .quantechno-box p {font-size: 23px;}
  .quantechno-box h5 {margin: 20px 0px !important;}
  .quantechno-box {padding: 40px 20px; height: 630px;}
  .flaship-benefit {padding: 50px;}
  .flaship-benefit h1 {font-size: 60px; line-height: 75px;}
  .benefit-arrowtxt h3 {font-size: 17px; line-height: 20px;}
  .benefit-arrowtxt p {font-size: 17px; line-height: 23px; left: 21%; width: 180px;}
  .recharge-body4section{font-size: 20px; padding: 20px 20px;}
  .bodyhealth-supportbox span {font-size: 18px; line-height: 23px;}
  .bodyhealth-supportbox p{font-size: 15px; line-height: 20px;}
  .bodyhealth-supportbox {gap: 13px !important; padding: 15px 20px;}
  .bodyhealth-supportbox img { width: 110px; height: 110px;}
  .quantume-innerbox-text {padding: 20px 5px; font-size: 19px;}
  .quantume-box1, .quantume-box2 { margin: 0px 40px; border-radius: 20px;padding: 50px 35px;}
  .quantume-box1 p, .quantume-box2 p {font-size: 21px; line-height: 29px;}
  .quantume-box1 h1, .quantume-box2 h1{font-size: 70px;}

}
@media only screen and (min-width: 1500px) and (max-width: 1549px){

  .wrapper {padding: 0px 45px;}

  .navbar .nav-menu a{ font-size: 20px; line-height: 10px;}
  .navbar {padding: 25px 70px;}
  .navbar .nav-menu { gap: 30px;}
  .navbar .btn-design {padding: 15px 40px;}

  .greencard-text { top: 170px; padding: 0px 15px;}
  .greencard-text h6{font-size: 20px; line-height: 25px;}

  .concept-pillars .mission-visbox p{font-size: 20px; line-height: 28px;}
  .event-scroll img { width: 350px;}

  .quantechno-box img{width: 200px;}
  .quantechno-box p {font-size: 25px;}
  .quantechno-box h5 {margin: 20px 0px !important;}
  .quantechno-box {padding: 40px 40px; height: 630px;}
  .flaship-benefit {padding: 50px;}
  .benefit-arrowtxt h3 {font-size: 20px; line-height: 25px;}
  .benefit-arrowtxt p {font-size: 19px; line-height: 25px; left: 21%; width: 200px;}
  .recharge-body4section{font-size: 23px; padding: 28px 20px;}
  .bodyhealth-supportbox span {font-size: 18px; line-height: 23px;}
  .bodyhealth-supportbox {gap: 13px !important; padding: 15px 20px;}
  .bodyhealth-supportbox img { width: 110px; height: 110px;}
  .quantume-innerbox-text {padding: 30px 15px;}

}
@media only screen and (min-width: 1550px) and (max-width: 1749px) {

  .navbar {padding: 25px 70px;}

  .greencard-text { top: 170px; padding: 0px 15px;}

  .concept-pillars .mission-visbox p{font-size: 22px;}

  .quantechno-box {padding: 40px 60px;}
  .flaship-benefit {padding: 50px;}
  .benefit-arrowtxt h3 {font-size: 22px; line-height: 27px;}
  .benefit-arrowtxt p {font-size: 23px; line-height: 30px; left: 19%; width: 220px;}
  .recharge-body4section{font-size: 24px; padding: 28px 20px;}


}
@media only screen and (min-width: 1750px) and (max-width: 1920px) {
   
}