* { margin: 0px; padding: 0px; box-sizing: border-box; }

@font-face { font-family: Satoshi; src: url("../fonts/Satoshi-Light.otf"); font-weight: 300; }

@font-face { font-family: Satoshi; src: url("../fonts/Satoshi-Regular.otf"); font-weight: 400; font-style: normal; }

@font-face { font-family: Satoshi; src: url("../fonts/Satoshi-Medium.otf"); font-weight: 500; }

@font-face { font-family: Satoshi; src: url("../fonts/Satoshi-Bold.otf"); font-weight: 600; }

body { font: 16px / 24px Satoshi; letter-spacing: 0px; color: rgb(37, 37, 37); background-color: rgb(243, 243, 243); overflow-x: hidden; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; }

img, svg, video, iframe { max-width: 100%; }

img, video { height: auto; }

iframe { border: 0px; }

main { overflow-x: clip; }

.btn { text-align: center; font: 500 13px / 20px Satoshi; letter-spacing: 0.6px; color: rgb(255, 255, 255); text-transform: uppercase; opacity: 1; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; min-width: 150px; padding: 12px 25px; transition: 0.4s; border-radius: 30px; }

.btn-primary { line-height: 20px; background: 0% 0% no-repeat padding-box padding-box rgb(120, 21, 91); }

.btn-primary:hover, .btn-primary:active, .btn-primary:focus { background: 0% 0% no-repeat padding-box padding-box rgb(3, 46, 104) !important; }

.btn-primary .right-arrow { font-size: 18px; font-weight: 100; position: relative; top: 2px; }

.btn-read { font: 600 14px / 18px Satoshi; color: rgb(255, 255, 255); transition: 0.4s; text-decoration: underline !important; }

.btn-read:hover { color: rgb(255, 255, 255); }

.theme-color { color: rgb(120, 21, 91); }

.theme-color:hover { color: rgb(3, 46, 104); }

.sky-color { color: rgb(3, 46, 104); }

.dropdown .dropdown-toggle { font: 14px / 20px Satoshi; color: rgb(161, 161, 161); text-align: left; padding: 10px 0px; text-decoration: none; position: relative; z-index: 0; border-bottom: 1px solid rgb(38, 36, 36); border-radius: 0px; text-transform: none; }

.dropdown .dropdown-toggle::after { content: ""; position: absolute; top: 50%; translate: 0px -50%; font-size: 22px; right: 0px; font-family: "Material Symbols Outlined"; color: rgb(120, 21, 91); border: 0px; }

.dropdown .dropdown-toggle:hover, .dropdown .dropdown-toggle:active, .dropdown .dropdown-toggle:focus { color: rgb(161, 161, 161) !important; border-bottom: 1px solid rgb(38, 36, 36) !important; }

.dropdown .dropdown-menu { width: 100%; border-radius: 0px; padding: 0px; transform: translate(0px, 40px) !important; }

.dropdown .dropdown-menu .dropdown-item { background-color: rgb(255, 255, 255); margin: 0px; padding: 12px 10px; text-indent: 15px; font: 13px / 20px Satoshi; letter-spacing: 0px; color: rgb(38, 36, 36); text-transform: capitalize; border-bottom: 1px solid rgba(153, 153, 153, 0.35); transition: 0.4s; }

.dropdown .dropdown-menu .dropdown-item:hover, .dropdown .dropdown-menu .dropdown-item:focus { background-color: rgb(120, 21, 91); color: rgb(255, 255, 255); }

a { overflow-wrap: anywhere; text-decoration: none !important; }

.sub-title { position: relative; }

.sub-title span { font: 500 18px / 20px Satoshi; letter-spacing: 1px; color: rgb(255, 255, 255); padding: 4px 25px; border-radius: 0px; background-color: rgb(3, 46, 104); position: relative; }

.headingh1 { font: 600 38px / 48px Satoshi; letter-spacing: 1.8px; color: rgb(37, 37, 37); }

.headingh2 { font: bold 25px / 34px Satoshi; letter-spacing: 0px; color: rgb(3, 46, 104); }

.headingh3 { font: 600 20px / 28px Satoshi; color: rgb(37, 37, 37); }

.flaoting-icon { position: fixed; bottom: 95px; right: 11px; z-index: 99; }

.flaoting-icon .up-arrow { font-size: 20px; color: rgb(255, 255, 255); background: rgb(37, 211, 102); font-weight: 100; display: grid; place-items: center; width: 50px; height: 50px; border-radius: 50%; }

.bottom-top { position: fixed; bottom: 34px; right: 20px; z-index: 99; display: none; }

.bottom-top .up-arrow { font-size: 20px; color: rgb(255, 255, 255); background: rgb(120, 21, 91); font-weight: 100; display: grid; place-items: center; width: 50px; height: 50px; border-radius: 50%; }

.modal { background: 0% 0% no-repeat padding-box padding-box rgba(24, 24, 24, 0.9); overflow: scroll; }

.modal::-webkit-scrollbar { display: none; }

.modal .modal-dialog { max-width: 60%; position: relative; z-index: 0; top: 28px; margin: auto; }

.modal .modal-dialog .btn-close { position: absolute; right: -30%; top: -2%; background-image: none; opacity: 1; width: 20px; height: 20px; background-color: rgb(120, 21, 91); display: grid; place-items: center; box-shadow: none; z-index: 999; }

.modal .modal-dialog .btn-close img { width: 12px; filter: invert(1); }

form .form-group .form-control { background: 0% 0% no-repeat padding-box padding-box rgb(242, 242, 242); border-radius: 8px; border: 0px; font: 500 14px / 20px Satoshi; letter-spacing: 0px; color: rgb(32, 32, 32); opacity: 1; padding: 14px 10px; box-shadow: none; }

form .form-group label { margin-bottom: 8px; }

.fixed { background-color: rgb(255, 255, 255); top: 0px; width: 100%; left: 0px; z-index: 9; position: fixed !important; }

.fixed .topbar { display: none; }

.fixed .nav1 .navbar-brand img { width: 150px; }

header { position: absolute; left: 0px; top: 0px; width: 100%; z-index: 9; }

header .navbar { padding: 15px 0px; width: 100%; transition: 0.4s; }

header .navbar .container { background: rgb(255, 255, 255); border-radius: 5px; padding: 15px 20px; max-width: 85%; }

header .navbar .navbar-toggler .bi-list { color: rgb(3, 46, 104); font-size: 20px; }

header .navbar .navbar-nav .nav-link { white-space: nowrap; }

header .navbar .navbar-nav { align-items: center; }

header .navbar .navbar-nav .nav-item { margin: 0px 15px; }

header .navbar .navbar-nav .nav-item:last-child { margin: 0px; }

header .navbar .navbar-nav .nav-item .nav-link { font: 15px / 22px Satoshi; letter-spacing: 0.5px; color: rgb(37, 37, 37); text-transform: capitalize; padding: 0px; opacity: 1; transition: 0.4s; }

header .navbar .navbar-nav .nav-item .nav-link:hover { color: rgb(120, 21, 91); }

header .navbar .navbar-nav .social-icon { width: 40px; height: 40px; display: grid; place-items: center; background: 0% 0% no-repeat padding-box padding-box rgb(133, 73, 1); border-radius: 8px; transition: 0.4s; }

header .navbar .navbar-nav .social-icon .bi { color: white; font-size: 18px; }

header .navbar .navbar-nav .social-icon:hover { background: 0% 0% no-repeat padding-box padding-box rgb(34, 19, 0); }

footer { background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255); position: relative; z-index: 0; }

footer .improtent-links li { position: relative; margin-right: 40px; }

footer .improtent-links li a { color: rgb(0, 0, 0); }

footer .improtent-links li::before { content: ""; height: 15px; width: 1px; right: -20px; background-color: rgb(0, 0, 0); position: absolute; top: 6px; }

footer .improtent-links li:last-child::before { display: none; }

footer .footer-anime { position: absolute; bottom: 0px; opacity: 0.1; z-index: -1; right: 0px; margin: auto; }

footer marquee { font-size: 56px; display: inline-block; padding: 20px 0px 25px; font-weight: bold; margin: 0px; background: rgb(120, 21, 91); color: rgba(0, 0, 0, 0); -webkit-text-stroke: 1px rgb(255, 255, 255); -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; }

footer .footer-top { padding: 50px 0px; }

footer .footer-top .footer-list { color: rgb(0, 0, 0); }

footer .footer-top .footer-list li { padding-bottom: 15px; }

footer .footer-top p { color: rgb(0, 0, 0); font-weight: lighter; letter-spacing: 1px; }

footer .footer-top .footer-logo p { font: 14px / 22px Satoshi; color: rgb(37, 37, 37); }

footer .footer-top .footer-links ul li { font: 14px / 20px Satoshi; letter-spacing: 0px; color: rgb(37, 37, 37); margin-bottom: 10px; }

footer .footer-top .footer-links ul li a { color: rgb(37, 37, 37); }

footer .footer-top .footer-links ul li .tel-name { color: rgb(120, 21, 91); }

footer .footer-top .footer-links ul li .mail-link { color: rgb(120, 21, 91); text-decoration: underline !important; }

footer .footer-top .links1 ul { column-count: 2; }

footer .footer-top .footer-title { font: 600 20px / 28px Satoshi; color: rgb(120, 21, 91); margin-bottom: 20px; }

footer .footer-bottom { border-top: 1px solid rgba(120, 21, 91, 0.27); padding: 20px 0px; }

footer .footer-bottom p { font: 12px / 18px Satoshi; color: rgb(37, 37, 37); margin-bottom: 0px; }

footer .footer-bottom p a { color: rgb(37, 37, 37); }

.banner { position: relative; z-index: 0; height: 100vh; }

.banner::after { content: ""; position: absolute; bottom: 0px; height: 50%; width: 100%; background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 100%); }

.banner .carousel .carousel-inner .carousel-item video { width: 100%; height: 100%; object-fit: cover; object-position: center center; }

.banner .carousel .carousel-inner .carousel-item .carousel-caption { top: 60%; translate: -50% -60%; left: 50%; right: inherit; text-align: left; bottom: inherit; z-index: 9; }

.banner .carousel .carousel-inner .carousel-item .carousel-caption .banner-title { font: 600 60px / 70px Satoshi; letter-spacing: 2.7px; color: rgb(255, 255, 255); text-transform: uppercase; text-shadow: rgba(0, 0, 0, 0.56) 1px 1px 1px; white-space: normal; }

.banner .carousel .carousel-inner .carousel-item .carousel-caption p { color: rgb(255, 255, 255); }

.home1 { padding: 100px 0px; background-image: url("../img/slider-below.webp"); background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; z-index: 0; }

.home1::after { content: ""; position: absolute; top: 0px; height: 50%; width: 100%; background: linear-gradient(rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 100%); }

.home1 .experience { border: 1px solid rgb(255, 255, 255); border-radius: 10px; padding: 15px; height: 100%; display: flex; transition: 0.3s; background: rgba(255, 255, 255, 0); backdrop-filter: blur(10px); }

.home1 .experience .icon { height: 50px; width: 50px; background: rgba(255, 255, 255, 0.51); border-radius: 10px; padding: 8px; margin-top: 3px; }

.home1 .experience .text { width: calc(100% - 50px); padding-left: 15px; }

.home1 .experience .text p { margin-bottom: 0px; font-size: 15px; line-height: 23px; }

.home1 .experience:hover h2, .home1 .experience:hover p { color: rgb(255, 255, 255); }

.home1 .bg-purple { background-color: rgb(120, 21, 91); }

.home1 .bg-blue { background-color: rgb(3, 46, 104); }

.home2 { background: 0% 0% no-repeat padding-box padding-box rgb(242, 242, 242); padding: 100px 0px; }

.home2 .panel { background-size: cover; background-position: center center; background-repeat: no-repeat; height: 70vh; border-radius: 30px 0px 0px 30px; color: rgb(255, 255, 255); cursor: pointer; flex: 0.7 1 0%; position: relative; transition: 0.5s ease-in; margin: 0px -15px; overflow: hidden; }

.home2 .panel::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

.home2 .panel.panel1 { background-image: url("../img/no-experience-needed.webp"); }

.home2 .panel.panel1::after { background: linear-gradient(90deg, rgb(120, 21, 91) 35%, rgba(252, 176, 69, 0) 100%); }

.home2 .panel.panel2 { background-image: url("../img/learn-from-global-experts.webp"); }

.home2 .panel.panel2::after { background: linear-gradient(90deg, rgb(3, 46, 104) 35%, rgba(252, 176, 69, 0) 100%); }

.home2 .panel.panel3 { background-image: url("../img/efficient-training-process.webp"); }

.home2 .panel.panel3::after { background: linear-gradient(90deg, rgb(120, 21, 91) 35%, rgba(252, 176, 69, 0) 100%); }

.home2 .panel.panel4 { background-image: url("../img/fast-track-your-transformation.webp"); }

.home2 .panel.panel4::after { background: linear-gradient(90deg, rgb(10, 139, 207) 35%, rgba(252, 176, 69, 0) 100%); }

.home2 .panel h3 { font-size: 30px; position: absolute; font-weight: bold; top: 50%; left: 30px; translate: 0px -50%; writing-mode: vertical-lr; margin: 0px; text-align: center; z-index: 99; width: 100%; height: 100%; }

.home2 .panel .card-content { position: absolute; top: 50%; left: 50%; translate: -50% -50%; display: none; z-index: 99; }

.home2 .panel.active { flex: 5 1 0%; }

.home2 .panel.active .card-content { display: block; }

.home2 .panel:hover { flex: 5 1 0%; }

.home2 .panel:hover .card-content { display: block; }

.testimonial-video { padding: 50px 0px; }

.bg-images, .home3.bg-images { background-image: url("../img/element.png"); background-repeat: no-repeat; background-position: left center; background-size: cover; }

.home3 { background: rgb(120, 21, 91); width: 100%; height: 100%; padding: 100px 0px; position: relative; z-index: 0; overflow: hidden; }

.home3 .industries-box { margin-bottom: 100px; }

.service-box { border-radius: 10px; overflow: hidden; position: relative; z-index: 0; }

.service-box .service-text { padding: 25px 0px; background-color: rgb(120, 21, 91); }

.service-box .service-text .headingh3 { margin-bottom: 0px; }

.service-box .service-overlay { position: absolute; top: 100%; left: 0px; height: 100%; width: 100%; background: 0% 0% no-repeat padding-box padding-box rgba(120, 21, 90, 0.616); z-index: 1; display: flex; align-items: end; padding: 0px 45px 45px; opacity: 0; visibility: hidden; transition: 0.4s; }

.service-box .service-overlay .service-overlay-text .service-title { font: 600 25px / 32px Satoshi; letter-spacing: 1.2px; color: rgb(255, 255, 255); }

.service-box .service-overlay .service-overlay-text p { font: 15px / 20px Satoshi; color: rgb(255, 255, 255); }

.service-box:hover .service-overlay { opacity: 1; visibility: visible; top: 0px; }

.industries-box { position: relative; z-index: 0; }

.industries-box .industries-img { border-radius: 10px; overflow: hidden; position: relative; }

.industries-box .industries-img::before { content: ""; position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; background: rgb(120, 21, 91); transition: 1s; opacity: 0; transform-origin: center center; }

@keyframes slide { 
  0% { opacity: 0.5; }
  50% { opacity: 0; }
  100% { opacity: 0; }
}

.industries-box .industries-inner { position: absolute; bottom: -100px; left: 0px; width: 94%; height: auto; background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255); padding: 25px; display: flex; align-items: end; z-index: 99; min-height: 175px; border-radius: 0px 10px 10px; border: 1px solid rgb(120, 21, 91); }

.industries-box .industries-inner .industries-text .industries-title { font: 500 26px / 32px Satoshi; letter-spacing: 1.2px; color: rgb(3, 46, 104); translate: 0px 15px; transition: 0.8s; }

.industries-box .industries-inner .industries-text .description { font: 15px / 24px Satoshi; color: rgb(3, 46, 104); margin-bottom: 22px; opacity: 0; visibility: hidden; transition: 0.8s; height: 0px; translate: 0px 15px; }

.industries-box .industries-inner a { color: rgb(120, 21, 91); translate: 0px 8px; transition: 0.8s; }

.industries-box:hover .industries-inner .industries-text .description { visibility: visible; opacity: 1; height: auto; translate: 0px; }

.industries-box:hover .industries-inner .industries-text .industries-title { translate: 0px; }

.industries-box:hover .industries-inner .industries-text a { translate: 0px; }

.industries-box:hover .industries-img::before { animation: 2s linear 0s 1 normal none running slide; width: 100%; }

.industries-box:hover .industries-img::after { animation: 2s linear 0s 1 normal none running slide; width: 0px; }

.home4 { padding: 100px 0px; position: relative; background-color: rgb(120, 21, 91); }

.home4::before { content: ""; position: absolute; left: 50%; top: 50%; translate: -50% -50%; width: 100%; height: 100%; background-image: url("../img/map.png"); background-repeat: no-repeat; background-position: center center; background-size: contain; filter: brightness(22.5) contrast(6.5); }

.home4 .leaf1 { position: absolute; top: 50px; right: 100px; animation: 2s linear 0s infinite normal none running animate; }

.home4 .leaf2 { position: absolute; bottom: 50px; left: 100px; animation: 2s linear 0s infinite normal none running animate; }

@keyframes animate { 
  0% { scale: 0.8; }
  50% { scale: 1; }
  100% { scale: 0.8; }
}

.home4 .sub-title::before { display: none; }

.home4 .single-testimonial { background-color: rgb(255, 255, 255); text-align: center; position: relative; z-index: 2; padding: 60px; border-radius: 5px; height: 100%; overflow: hidden; }

.home4 .single-testimonial::before { content: ""; position: absolute; left: 0%; top: 0%; width: 0%; height: 100%; background: rgb(3, 46, 104); transition: 0.5s; }

.home4 .single-testimonial::after { content: ""; position: absolute; right: 0%; top: 0%; width: 0%; height: 100%; background: rgb(3, 46, 104); transition: 0.5s; }

.home4 .single-testimonial p { color: rgb(37, 37, 37); margin-bottom: 30px; font-size: 15px; letter-spacing: 1px; position: relative; z-index: 99; }

.home4 .single-testimonial .client-video { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; margin: 0px auto 20px; position: relative; z-index: 99; }

.home4 .single-testimonial .client-info { display: flex; align-items: center; justify-content: center; position: relative; z-index: 99; }

.home4 .single-testimonial .client-info .client-details { color: rgb(37, 37, 37); margin-left: 15px; }

.home4 .single-testimonial .client-info .client-details h6 { margin-bottom: 0px; text-transform: uppercase; letter-spacing: 1px; }

.home4 .single-testimonial .client-info .client-details span { font-size: 14px; }

.home4 .single-testimonial:hover::after, .home4 .single-testimonial:hover::before { width: 52%; }

.home4 .single-testimonial:hover p, .home4 .single-testimonial:hover .client-details { color: rgb(255, 255, 255); }

.owl-theme .owl-nav { position: absolute; top: 50%; translate: 0px -50%; width: 100%; height: 50px; }

.owl-theme .owl-nav button { width: 40px; height: 40px; display: grid; place-items: center; box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px; position: absolute; background: rgb(120, 21, 91) !important; border-radius: 50% !important; color: rgb(255, 255, 255) !important; }

.owl-theme .owl-nav button span { height: 30px; display: inline-block; font-size: 22px; }

.owl-theme .owl-nav button:hover { background: rgb(3, 46, 104) !important; }

.owl-theme .owl-nav .owl-prev { left: -2.5%; }

.owl-theme .owl-nav .owl-next { right: -2.5%; }

.owl-theme { margin-top: 40px; }

.owl-theme .owl-dots button { width: 20px; height: 20px; border: 5px solid transparent; box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px; border-radius: 50%; margin: 0px 8px; place-items: center; display: inline-grid !important; }

.owl-theme .owl-dots button span { background: rgb(255, 255, 255); opacity: 1; margin: 0px !important; }

.home5 { padding: 100px 0px; background: rgb(33, 37, 41); }

.home5 .counter-box { padding: 50px; background: rgb(3, 46, 104); backdrop-filter: blur(15px); border-radius: 5px; }

.home5 .counter-box .bi { font-size: 60px; }

.home5 .counter-box .count { font-size: 40px; font-weight: bold; margin: 20px 0px 10px; }

.text_blue { color: rgb(3, 46, 104); }

.home6 { padding: 100px 0px; position: relative; background-color: rgb(242, 242, 242); }

.home6 .owl-nav { display: none !important; }

.common-contact { background-image: url("../img/getintouch.jpg"); background-repeat: no-repeat; background-position: center bottom -158px; background-size: cover; padding: 100px 0px; background-blend-mode: color-burn; background-attachment: fixed; }

.common-contact .headingh1 { font: 600 42px / 50px Satoshi; }

.common-contact .heading-box { padding: 50px; background: rgba(3, 46, 104, 0.82); backdrop-filter: blur(10px); border-radius: 20px; }

.page-banner { background-image: url("../img/sunset.webp"); background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; min-height: 35vh; display: grid; place-items: self-end; padding-bottom: 50px; }

.page-banner .page-title { font: 600 52px / 60px Satoshi; letter-spacing: 2.4px; color: rgb(255, 255, 255); margin-bottom: 0px; }

.page-banner.about-banner { min-height: 25vh; display: flex; align-items: center; padding: 40px 0px; }

.owl-theme .owl-dots .owl-dot.active span { background: rgb(0, 45, 101) !important; }

.breadcumb li { font: 14px / 20px Satoshi; color: rgb(255, 255, 255); margin: 0px 3px; }

.breadcumb li a { color: rgb(255, 255, 255); }

.breadcumb .space-arrow { color: rgb(255, 255, 255); }

.breadcumb1 li a { color: rgb(161, 161, 161); }

.breadcumb1 .space-arrow { color: rgb(161, 161, 161); }

.service { padding: 60px 0px 90px; background-color: rgb(243, 243, 243); }

.service .service-box .service-text { background: rgb(120, 21, 91); }

.service .service-box .service-overlay { padding: 40px; position: inherit; visibility: visible; opacity: 1 !important; }

.service .service-box .service-overlay .service-overlay-text { opacity: 1; }

.service .service-box .service-overlay .service-overlay-text .btn-read { color: rgb(133, 73, 1); }

.service .service-box .service-overlay .service-overlay-text .btn-read:hover { color: rgb(185, 148, 103); }

.service .service-box .service-img { overflow: hidden; }

.service .service-box .service-img img { transition: 0.5s; }

.service .service-box:hover .service-img img { scale: 1.1; filter: brightness(1.2); }

.pagination li { margin: 0px 2px; }

.pagination li a { font: 14px / 22px Satoshi; color: rgb(37, 37, 37); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background-color: transparent; text-align: center; padding: 0px 4px; display: flex; }

.pagination li a .bi { color: rgb(37, 37, 37); font-weight: bold; }

.pagination li a.active { background: transparent; font-weight: bold; color: rgb(133, 73, 1); }

.service-detail { padding: 50px 0px; }

.service-detail .btn-read { color: rgb(133, 73, 1); }

.service-detail .btn-read:hover { color: rgb(34, 19, 0); }

.other-service { background: 0% 0% no-repeat padding-box padding-box rgb(242, 242, 242); padding: 50px 0px; }

.related-product { padding: 30px 0px 50px; }

.related-product .owl-theme .owl-nav { top: 42%; }

.industries-detail .heading-box .headingh1 { font-size: 58px; line-height: 64px; }

.about1, .about1.home3 { background-color: rgb(3, 46, 104); }

.about1 .mission-text, .about1.home3 .mission-text { height: 100%; display: flex; align-items: center; padding: 50px; border-radius: 10px; position: relative; line-height: 22px; overflow: hidden; background-color: rgba(255, 255, 255, 0.28); color: rgb(255, 255, 255); }

.about1 .mission-text p, .about1.home3 .mission-text p { position: relative; }

.about1 .mission-text .mission-title, .about1.home3 .mission-text .mission-title { font: bold 28px / 32px Satoshi; color: rgb(255, 255, 255); padding-bottom: 12px; position: relative; margin-bottom: 15px; }

.about1 .mission-text .mission-title::before, .about1.home3 .mission-text .mission-title::before { content: ""; position: absolute; background-color: rgb(255, 255, 255); width: 60px; height: 4px; left: 0px; right: 0px; margin: auto; bottom: 0px; }

.about1 .mission-text::before, .about1.home3 .mission-text::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 0%; background: rgb(120, 21, 91); transition: 0.8s; }

.about1 .mission-text:hover::before, .about1.home3 .mission-text:hover::before { height: 40%; }

.about2 { background: 0% 0% no-repeat padding-box padding-box rgb(242, 242, 242); padding: 50px 0px 70px; }

.about2 .owl-theme .owl-nav button { height: 40px; width: 40px; display: grid; place-items: center; }

.about2 .owl-theme .owl-nav button .bi { color: rgb(255, 255, 255); }

.about2 .owl-theme .owl-nav button:hover .bi { color: rgb(255, 255, 255); }

.main { width: 100%; display: flex; justify-content: center; align-items: center; background-color: rgb(3, 46, 104); padding: 70px 0px; }

.main .main-shadow { padding: 15px 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px; border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); border-radius: 8px; }

.main .main-shadow .headingh1 { color: rgb(255, 255, 255); }

.main .main-shadow .caption p { color: white; }

.main .main-shadow:hover { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); }

.main .main-shadow:hover .headingh1 { color: rgb(0, 0, 0); }

.main .main-shadow:hover .caption p { color: rgb(66, 66, 66); }

.main .profile-card .img-card { height: auto; margin: auto; }

.main .profile-card .caption { text-align: center; opacity: 1; }

.main .profile-card .caption h3 { font-size: 20px; font-family: Satoshi; margin: 10px 0px; }

.main .profile-card .caption p { font-size: 15px; font-family: Satoshi; margin-bottom: 5px; }

.flight-one { margin-bottom: -5px; }

.timeline { padding: 100px 0px; }

.timeline .history-tl-container { margin: auto; display: block; position: relative; }

.timeline .history-tl-container ul.tl { margin: 20px 0px; padding: 0px; display: inline-block; }

.timeline .history-tl-container ul.tl li { list-style: none; margin: auto auto auto 100px; min-height: 50px; border-left: 1px dashed rgb(120, 21, 91); padding: 0px 0px 50px 30px; position: relative; }

.timeline .history-tl-container ul.tl li:last-child { border-left: 0px; }

.timeline .history-tl-container ul.tl li::before { position: absolute; left: -11px; top: 0px; content: " "; border: 8px solid rgba(255, 255, 255, 0.74); border-radius: 500%; background: rgb(120, 21, 91); height: 20px; width: 20px; transition: 500ms ease-in-out; }

.timeline .history-tl-container ul.tl li:hover::before { border-color: rgb(120, 21, 91); transition: 1000ms ease-in-out; }

.timeline ul.tl li .item-title { font-size: 22px; font-weight: bold; color: rgb(3, 46, 104); line-height: 1; margin-bottom: 4px; }

.timeline ul.tl li .item-detail { color: rgb(0, 0, 0); font-size: 16px; }

.timeline ul.tl li .timestamp { color: rgb(120, 21, 91); position: absolute; width: 100px; left: -120px; top: -3px; text-align: right; font-size: 14px; font-weight: bold; }

.about-gallery { padding: 100px 0px; background-color: rgb(243, 243, 243); }

.key-values { padding: 70px 0px; background: rgb(120, 21, 91); }

.key-values .accordion-button:not(.collapsed), .key-values .accordion-button:focus { outline: none; border-color: transparent; box-shadow: none; color: rgb(0, 45, 101); background-color: transparent; }

.key-values .accordion-button::after { content: ""; color: rgb(0, 45, 101); background: none !important; font-family: bootstrap-icons !important; }

.key-values .accordion-button.collapsed::after { color: rgb(120, 21, 91); }

.shop { padding: 60px 0px; }

.shop .sidebar .category-title { font: 600 16px / 24px Satoshi; letter-spacing: 0.6px; color: rgb(133, 73, 1); text-transform: uppercase; }

.shop .sidebar ul li { margin-bottom: 10px; }

.shop .sidebar ul li a { display: flex; justify-content: space-between; font: 15px / 22px Satoshi; color: rgb(37, 37, 37); }

.shop .sidebar ul li a p { margin-bottom: 0px; }

.shop .sidebar ul li .active { font-weight: bold; }

.shop .sidebar ul li .form-check .form-check-input { border-radius: 0px; border: 0px; background-color: rgb(238, 238, 238); box-shadow: none !important; }

.shop .sidebar ul li .form-check .form-check-input:checked { background-color: rgb(133, 73, 1); }

.shop .sidebar ul li .form-check .form-check-label { padding-left: 10px; }

.shop .product-type { font: 15px / 24px Satoshi; }

.product-box .product-img { position: relative; z-index: 0; overflow: hidden; border-radius: 10px; }

.product-box .product-img img { transition: 0.4s; }

.product-box:hover .product-img img { scale: 1.07; }

.product-box .product-text { padding: 10px 0px; }

.product-box .product-text .pro-title { font: 600 16px / 24px Satoshi; letter-spacing: 0.66px; color: rgb(37, 37, 37); margin-bottom: 5px; }

.product-box .product-text .price { font: 600 16px / 24px Satoshi; letter-spacing: 0.6px; color: rgb(37, 37, 37); margin-bottom: 0px; }

.product-box:hover { border-color: rgb(164, 28, 45); }

.product-box:hover .product-img .back-img { opacity: 1; visibility: visible; }

.shop-detail { padding: 50px 0px; }

.shop-detail .shop-inner-content .price { font: 600 19px / 26px Satoshi; letter-spacing: 0.9px; color: rgb(37, 37, 37); margin-bottom: 20px; }

.shop-detail .shop-inner-content .count-list .counter { border: 1px solid rgb(161, 161, 161); border-radius: 6px; padding: 0px 15px; margin-bottom: 0px; }

.shop-detail .shop-inner-content .count-list .counter li a { font: 600 20px / 26px Satoshi; letter-spacing: 0.75px; color: rgb(120, 21, 91); }

.shop-detail .shop-inner-content .count-list .counter li .count-number { font: 600 16px / 24px Satoshi; color: rgb(3, 46, 104); border: 0px; }

.shop-detail .carousel .carousel-indicators { display: grid; place-content: flex-start; margin-left: 0px; left: inherit; right: 0px; margin-bottom: 0px; margin-right: 11.5%; height: 100%; z-index: 1; }

.shop-detail .carousel .carousel-indicators button { width: 85px; height: 85px; display: flex; align-items: center; justify-content: center; overflow: hidden; background: 0% 0% no-repeat padding-box padding-box transparent; border: 0px; border-radius: 8px; margin: 4px 0px; }

.shop-detail .carousel .carousel-indicators button:nth-child(1) { margin-top: 0px; }

.shop-detail .carousel .carousel-inner { background: 0% 0% no-repeat padding-box padding-box transparent; height: 100%; width: 75%; border-radius: 10px; }

.shop-detail .carousel .carousel-inner .carousel-item { text-align: center; }

.our-work { padding: 60px 0px; }

.our-work .nav-tabs { border: 0px; }

.our-work .nav-tabs .nav-item { margin: 0px 20px; }

.our-work .nav-tabs .nav-item .nav-link { font: 600 14px / 24px Satoshi; letter-spacing: 0.6px; color: rgb(37, 37, 37); text-transform: uppercase; border: 0px; padding: 0px; background: transparent !important; }

.our-work .nav-tabs .nav-item .active { color: rgb(120, 21, 91); }

.our-work .tab-content .work-img { display: block; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; border: 0; border-radius: 10px; padding: 0; background: rgb(245, 245, 245); cursor: pointer; }

.our-work .tab-content .work-img img { display: block; width: 100%; height: 100%; object-fit: var(--gallery-fit, cover); object-position: var(--gallery-position, center); scale: 1; transition: 0.4s; }

.our-work .tab-content .work-img:hover img { scale: 1.04; }

.cpac-gallery .gallery-image-button[style*="--gallery-fit: contain"] {
  padding: 12px;
  background: rgb(255, 255, 255);
  box-shadow: inset 0 0 0 1px rgba(3, 46, 104, .08);
}

.cpac-gallery .gallery-image-button:focus-visible {
  outline: 3px solid rgb(244, 165, 28);
  outline-offset: 4px;
}

.gallery-modal-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  opacity: 1;
}

.gallery-modal-image {
  display: block;
  width: 100%;
  max-height: min(82vh, 860px);
  object-fit: contain;
  background: rgb(10, 10, 10);
}

@media (max-width: 575px) {
  .cpac-gallery .tab-pane .row {
    justify-content: center;
  }

  .cpac-gallery .tab-pane .row > [class*="col-"] {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .cpac-gallery .tab-content .work-img {
    width: 100%;
    max-width: 360px;
    margin-inline: auto;
  }

  .cpac-gallery .tab-content .work-img img {
    display: block;
    margin-inline: auto;
    width: 100%;
    height: 100%;
    object-fit: var(--gallery-fit, cover);
    object-position: var(--gallery-position, center);
  }
}

.fee-box { height: 100% !important; }

.help-block { display: inline-block; font-size: 13px; background: rgb(255, 113, 113); color: white; padding: 2px 10px; margin-top: 8px; position: relative; border-radius: 3px; }

.help-block::after { content: ""; display: block; position: absolute; top: -5px; left: 10px; width: 0px; height: 0px; border-style: solid; border-width: 0px 5px 5px; border-color: transparent transparent rgb(255, 113, 113); }

.capabilities .machine-img { background: 0% 0% no-repeat padding-box padding-box rgb(234, 234, 234); border-radius: 10px 0px 0px 10px; overflow: hidden; }

.capabilities .machine-text { background: 0% 0% no-repeat padding-box padding-box rgb(133, 73, 1); border-radius: 0px 10px 10px 0px; padding: 50px; height: 100%; }

.capabilities .machine-text .sub-title { letter-spacing: 0px; font-weight: bold; color: rgb(185, 148, 103); text-transform: uppercase; }

.capabilities .machine-text .machine-title { font: 600 34px / 40px Satoshi; color: rgb(255, 255, 255); }

.capabilities .machine-text p { color: rgb(255, 255, 255); margin-bottom: 2.5rem; }

.capabilities .machine-center .machine-text { border-radius: 10px 0px 0px 10px; }

.capabilities .machine-center .machine-img { border-radius: 0px 10px 10px 0px; }

.capabilities-detail .heading-box .sub-title { color: rgb(133, 73, 1); letter-spacing: 0px; font-weight: bold; }

.capabilities-detail .heading-box .headingh1 { font: 600 62px / 70px Satoshi; letter-spacing: 0px; }

.capabilities1 { padding: 50px 0px; }

.capabilities1 table thead tr th { padding: 15px 0px; color: rgb(120, 21, 91); font-size: 17px; }

.capabilities1 table tbody tr td { padding: 15px; }

.capabilities1 table tbody tr td:last-child { text-align: right; }

.other-machine { padding: 30px 0px 50px; }

.career { padding: 60px 0px; }

.career .heading-box p { font-size: 17px; }

.career .career-box { background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255); border-radius: 10px; padding: 30px 35px; }

.career .career-box .career-title { font: bold 28px / 34px Satoshi; color: rgb(37, 37, 37); padding-bottom: 20px; margin-bottom: 30px; position: relative; z-index: 0; }

.career .career-box .career-title::before { content: ""; position: absolute; background-color: rgb(133, 73, 1); width: 60px; height: 5px; left: 0px; bottom: 0px; z-index: 1; }

.career .career-box ul { display: flex; align-items: center; }

.career .career-box ul li { background: 0% 0% no-repeat padding-box padding-box rgb(226, 226, 226); border-radius: 5px; padding: 5px 15px; font-size: 14px; margin-right: 12px; display: flex; align-items: center; }

.career-detail { padding: 50px 0px; }

.career-detail .btn-read { color: rgb(133, 73, 1); }

.career-detail .btn-read:hover { color: rgb(34, 19, 0); }

.career-detail .quality-control .date { font: italic 15px / 22px Satoshi; color: rgb(161, 161, 161); }

.career-detail .quality-control .headingh1 { font: 600 44px / 56px Satoshi; position: relative; z-index: 0; margin-bottom: 25px; padding-bottom: 15px; }

.career-detail .quality-control .headingh1::before { content: ""; position: absolute; width: 100px; height: 5px; background-color: rgb(133, 73, 1); left: 0px; bottom: 0px; z-index: -1; }

.career-detail .quality-control .des-title { font: bold 16px / 24px Satoshi; text-transform: uppercase; }

.career-detail .quality-control ul li { margin-bottom: 5px; }

.career-detail .quality-control ul li::marker { font-size: 20px; color: rgb(133, 73, 1); }

.career-detail .career-sidebar { background: 0% 0% no-repeat padding-box padding-box rgb(242, 242, 242); border-radius: 10px; height: 100%; padding: 40px; }

.career-detail .career-sidebar ul li { margin-bottom: 18px; }

.career-detail .career-sidebar ul li .employment-title { font-size: 14px; font-weight: bold; color: rgb(133, 73, 1); text-transform: uppercase; }

.career-detail .career-sidebar ul li p { margin-bottom: 0px; }

.contact { padding: 60px 0px 80px; }

.contact .contact-info { background: 0% 0% no-repeat padding-box padding-box rgb(3, 46, 104); border-radius: 10px; padding: 60px 35px 40px; height: 100%; }

.contact .contact-info .info-title { font: bold 30px / 40px Satoshi; }

.contact .contact-info p { color: rgb(255, 255, 255); }

.contact .address { margin-bottom: 35px; display: flex; }

.contact .address .icon-img { width: 50px; font-size: 20px; color: rgb(255, 255, 255); }

.contact .address .address-text { width: calc(100% - 50px); }

.contact .address .address-text p { line-height: 20px; margin-bottom: 0px; font-size: 14px; }

.contact .address .address-text .address-title { font-weight: 500; font-size: 20px; margin-bottom: 10px; }

.contact .address .address-text a { color: rgb(255, 255, 255); font-size: 14px; }

.contact2 { position: relative; background-color: rgb(120, 21, 91); }

.contact2::before { content: ""; position: absolute; top: 0px; height: 50%; width: 100%; background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(0, 0, 0) 100%); }

.contact2::after { content: ""; position: absolute; bottom: 0px; height: 50%; width: 100%; background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 100%); }

.contact2 video { width: 100%; height: 70vh; object-fit: cover; object-position: center center; z-index: 0; }

.contact2 .video-text { text-shadow: rgba(0, 0, 0, 0.56) 1px 1px 1px; position: absolute; top: 50%; translate: 0px -50%; left: 20%; right: 20%; text-align: center; bottom: inherit; z-index: 9; margin: auto; }

.contact2 .video-text h2.headaingh1 { font-size: 97px; line-height: 105px; }

.contact2 .video-text p { font-size: 27px; line-height: 35px; }

.flight-scroll { background-color: rgb(3, 46, 104); color: rgb(255, 255, 255); overflow: hidden; padding: 90px 0px; }

.flight-scroll .flight-left .button-enquire { border-radius: 25px; background-color: rgb(255, 255, 255); color: rgb(120, 21, 91); display: inline-block; margin: 15px 0px; font-weight: bold; padding: 10px 27px; border: 1px solid rgb(255, 255, 255); }

.flight-scroll .flight-right { aspect-ratio: 1 / 1; justify-content: center; align-items: center; margin-top: -12rem; margin-bottom: -12rem; display: flex; position: relative; }

.flight-scroll .flight-right .flight { border: 2px dashed white; border-radius: 50%; width: 20%; height: 20%; position: absolute; animation: 10s linear 0s infinite normal none running rotate; transition: all; }

.flight-scroll .flight-right .is-1 { opacity: 0.5; width: 0%; height: 0%; }

.flight-scroll .flight-right .is-2 { opacity: 0.4; border-radius: 50%; width: 25%; height: 25%; }

.flight-scroll .flight-right .is-3 { opacity: 0.3; width: 50%; height: 50%; }

.flight-scroll .flight-right .is-4 { opacity: 0.2; width: 75%; height: 75%; }

.flight-scroll .flight-right .is-5 { opacity: 0.1; width: 100%; height: 100%; }

.flight-scroll .flight-right .is-visible-tablet { display: none; }

.flight-scroll .flight-right .flight-line-vertical { border-left: 2px dashed rgb(255, 255, 255); transform-origin: 50% 100%; position: absolute; top: 5%; bottom: 50%; }

.flight-scroll .flight-right .flight-line-horizontal { border-bottom: 2px dashed rgb(255, 255, 255); transform-origin: 100% center; position: absolute; right: 5%; left: 50%; }

.flight-scroll .flight-right .flight-image { z-index: 1; width: auto; height: 20%; position: relative; transform: rotate(180deg); animation: 5s linear 0s infinite normal none running flight; }

@keyframes rotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes flight { 
  0% { scale: 0.4; left: 0px; top: 0px; }
  25% { scale: 0.6; left: 70px; top: 0px; }
  50% { scale: 0.7; left: 150px; top: 0px; }
  75% { scale: 0.9; left: 200px; top: 0px; }
  100% { scale: 1; left: 230px; top: 0px; }
}

.accordion-button { color: rgb(124, 19, 89); }

.contact3 { background-image: url("../img/contact-banner.jpg"); background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0.56); background-position: center center; background-size: cover; padding: 100px 0px; width: 100%; height: 100%; }

.map { margin-bottom: -6px; }

.modal .modal-dialog .modal-content { background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255); border-radius: 10px; }

.modal .modal-dialog .modal-content .modal-body { padding: 30px 40px; }

.modal .modal-dialog .modal-content .modal-body .headingh1 { font: bold 28px / 40px Satoshi; letter-spacing: 0px; }

.work-modal .modal .modal-dialog { max-width: 45%; }

.work-modal .modal .modal-dialog .modal-content { border-radius: 0px; }

.work-modal .modal .modal-dialog .modal-content .btn-close { right: -54%; top: -6%; }

.work-modal .modal .modal-dialog .modal-content .modal-body { padding: 0px; }

.work-modal .modal .modal-dialog .modal-content .modal-body .carousel .carousel-control-prev, .work-modal .modal .modal-dialog .modal-content .modal-body .carousel .carousel-control-next { width: 40px; height: 40px; top: 50%; translate: 0px -50%; opacity: 1; }

.work-modal .modal .modal-dialog .modal-content .modal-body .carousel .carousel-control-prev span, .work-modal .modal .modal-dialog .modal-content .modal-body .carousel .carousel-control-next span { width: 1.5rem; height: 1.5rem; }

.work-modal .modal .modal-dialog .modal-content .modal-body .carousel .carousel-control-prev { left: -50%; }

.work-modal .modal .modal-dialog .modal-content .modal-body .carousel .carousel-control-next { right: -50%; }

.select-feild { position: relative; }

.select-hidden { display: none; visibility: hidden; padding-right: 10px; }

.select { cursor: pointer; display: inline-block; position: relative; color: rgb(161, 161, 161); width: 100%; height: auto; margin-bottom: 35px; }

.select-styled { position: absolute; inset: 0px; background: 0% 0% no-repeat padding-box padding-box rgb(242, 242, 242); border-radius: 8px; padding: 14px 10px; z-index: 12; height: 48px; display: grid; align-content: center; font: 500 14px / 20px Satoshi; color: rgb(3, 46, 104); transition: 0.2s ease-in; }

.select-styled::after { content: ""; position: absolute; width: 0px; height: 0px; top: 16px; font-size: 15px; right: 25px; font-family: bootstrap-icons; color: rgb(120, 21, 91); }

.select-styled.active::after { top: 35px; right: 10px; transform: rotate(180deg); }

.select-options { display: none; position: absolute; top: 48px; right: 0px; left: 0px; z-index: 11; margin: 0px; padding: 0px; list-style: none; background: 0% 0% no-repeat padding-box padding-box rgb(242, 242, 242); border-radius: 4px; border: 1px solid rgba(153, 153, 153, 0.255); opacity: 1; }

.select-options li { margin: 0px; padding: 8px 10px; text-indent: 15px; font: 500 14px / 20px Satoshi; letter-spacing: 0px; color: rgb(3, 46, 104); border-bottom: 1px solid rgba(153, 153, 153, 0.2); text-transform: capitalize; transition: 0.4s; }

.select-options li:hover { background-color: rgb(120, 21, 91); color: rgb(255, 255, 255); }

.select-options li[rel="hide"] { display: none; }

.file-input__input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

.file-input__label { cursor: pointer; text-align: center; padding: 25px 0px; background: 0% 0% no-repeat padding-box padding-box rgb(217, 217, 217); border-radius: 8px; width: 100%; }

.file-input__label .choose-title { font: bold 15px / 22px Satoshi; color: rgb(37, 37, 37); text-transform: capitalize; margin-bottom: 3px; }

.file-input__label p { font: italic 14px / 22px Satoshi; color: rgb(161, 161, 161); text-transform: capitalize; margin-bottom: 0px; }

.fadeIn { animation: 1.5s linear 0s infinite normal none running fadeIn; }

@keyframes fadeIn { 
  0% { scale: 0.99; }
  50% { scale: 1; }
  100% { scale: 0.99; }
}

.admission-service { width: 100%; height: 100%; }

.admission-service .admission-navbar .nav { justify-content: center; align-items: center; }

.admission-service .admission-navbar .nav .nav-item { position: relative; margin-right: auto; }

.admission-service .admission-navbar .nav .nav-item .nav-img { width: 150px; height: 150px; }

.admission-service .admission-navbar .nav .nav-item .nav-link { padding: 10px 0px; font-size: 14px; font-weight: 600; background: none rgb(3, 46, 104); color: rgb(255, 255, 255); letter-spacing: 0.5px; text-transform: capitalize; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; z-index: 0; text-align: center; }

.admission-service .admission-navbar .nav .nav-item::before { content: ""; position: absolute; width: 27px; height: 27px; right: -35px; top: 40%; transform: translate(0px, -50%); background: url("../img/right-arrow.png") center center no-repeat; }

.admission-service .admission-navbar .nav .nav-item:last-child::before { display: none; }

.important-links a { display: block; width: 100%; font-size: 20px; line-height: 28px; text-align: center; background: rgb(120, 21, 91); border: 2px solid rgb(120, 21, 91); padding: 10px; color: rgb(255, 255, 255); transition: 0.4s; }

.important-links a:hover { background: rgb(3, 46, 104); border: 2px solid rgb(3, 46, 104); color: rgb(255, 255, 255); }

.service2-heading img { width: 200px; height: 120px; }

.admission-box { height: 100%; width: 100%; background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255); align-items: end; border-radius: 0px 10px 10px; border: 1px solid rgb(120, 21, 91); }

.admission-box .addmission-img { border-radius: 10px; overflow: hidden; }

.admission-box .industries-inner { width: 100%; padding: 25px; align-items: end; }

.admission-box .industries-inner .industries-text .industries-title { font: 600 26px / 34px Satoshi; letter-spacing: 1.2px; color: rgb(3, 46, 104); }

.admission-box .industries-inner a { color: rgb(120, 21, 91); }

.admission-box .industries-inner ul li { padding-bottom: 10px; }

.admission-box .industries-inner .industries-heading { font: 500 20px / 28px Satoshi; letter-spacing: 1.2px; color: rgb(3, 46, 104); }

.admission-service { overflow-y: hidden; width: 100%; height: 100%; position: relative; z-index: 0; }

.admission-service .ser-ad { padding-top: 10px; }

.admission-service .ser-ad .industries-inner { bottom: -40px; min-height: 100px; }

.admission-service .industries-box { margin-bottom: 100px; }

.admission-service .sidebar { max-width: 240px; width: 100%; z-index: 0; }

.admission-service .sidebar .service2-sidebar ul { list-style: none; padding: 0px; }

.admission-service .sidebar .service2-sidebar ul li { border-left: 2px solid rgba(0, 0, 0, 0.22); padding-left: 15px; padding-bottom: 7px; }

.admission-service .sidebar .service2-sidebar ul li a { font-weight: 500; color: rgb(86, 88, 114); font-size: 16px; line-height: 30px; }

.admission-service .sidebar .service2-sidebar ul .active { border-left: 2px solid rgb(120, 21, 91); color: rgb(23, 37, 65); }

.admission-service .sidebar .service2-sidebar .accordion ul li { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; text-align: left; padding: 0px; }

.admission-service .sidebar .service2-sidebar .accordion .accordion-item .accordion-header .accordion-button { padding: 15px 8px; font-size: 15px; background-color: rgb(255, 255, 255); color: rgb(23, 37, 65); }

.admission-service .sidebar .service2-sidebar .accordion .accordion-item .accordion-header .accordion-button:focus { box-shadow: none; }

.admission-service .sidebar .service2-sidebar .accordion .accordion-item .accordion-header .accordion-button::after { position: absolute; background-image: inherit; right: 0px; top: 50%; transform: translate(0px, -50%); bottom: inherit; width: 20px; height: 20px; transition: 0.5s; font-size: 20px; display: flex; align-items: center; justify-content: center; content: "-" !important; }

.admission-service .sidebar .service2-sidebar .accordion .accordion-item .accordion-header .collapsed::after { content: "+" !important; position: absolute; }

.admission-service .sidebar .service2-sidebar .accordion .accordion-item .accordion-collapse .accordion-body { padding: 8px; }

.admission-service .sidebar .service2-sidebar .accordion .accordion-item .accordion-collapse .accordion-body ul li { margin: 5px 0px; }

.admission-service .sidebar .service2-sidebar .accordion .accordion-item .accordion-collapse .accordion-body ul li a { color: rgb(23, 37, 65); transition: 0.3s; }

.admission-service .sidebar .service2-sidebar .accordion .accordion-item .accordion-collapse .accordion-body ul li a:hover { color: rgb(55, 99, 235); transition: 0.3s; }

.admission-service .navbar .nav-pills .nav-link { padding: 10px 0px; font-size: 17px; background: none; color: rgb(23, 37, 65); border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-radius: 0px; margin-right: 10px; position: relative; z-index: 0; letter-spacing: 1px; border-top: 1px solid rgb(218, 223, 227) !important; }

.admission-service .navbar .nav-pills .nav-link::before { content: ""; position: absolute; width: 8px; height: 8px; background-color: rgb(218, 223, 227); border-radius: 50%; left: 0px; top: -5px; }

.admission-service .navbar .nav-pills .active { z-index: 0; border-top: 1px solid rgb(55, 99, 235) !important; }

.admission-service .navbar .nav-pills .active::before { background-color: rgb(55, 99, 235); }

.admission-service .service2-heading img { width: 200px; height: 120px; }

.admission-service .service-content-compliance ul { list-style: square; padding-left: 20px; }

.admission-service .service-content-compliance ul li { padding: 3px 0px; }

.admission-service .service-content-compliance ul li::marker { font-size: 20px; color: rgb(120, 21, 91); }

.admission-service .service2-content-models { border: 1px solid rgb(218, 223, 227); padding: 20px 15px; height: 98%; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 20px 0px; transition: 0.5s; position: relative; }

.admission-service .service2-content-models p { color: rgb(86, 88, 114); padding-bottom: 25px; }

.admission-service .service2-content-models .btn-service { position: absolute; bottom: 0px; right: 10%; padding-bottom: 0px; color: rgb(86, 88, 114); font-size: 16px; font-weight: 600; }

.admission-service .service2-content-models img { width: 90px; margin-bottom: 15px; }

.admission-service .service2-content-models .headingh1 { margin-bottom: 10px; padding-bottom: 0px; }

.admission-service .service2-content-models:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 20px 0px; transition: 0.5s; }

.admission-service .service2-content-work .step-column { padding-bottom: 30px; display: flex; position: relative; z-index: 0; transition: 0.5s; }

.admission-service .service2-content-work .step-column .step-number { background-color: rgb(255, 255, 255); border: 1px solid rgb(218, 223, 227); display: flex; align-items: center; justify-content: center; height: 40px; max-width: 40px; width: 100%; color: rgb(0, 0, 0); transition: 0.5s; }

.admission-service .service2-content-work .step-column .step-content { margin-left: 20px; }

.admission-service .service2-content-work .step-column .step-content .headingh1 { font-size: 19px !important; line-height: 2; }

.admission-service .service2-content-work .step-column .step-content ul { list-style: square; }

.admission-service .service2-content-work .step-column .step-content ul li { padding: 3px 0px; }

.admission-service .service2-content-work .step-column .step-content ul li::marker { font-size: 20px; color: rgb(120, 21, 91); }

.admission-service .service2-content-work .step-column .step-line { position: absolute; background-color: rgb(218, 223, 227); width: 1px; height: 100%; top: 0px; left: 20px; z-index: -1; transition: 0.5s; }

.admission-service .service2-content-work .step-column:hover .step-number { border: 1px solid rgb(120, 21, 91); color: rgb(120, 21, 91); transition: 0.5s; }

.admission-service .service2-content-work .step-column:hover .step-line { background-color: rgb(120, 21, 91); transition: 0.5s; }

.admission-service .service2-content-infra { border: 1px solid rgb(218, 223, 227); padding: 25px 20px; position: relative; }

.admission-service .service2-content-infra::before { content: ""; position: absolute; width: 100%; height: 10px; top: 0px; left: 0px; }

.admission-service .service2-content-infra ul li { padding-bottom: 15px; }

.admission-service .service2-content-infra ul li .adminssion-heading { font-weight: bold; color: rgb(3, 46, 104); }

.admission-service .service2-content-infra ul li::marker { color: rgb(3, 46, 104); }

.admission-service .service2-content-infra:nth-child(2n+1) { background: rgba(124, 19, 89, 0.05) !important; }

.admission-service .service2-content-infra:nth-child(2n+1)::before { background-color: rgb(120, 21, 91); }

.admission-service .service2-content-infra:nth-child(2n) { background: rgba(0, 45, 101, 0.06) !important; }

.admission-service .service2-content-infra:nth-child(2n)::before { background-color: rgb(3, 46, 104); }

.admission-service .service2-content-infra img { width: 120px; margin-bottom: 20px; }

.admission-service .service2-content-infra p { margin-bottom: 0px; }

.admission-service .service-content-request { background-color: rgb(55, 99, 235); padding: 25px 20px; position: relative; }

.admission-service .service-content-request .headingh1 { color: rgb(255, 255, 255); margin-bottom: 20px; }

.admission-service .service-content-request p { color: rgb(255, 255, 255); }

.admission-service .service-content-request .request-btn { padding: 30px 0px; }

.admission-service .service-content-request .request-btn .btn-primary { width: 150px; background-color: rgb(255, 213, 70) !important; border-radius: 5px !important; color: rgb(34, 34, 34) !important; }

.admission-service .service2-content-choose .overview-list { padding: 25px 0px; }

.admission-service .service2-content-choose .overview-list li { border-left: 2px solid rgb(225, 225, 225); padding: 0px 12px; list-style: none; }

.admission-service .service2-content-choose .overview-list li span { font-size: 36px; color: rgb(55, 99, 235); font-weight: 500; }

.admission-service .service2-content-choose .overview-list li p { margin-top: 15px; margin-bottom: 0px; font-size: 18px; }

.admission-service .service2-content-choose ul { columns: 1; }

.admission-service .service2-content-choose ul li { list-style: square; font-size: 16px; margin-right: 15px; }

.admission-service .service2-content-choose ul li::marker { font-size: 20px; color: rgb(55, 99, 235); }

.admission-service .service2-content-outsourcing ul li { display: flex; margin-bottom: 20px; }

.admission-service .service2-content-outsourcing ul li img { width: 50px; height: 50px; margin-right: 25px; }

.admission-service .service-content-project { display: flex; margin-bottom: 35px; }

.admission-service .service-content-project .project-inner { padding: 0px 20px; }

.admission-service .service-content-project .project-inner a { color: rgb(55, 99, 235); }

.admission-service .service2-content-burnett { display: flex; }

.admission-service .service2-content-burnett .vedio { margin-right: 30px; }

.admission-service .service2-content-select ul { list-style: none; }

.admission-service .service2-content-select ul li { position: relative; margin: 5px 0px; }

.admission-service .service2-content-select ul li::before { content: ""; position: absolute; font-size: 13px; border: 1px solid rgb(86, 88, 114); color: rgb(86, 88, 114); font-weight: normal; font-family: FontAwesome; left: -30px; top: 5px; width: 18px; height: 18px; display: flex; justify-content: center; align-items: center; }

.admission-service .service2-content-valuation ul { padding: 20px 0px; }

.admission-service .service2-content-valuation ul img { margin-bottom: 5px; width: 24px; }

.admission-service .service2-content-valuation ul li { padding: 15px; border: 1px solid rgb(0, 0, 0); margin: 0px 10px; background: rgb(15, 45, 122); border-radius: 10px; color: rgb(255, 255, 255); text-align: center; position: relative; z-index: 0; }

.admission-service .service2-content-valuation ul li::before { content: ""; position: absolute; right: -50%; top: 50%; width: 50%; height: 1px; border: 1px dashed rgb(15, 45, 122); z-index: -1; }

.admission-service .service2-content-valuation ul li:nth-last-child(1)::before { display: none; }

.admission-service .service2-content-valuation ul li i { font-size: 24px; margin-bottom: 5px; display: inline-block; }

.admission-service .service2-content-trigger ul li { margin: 8px 0px; }

.admission-service .service2-content-trigger ul li .fa { font-size: 24px; color: rgb(240, 58, 23); margin-right: 10px; }

.admission-service .service-quality .box-qua { display: flex; align-items: center; justify-content: center; padding: 7px 0px; }

.admission-service .service-quality .box-qua img { width: 40px; margin-right: 10px; }

.admission-service .service-quality .box-qua .headingh1 { color: rgb(255, 255, 255) !important; }

.admission-service .service-quality .box-one { background-color: rgb(10, 132, 242); }

.admission-service .service-quality .box-two { background-color: rgb(5, 206, 211); }

.admission-service .service-quality .box-three { background-color: rgb(1, 175, 189); }

.admission-service .service-quality .box-four { background-color: rgb(120, 21, 91); }

.admission-service .service-quality .descrition ul { list-style: square; }

.admission-service .service-quality .descrition ul li::marker { font-size: 20px; }

.admission-service .service-quality .box-oned ul li::marker { color: rgb(10, 132, 242); }

.admission-service .service-quality .box-twod ul li::marker { color: rgb(5, 206, 211); }

.admission-service .service-quality .box-threed ul li::marker { color: rgb(1, 175, 189); }

.admission-service .service-quality .box-fourd ul li::marker { color: rgb(120, 21, 91); }

.admission-service .heading-bdr { line-height: 30px; }

.admission-service .heading-bdr span { position: relative; }

.admission-service .heading-bdr span::before { content: ""; position: absolute; border-left: 1px dashed rgb(243, 82, 90); border-top: 1px dashed rgb(243, 82, 90); width: 30px; height: 30px; left: -35px; bottom: -8px; }

.admission-service .heading-bdr span::after { content: ""; position: absolute; border-right: 1px dashed rgb(243, 82, 90); border-top: 1px dashed rgb(243, 82, 90); width: 30px; height: 30px; right: -35px; bottom: -8px; }

.admission-service .box-tringle-right { clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%); background: rgb(45, 45, 45); padding: 30px 0px; text-align: center; color: rgb(255, 255, 255); margin: 0px 15px; }

.admission-service .box-tringle-right p { margin: 0px; max-width: 75%; font-size: 13px; line-height: 18px; }

.admission-service .box-tringle-right-left { background: rgb(45, 45, 45); padding: 30px 0px; clip-path: polygon(70% 20%, 70% 0px, 100% 50%, 70% 100%, 70% 75%, 30% 75%, 30% 100%, 0px 50%, 30% 0px, 30% 20%); text-align: center; }

.admission-service .box-tringle-right-left p { font-size: 13px; line-height: 18px; color: rgb(255, 255, 255); }

.admission-service .box-rounded-right, .admission-service .box-rounded-left { display: flex; align-items: center; }

.admission-service .box-rounded-right .boxone, .admission-service .box-rounded-left .boxone { background-color: rgb(228, 30, 52); color: white; }

.admission-service .box-rounded-right .boxtwo, .admission-service .box-rounded-left .boxtwo { width: 90px; height: 85px; background: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); display: flex; align-items: center; justify-content: center; border-radius: 50%; position: relative; }

.admission-service .box-rounded-left .boxone { padding: 10px 40px 10px 20px; }

.admission-service .box-rounded-left .boxtwo { left: -22px; }

.admission-service .box-rounded-right .boxone { padding: 10px 20px 10px 40px; }

.admission-service .box-rounded-right .boxtwo { left: 22px; }

.admission-service .help-point { text-align: center; }

.admission-service .help-point .help-pointer { max-width: 55%; margin: auto; background: linear-gradient(50deg, rgb(80, 8, 209), rgba(129, 38, 214, 0.9)); padding: 15px 0px; border-top-left-radius: 15px; border-top-right-radius: 15px; }

.admission-service .help-point .help-pointer p { color: rgb(255, 255, 255); font-size: 18px; }

.admission-service .help-point .help-point-box { padding: 15px 0px; max-width: 80%; margin: auto; background: linear-gradient(50deg, rgba(129, 38, 214, 0.9), rgb(80, 8, 209)); box-shadow: rgb(136, 136, 136) 0px 7px 8px; border-radius: 15px; }

.admission-service .help-point .help-point-box p { color: rgb(255, 255, 255); }

.service2 { overflow-y: hidden; width: 100%; height: 100%; position: relative; z-index: 0; }

.service2 .ser-ad { padding-top: 10px; }

.service2 .ser-ad .industries-inner { bottom: -40px; min-height: 100px; }

.service2 .industries-box { margin-bottom: 100px; }

.service2 .sidebar { max-width: 240px; width: 100%; z-index: 0; }

.service2 .sidebar .service2-sidebar ul { list-style: none; padding: 0px; }

.service2 .sidebar .service2-sidebar ul li { border-left: 2px solid rgba(0, 0, 0, 0.22); padding-left: 15px; padding-bottom: 7px; }

.service2 .sidebar .service2-sidebar ul li a { font-weight: 500; color: rgb(86, 88, 114); font-size: 16px; line-height: 30px; }

.service2 .sidebar .service2-sidebar ul .active { border-left: 2px solid rgb(120, 21, 91); color: rgb(23, 37, 65); }

.service2 .sidebar .service2-sidebar .accordion ul li { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; text-align: left; padding: 0px; }

.service2 .sidebar .service2-sidebar .accordion .accordion-item .accordion-header .accordion-button { padding: 15px 8px; font-size: 15px; background-color: rgb(255, 255, 255); color: rgb(23, 37, 65); }

.service2 .sidebar .service2-sidebar .accordion .accordion-item .accordion-header .accordion-button:focus { box-shadow: none; }

.service2 .sidebar .service2-sidebar .accordion .accordion-item .accordion-header .accordion-button::after { position: absolute; background-image: inherit; right: 0px; top: 50%; transform: translate(0px, -50%); bottom: inherit; width: 20px; height: 20px; transition: 0.5s; font-size: 20px; display: flex; align-items: center; justify-content: center; content: "-" !important; }

.service2 .sidebar .service2-sidebar .accordion .accordion-item .accordion-header .collapsed::after { content: "+" !important; position: absolute; }

.service2 .sidebar .service2-sidebar .accordion .accordion-item .accordion-collapse .accordion-body { padding: 8px; }

.service2 .sidebar .service2-sidebar .accordion .accordion-item .accordion-collapse .accordion-body ul li { margin: 5px 0px; }

.service2 .sidebar .service2-sidebar .accordion .accordion-item .accordion-collapse .accordion-body ul li a { color: rgb(23, 37, 65); transition: 0.3s; }

.service2 .sidebar .service2-sidebar .accordion .accordion-item .accordion-collapse .accordion-body ul li a:hover { color: rgb(55, 99, 235); transition: 0.3s; }

.service2 .navbar .nav-pills .nav-link { padding: 10px 0px; font-size: 17px; background: none; color: rgb(23, 37, 65); border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-radius: 0px; margin-right: 10px; position: relative; z-index: 0; letter-spacing: 1px; border-top: 1px solid rgb(218, 223, 227) !important; }

.service2 .navbar .nav-pills .nav-link::before { content: ""; position: absolute; width: 8px; height: 8px; background-color: rgb(218, 223, 227); border-radius: 50%; left: 0px; top: -5px; }

.service2 .navbar .nav-pills .active { z-index: 0; border-top: 1px solid rgb(55, 99, 235) !important; }

.service2 .navbar .nav-pills .active::before { background-color: rgb(55, 99, 235); }

.service2 .service2-heading img { width: 200px; height: 120px; }

.service2 .service-content-compliance ul { list-style: square; padding-left: 20px; }

.service2 .service-content-compliance ul li { padding: 3px 0px; }

.service2 .service-content-compliance ul li::marker { font-size: 20px; color: rgb(120, 21, 91); }

.service2 .service2-content-models { border: 1px solid rgb(218, 223, 227); padding: 20px 15px; height: 98%; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 20px 0px; transition: 0.5s; position: relative; }

.service2 .service2-content-models p { color: rgb(86, 88, 114); padding-bottom: 25px; }

.service2 .service2-content-models .btn-service { position: absolute; bottom: 0px; right: 10%; padding-bottom: 0px; color: rgb(86, 88, 114); font-size: 16px; font-weight: 600; }

.service2 .service2-content-models img { width: 90px; margin-bottom: 15px; }

.service2 .service2-content-models .headingh1 { margin-bottom: 10px; padding-bottom: 0px; }

.service2 .service2-content-models:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 20px 0px; transition: 0.5s; }

.service2 .service2-content-work .step-column { padding-bottom: 22px; display: flex; position: relative; z-index: 0; transition: 0.5s; }

.service2 .service2-content-work .step-column .step-number { background-color: rgb(255, 255, 255); border: 1px solid rgb(218, 223, 227); display: flex; align-items: center; justify-content: center; height: 40px; max-width: 40px; width: 100%; color: rgb(0, 0, 0); transition: 0.5s; }

.service2 .service2-content-work .step-column .step-content { margin-left: 20px; }

.service2 .service2-content-work .step-column .step-content .headingh1 { font-size: 19px !important; line-height: 2; }

.service2 .service2-content-work .step-column .step-content ul { list-style: square; }

.service2 .service2-content-work .step-column .step-content ul li { padding: 3px 0px; }

.service2 .service2-content-work .step-column .step-content ul li::marker { font-size: 20px; color: rgb(120, 21, 91); }

.service2 .service2-content-work .step-column .step-line { position: absolute; background-color: rgb(218, 223, 227); width: 1px; height: 100%; top: 0px; left: 20px; z-index: -1; transition: 0.5s; }

.service2 .service2-content-work .step-column:hover .step-number { border: 1px solid rgb(120, 21, 91); color: rgb(120, 21, 91); transition: 0.5s; }

.service2 .service2-content-work .step-column:hover .step-line { background-color: rgb(120, 21, 91); transition: 0.5s; }

.service2 .service2-content-infra { border: 1px solid rgb(218, 223, 227); padding: 25px 20px; position: relative; }

.service2 .service2-content-infra::before { content: ""; position: absolute; width: 100%; height: 10px; top: 0px; left: 0px; }

.service2 .service2-content-infra ul li { padding-bottom: 15px; }

.service2 .service2-content-infra ul li .adminssion-heading { font-weight: bold; color: rgb(3, 46, 104); }

.service2 .service2-content-infra ul li::marker { color: rgb(3, 46, 104); }

.service2 .service2-content-infra:nth-child(2n+1) { background: rgba(124, 19, 89, 0.05) !important; }

.service2 .service2-content-infra:nth-child(2n+1)::before { background-color: rgb(120, 21, 91); }

.service2 .service2-content-infra:nth-child(2n) { background: rgba(0, 45, 101, 0.06) !important; }

.service2 .service2-content-infra:nth-child(2n)::before { background-color: rgb(3, 46, 104); }

.service2 .service2-content-infra img { width: 120px; margin-bottom: 20px; }

.service2 .service2-content-infra p { margin-bottom: 0px; }

.service2 .service-content-request { background-color: rgb(55, 99, 235); padding: 25px 20px; position: relative; }

.service2 .service-content-request .headingh1 { color: rgb(255, 255, 255); margin-bottom: 20px; }

.service2 .service-content-request p { color: rgb(255, 255, 255); }

.service2 .service-content-request .request-btn { padding: 30px 0px; }

.service2 .service-content-request .request-btn .btn-primary { width: 150px; background-color: rgb(255, 213, 70) !important; border-radius: 5px !important; color: rgb(34, 34, 34) !important; }

.service2 .service2-content-choose .overview-list { padding: 25px 0px; }

.service2 .service2-content-choose .overview-list li { border-left: 2px solid rgb(225, 225, 225); padding: 0px 12px; list-style: none; }

.service2 .service2-content-choose .overview-list li span { font-size: 36px; color: rgb(55, 99, 235); font-weight: 500; }

.service2 .service2-content-choose .overview-list li p { margin-top: 15px; margin-bottom: 0px; font-size: 18px; }

.service2 .service2-content-choose ul { columns: 1; }

.service2 .service2-content-choose ul li { list-style: square; font-size: 16px; margin-right: 15px; }

.service2 .service2-content-choose ul li::marker { font-size: 20px; color: rgb(55, 99, 235); }

.service2 .service2-content-outsourcing ul li { display: flex; margin-bottom: 20px; }

.service2 .service2-content-outsourcing ul li img { width: 50px; height: 50px; margin-right: 25px; }

.service2 .service-content-project { display: flex; margin-bottom: 35px; }

.service2 .service-content-project .project-inner { padding: 0px 20px; }

.service2 .service-content-project .project-inner a { color: rgb(55, 99, 235); }

.service2 .service2-content-burnett { display: flex; }

.service2 .service2-content-burnett .vedio { margin-right: 30px; }

.service2 .service2-content-select ul { list-style: none; }

.service2 .service2-content-select ul li { position: relative; margin: 5px 0px; }

.service2 .service2-content-select ul li::before { content: ""; position: absolute; font-size: 13px; border: 1px solid rgb(86, 88, 114); color: rgb(86, 88, 114); font-weight: normal; font-family: FontAwesome; left: -30px; top: 5px; width: 18px; height: 18px; display: flex; justify-content: center; align-items: center; }

.service2 .service2-content-valuation ul { padding: 20px 0px; }

.service2 .service2-content-valuation ul img { margin-bottom: 5px; width: 24px; }

.service2 .service2-content-valuation ul li { padding: 15px; border: 1px solid rgb(0, 0, 0); margin: 0px 10px; background: rgb(15, 45, 122); border-radius: 10px; color: rgb(255, 255, 255); text-align: center; position: relative; z-index: 0; }

.service2 .service2-content-valuation ul li::before { content: ""; position: absolute; right: -50%; top: 50%; width: 50%; height: 1px; border: 1px dashed rgb(15, 45, 122); z-index: -1; }

.service2 .service2-content-valuation ul li:nth-last-child(1)::before { display: none; }

.service2 .service2-content-valuation ul li i { font-size: 24px; margin-bottom: 5px; display: inline-block; }

.service2 .service2-content-trigger ul li { margin: 8px 0px; }

.service2 .service2-content-trigger ul li .fa { font-size: 24px; color: rgb(240, 58, 23); margin-right: 10px; }

.service2 .service-quality .box-qua { display: flex; align-items: center; justify-content: center; padding: 7px 0px; }

.service2 .service-quality .box-qua img { width: 40px; margin-right: 10px; }

.service2 .service-quality .box-qua .headingh1 { color: rgb(255, 255, 255) !important; }

.service2 .service-quality .box-one { background-color: rgb(10, 132, 242); }

.service2 .service-quality .box-two { background-color: rgb(5, 206, 211); }

.service2 .service-quality .box-three { background-color: rgb(1, 175, 189); }

.service2 .service-quality .box-four { background-color: rgb(120, 21, 91); }

.service2 .service-quality .descrition ul { list-style: square; }

.service2 .service-quality .descrition ul li::marker { font-size: 20px; }

.service2 .service-quality .box-oned ul li::marker { color: rgb(10, 132, 242); }

.service2 .service-quality .box-twod ul li::marker { color: rgb(5, 206, 211); }

.service2 .service-quality .box-threed ul li::marker { color: rgb(1, 175, 189); }

.service2 .service-quality .box-fourd ul li::marker { color: rgb(120, 21, 91); }

.service2 .heading-bdr { line-height: 30px; }

.service2 .heading-bdr span { position: relative; }

.service2 .heading-bdr span::before { content: ""; position: absolute; border-left: 1px dashed rgb(243, 82, 90); border-top: 1px dashed rgb(243, 82, 90); width: 30px; height: 30px; left: -35px; bottom: -8px; }

.service2 .heading-bdr span::after { content: ""; position: absolute; border-right: 1px dashed rgb(243, 82, 90); border-top: 1px dashed rgb(243, 82, 90); width: 30px; height: 30px; right: -35px; bottom: -8px; }

.service2 .box-tringle-right { clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%); background: rgb(45, 45, 45); padding: 30px 0px; text-align: center; color: rgb(255, 255, 255); margin: 0px 15px; }

.service2 .box-tringle-right p { margin: 0px; max-width: 75%; font-size: 13px; line-height: 18px; }

.service2 .box-tringle-right-left { background: rgb(45, 45, 45); padding: 30px 0px; clip-path: polygon(70% 20%, 70% 0px, 100% 50%, 70% 100%, 70% 75%, 30% 75%, 30% 100%, 0px 50%, 30% 0px, 30% 20%); text-align: center; }

.service2 .box-tringle-right-left p { font-size: 13px; line-height: 18px; color: rgb(255, 255, 255); }

.service2 .box-rounded-right, .service2 .box-rounded-left { display: flex; align-items: center; }

.service2 .box-rounded-right .boxone, .service2 .box-rounded-left .boxone { background-color: rgb(228, 30, 52); color: white; }

.service2 .box-rounded-right .boxtwo, .service2 .box-rounded-left .boxtwo { width: 90px; height: 85px; background: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); display: flex; align-items: center; justify-content: center; border-radius: 50%; position: relative; }

.service2 .box-rounded-left .boxone { padding: 10px 40px 10px 20px; }

.service2 .box-rounded-left .boxtwo { left: -22px; }

.service2 .box-rounded-right .boxone { padding: 10px 20px 10px 40px; }

.service2 .box-rounded-right .boxtwo { left: 22px; }

.service2 .help-point { text-align: center; }

.service2 .help-point .help-pointer { max-width: 55%; margin: auto; background: linear-gradient(50deg, rgb(80, 8, 209), rgba(129, 38, 214, 0.9)); padding: 15px 0px; border-top-left-radius: 15px; border-top-right-radius: 15px; }

.service2 .help-point .help-pointer p { color: rgb(255, 255, 255); font-size: 18px; }

.service2 .help-point .help-point-box { padding: 15px 0px; max-width: 80%; margin: auto; background: linear-gradient(50deg, rgba(129, 38, 214, 0.9), rgb(80, 8, 209)); box-shadow: rgb(136, 136, 136) 0px 7px 8px; border-radius: 15px; }

.service2 .help-point .help-point-box p { color: rgb(255, 255, 255); }

.cursor-pointer .cursor { width: 30px; height: 30px; border-radius: 100%; border: 1px solid rgb(120, 21, 91); transition: 200ms ease-out; position: fixed; pointer-events: none; left: 0px; top: 0px; transform: translate(calc(-50% + 15px), -50%); z-index: 999999; }

.cursor-pointer .cursor2 { width: 8px; height: 8px; border-radius: 100%; background-color: rgb(120, 21, 91); position: fixed; transform: translate(-50%, -50%); pointer-events: none; transition: width 0.3s, height 0.3s, opacity 0.3s; z-index: 999999; }

::-webkit-scrollbar { width: 15px; }

::-webkit-scrollbar-track { box-shadow: rgb(120, 21, 91) 0px 0px 5px inset; border-radius: 0px; }

::-webkit-scrollbar-thumb { background: rgb(120, 21, 91); }

::-webkit-scrollbar-thumb:hover { background: rgb(120, 21, 91); }

.result-slider-wrapper { padding: 70px 0px; }

.recent-result { background-color: rgb(3, 46, 104); padding: 70px 0px; }

.result-card { position: relative; background-color: rgb(255, 255, 255); border-radius: 16px; overflow: hidden; }

.result-card .text-box { padding: 20px; text-align: center; position: relative; z-index: 9; background: rgb(255, 255, 255); }

.result-card img { transition: 0.3s; width: 100%; height: auto; object-fit: cover; object-position: center top; display: block; }

.result-card:hover img { scale: 1.1; }

.result-card .text-box { position: relative; }

.result-card .attempt-badge { position: absolute; left: 50%; top: -16px; translate: -50%; width: fit-content; padding: 3px 8px; background: rgb(120, 21, 91); color: rgb(255, 255, 255); text-transform: uppercase; border-radius: 6px; letter-spacing: 1px; font-size: 12px; line-height: 1.5; }

@media (max-width: 768px) {
  .result-card img { height: 180px; object-fit: cover; object-position: center top; width: 100%; }
  .result-card .attempt-badge { top: -15%; font-size: 10px; padding: 3px 8px; left: 22% !important; transform: none !important; translate: none !important; }
}

.result-card .name { font-size: 24px; font-weight: 600; }

.full-name { display: block; }

.short-name { display: none; }

.result-card .percent { font-size: 25px; font-weight: 600; color: rgb(120, 21, 91); }

.result-card .rank { text-transform: uppercase; font-size: 16px; font-weight: 500; }

.result-card2 { box-shadow: rgba(0, 0, 0, 0.12) 0px 3px 10px 0px; border-radius: 15px; overflow: hidden; }

.result-card2.result-card .name { font-size: 20px; }

.result-card2.result-card .percent { font-size: 26px; }

.result-card2.result-card .rank { font-size: 14px; }

.resut-slider .result-card .text-box { min-height: 145px; }

.company-team-section { padding: 70px 0px; background: rgb(255, 255, 255); }

.company-team-section .team-message p { font-size: 16px; }

.company-team-section .team-message .name { text-transform: uppercase; }

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1240px; }
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px; }
}

@media only screen and (max-width: 1199px) {
  .container, .container-lg, .container-md, .container-sm { width: 100%; max-width: 96%; }
  header .navbar .navbar-nav .nav-item { margin: 0px 12px; }
  header .navbar .navbar-nav .nav-item .nav-link { font-size: 14px; }
  .admission-service .admission-navbar { column-count: auto; }
  .admission-service .admission-navbar .nav { justify-content: center; align-items: center; }
  .admission-service .admission-navbar .nav .nav-item { padding: 15px; margin-right: 0px; }
  .admission-service .admission-navbar .nav .nav-item::before { display: none; }
  .banner .carousel .carousel-inner .carousel-item .carousel-caption .banner-title { font: 600 42px / 48px Satoshi; }
  .career-detail .quality-control .headingh1 { font: 600 36px / 42px Satoshi; }
  .career-detail .career-sidebar { padding: 40px 20px; }
  .owl-theme .owl-nav .owl-prev { left: -20px; }
  .owl-theme .owl-nav .owl-next { right: -20px; }
  .shop-detail .carousel .carousel-indicators { margin-right: 8.5%; }
}

@media only screen and (max-width: 1099px) {
  header .navbar .navbar-nav .nav-item { margin: 0px 9px; }
  header .navbar .navbar-nav .nav-item .nav-link { font-size: 13px; }
  .about1 .mission-text .mission-title { font: bold 22px / 26px Satoshi; }
  .about1 .mission-text p { line-height: 18px; font-size: 15px; }
  .about2 .owl-theme .owl-nav { bottom: -25px; }
  .modal .modal-dialog { max-width: 80%; }
  .modal .modal-dialog .btn-close { right: -10%; }
}

@media only screen and (max-width: 991px) {
  header { position: inherit; }
  header .navbar { padding: 0px !important; }
  header .navbar .container { max-width: 100%; border-radius: 0px; padding: 10px 15px; }
  header .navbar .navbar-brand img { width: 70px; }
  .headingh1 { font: 600 30px / 36px Satoshi; letter-spacing: 1px; }
  .headingh3 { font: 600 18px / 24px Satoshi; }
  header .navbar { padding: 8px 0px; }
  header .navbar .navbar-toggler { padding: 0px; border: 0px; box-shadow: none !important; }
  header .navbar .navbar-nav { display: block; padding: 0px 10px; }
  header .navbar .navbar-nav .nav-item { margin: 0px 0px 15px; }
  header .navbar .navbar-nav .nav-item:last-child { margin: 0px; }
  header .navbar .navbar-nav .nav-item .nav-link { padding: 0px; font-size: 15px; text-align: left; }
  .navbar-collapse { background: rgb(255, 255, 255); padding: 30px 12px; position: fixed; width: 250px; left: 0px; top: 0px; z-index: 1; height: 100vh; overflow: scroll; box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem !important; }
  .navbar-collapse::-webkit-scrollbar { display: none; }
  .home1 .partner-box { padding: 15px; }
  .service-box .service-overlay { padding: 0px 20px 30px; }
  .service-box .service-overlay .service-overlay-text .service-title { font: 600 23px / 28px Satoshi; }
  .industries-box .industries-inner .industries-text .industries-title { font: 500 24px / 28px Satoshi; letter-spacing: 0.2px; margin-bottom: 10px !important; }
  .industries-box .industries-inner .industries-text p { line-height: 22px; margin-bottom: 8px; }
  .common-contact .headingh1 { font: 600 36px / 42px Satoshi; }
  .about2 .owl-theme .owl-nav { position: static; margin: 15px auto auto; }
  .capabilities .machine-img { border-radius: 10px 10px 0px 0px; }
  .capabilities .machine-text { border-radius: 0px 0px 10px 10px; }
  .capabilities .machine-center .machine-text { border-radius: 10px 10px 0px 0px; }
  .capabilities .machine-center .machine-img { border-radius: 0px 0px 10px 10px; }
  .contact .contact-info { padding: 40px 20px; }
  .owl-theme .owl-nav { position: static; translate: 0px; margin-top: 20px !important; }
  .owl-theme .owl-nav button { position: static; }
  .capabilities-detail .heading-box .headingh1 { font: 600 44px / 50px Satoshi; }
  .shop-detail .carousel .carousel-indicators { margin-right: 5.5%; }
  .shop-detail .carousel .carousel-indicators button { width: 75px; height: 75px; }
  .industries-detail .heading-box .headingh1 { font-size: 48px; line-height: 56px; }
  .work-modal .modal .modal-dialog { max-width: 60%; }
  .work-modal .modal .modal-dialog .modal-content .btn-close { right: -80px; top: -15px; }
  .work-modal .modal .modal-dialog .modal-content .modal-body .carousel .carousel-control-prev { left: -10%; }
  .work-modal .modal .modal-dialog .modal-content .modal-body .carousel .carousel-control-next { right: -10%; }
}

@media only screen and (max-width: 767px) {
  .admission-service .admission-navbar .nav .nav-item { padding: 10px; }
  .home3, .home5, .home6 { padding: 70px 0px; }
  .contact2 .video-text { left: 10%; right: 10%; }
  .page-banner { min-height: 285px; padding-bottom: 61px; }
  .banner { height: 60vh; }
  .banner .carousel .carousel-inner .carousel-item img { height: 60vh; object-fit: cover; object-position: center center; }
  .banner .carousel .carousel-inner .carousel-item .carousel-caption .banner-title { font: 600 32px / 36px Satoshi; }
  .banner .carousel .carousel-inner .carousel-item .carousel-caption p { margin-bottom: 0px; }
  .about1 .mission-text { padding: 30px; }
  .page-banner .page-title { font: 600 42px / 50px Satoshi; }
  .capabilities .machine-text { padding: 30px; }
  .capabilities .machine-text .machine-title { font: 600 28px / 34px Satoshi; }
  .capabilities .machine-text p { margin-bottom: 1.5rem; }
  .career .career-box .career-title { font: bold 24px / 30px Satoshi; }
  .career .heading-box p { font-size: 16px; }
  .shop-detail .carousel .carousel-inner { width: 100%; }
  .shop-detail .carousel .carousel-indicators { position: relative; display: flex; margin-top: 10px; }
  .shop-detail .carousel .carousel-indicators button { margin: 0px 4px; }
  .modal .modal-dialog .modal-content .modal-body { padding: 20px; }
  .work-modal .modal .modal-dialog { max-width: 80%; }
  .work-modal .modal .modal-dialog .modal-content .btn-close { right: -40px; top: -15px; }
  .work-modal .modal .modal-dialog .modal-content .modal-body .carousel button { translate: 0px; top: inherit; bottom: 0px; }
  .sub-title span { font-size: 11px; }
  .home1 { padding-top: 40px; }
  .btn { text-align: center; font: 500 12px / 20px Satoshi; letter-spacing: 0.6px; color: rgb(255, 255, 255); text-transform: uppercase; opacity: 1; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; min-width: 130px; padding: 7px 16px; transition: 0.4s; border-radius: 30px; }
  .home2 .panel h3 { font-size: 18px; left: 16px; }
  .owl-theme .owl-dots { display: none; }
  .service2 .service2-content-valuation ul li { margin: 30px 0px; }
  .service2 .service2-content-valuation ul li::before { left: 50%; top: inherit; right: inherit; bottom: -40px; width: 1px; height: 40px; border: 1px dashed rgb(15, 45, 122); z-index: -1; }
  .result-slider-wrapper, .recent-result, .company-team-section { padding: 50px 0px; }
  .accordion-button { font-size: 18px !important; }
  .result-card .name { font-size: 15px !important; margin-bottom: 4px; }
  .result-card .percent { font-size: 20px !important; margin-bottom: 4px; }
  .result-card .rank { font-size: 13px !important; }
  .resut-slider .result-card .text-box { min-height: 100px; }
  .result-card .text-box { padding: 10px; }
  .company-team-section .team-message p { font-size: 15px; }
}

@media only screen and (max-width: 576px) {
  .main .profile-card .img-card { margin: 10px 20px 20px; }
  .home3, .home5, .home6 { padding: 60px 0px; }
  .page-banner { min-height: 250px; padding-bottom: 55px; }
  .contact2 .video-text h2.headaingh1 { font-size: 65px; line-height: 73px; }
  .contact2 .video-text p { font-size: 18px; line-height: 28px; }
  .contact2 .video-text { left: 5%; right: 5%; }
  .page-banner.about-banner { min-height: 40vh; }
  .page-banner.about-banner.result-banner { min-height: 55vh; }
  .page-banner.about-banner.result-banner .page-title { letter-spacing: 0px; font: 600 25px / 38px Satoshi !important; }
  .headingh1 { font: 600 26px / 32px Satoshi; }
  .common-contact .headingh1 { font: 600 32px / 38px Satoshi; }
  footer .footer-top .footer-title { margin-bottom: 10px; }
  .our-work .nav-tabs .nav-item { margin: 0px 10px; }
  .our-work .nav-tabs .nav-item .nav-link { font: 600 12px / 20px Satoshi; letter-spacing: 0px; }
  .career-detail .quality-control .headingh1 { font: 600 28px / 36px Satoshi; }
  .capabilities-detail .heading-box .headingh1 { font: 600 34px / 40px Satoshi; }
  .shop-detail .carousel .carousel-inner { width: 100%; }
  .capabilities1 table thead tr th { font-size: 16px; }
  .capabilities1 table tbody tr td { font-size: 15px; }
  .industries-detail .heading-box .headingh1 { font-size: 42px; line-height: 46px; }
  .modal .modal-dialog { max-width: 92%; }
  .modal .modal-dialog .btn-close { right: 5px; top: 5px; width: 14px; height: 14px; }
  .modal .modal-dialog .btn-close img { width: 10px; }
  .modal .modal-dialog .modal-content .modal-body .headingh1 { font: bold 24px / 32px Satoshi; }
  .home2 .row.m-0 { display: block; }
  .home2 .panel { height: auto; padding: 30px 25px; border-radius: 15px; margin: 10px 0px; }
  .home2 .panel .card-content { display: block; position: relative; translate: 0px; left: inherit; top: inherit; }
  .home2 .panel h3 { display: none; }
  .industries-box .industries-inner { min-height: 125px; }
  .industries-box .industries-inner .industries-text .industries-title { translate: 0px; }
  .industries-box .industries-inner .industries-text .description { visibility: visible; opacity: 1; height: auto; translate: 0px; }
}

@media only screen and (max-width: 460px) {
  .main .profile-card .img-card { margin: 10px 25px 25px; }
  .admission-service .admission-navbar { column-count: 2; }
  .home3, .home5, .home6 { padding: 40px 0px; }
  .page-banner { min-height: 230px; padding-bottom: 40px; }
  .home4 { padding: 100px 0px; }
  .home4 .leaf1 { right: 40px; }
  .home4 .leaf2 { left: 40px; }
  .banner .carousel .carousel-inner .carousel-item .carousel-caption .banner-title { font: 600 28px / 34px Satoshi; }
  .industries-box .industries-inner .industries-text .industries-title { font: 500 18px / 26px Satoshi; margin-bottom: 5px !important; }
  .industries-box .industries-inner .industries-text p { line-height: 19px; margin-bottom: 3px; font-size: 13px; }
  .about1 .mission-text { padding: 30px 18px; }
  .about2 .about2-img { padding: 10px; }
  .page-banner .page-title { font: 600 36px / 46px Satoshi; }
  .capabilities .machine-text { padding: 30px 15px; }
  .capabilities .machine-text .machine-title { font: 600 24px / 30px Satoshi; }
  .product-box .product-text .pro-title, .product-box .product-text .price { font: 600 14px / 22px Satoshi; }
  .contact .headingh1 { font: 600 26px / 36px Satoshi; letter-spacing: 0px; }
  .industries-detail .heading-box .headingh1 { font-size: 36px; line-height: 42px; }
  .career .career-box { padding: 20px; }
  .shop-detail .shop-inner-content .count-list { display: block !important; }
  .shop-detail .shop-inner-content .count-list .counter { margin-bottom: 10px; padding: 8px 15px; margin-right: 0px !important; }
  .work-modal .modal .modal-dialog { max-width: 92%; }
  .work-modal .modal .modal-dialog .modal-content .btn-close { right: 0px; top: -28px; }
  .work-modal .modal .modal-dialog .modal-content .modal-body .carousel .carousel-control-prev { left: -40px; right: 0px; margin: auto; translate: 0px; bottom: -50px; top: inherit; }
  .work-modal .modal .modal-dialog .modal-content .modal-body .carousel .carousel-control-next { left: 0px; right: -40px; margin: auto; translate: 0px; bottom: -50px; top: inherit; }
}

@media only screen and (max-width: 375px) {
  .admission-service .admission-navbar { column-count: 1; }
  .page-banner { min-height: 200px; padding-bottom: 30px; }
  .page-banner .page-title { font: 600 30px / 36px Satoshi; }
  .our-work .nav-tabs { display: block; }
  .our-work .nav-tabs .nav-item .nav-link { margin: 10px auto; }
  .capabilities-detail .heading-box .headingh1 { font: 600 28px / 34px Satoshi; }
}

.footer-legal-links { text-align: center; margin-top: 10px; font-size: 14px; }

.footer-legal-links a { color: rgb(90, 15, 70); text-decoration: none; margin: 0px 8px; font-weight: bold; }

.footer-legal-links a:hover { text-decoration: underline; }

.legal-banner { background: rgb(120, 21, 91); color: white; padding: 80px 0px; text-align: center; }

.legal-banner h1 { font-size: 42px; font-weight: 700; margin-top: 30px; text-decoration: underline; }

.legal-page { padding: 60px 0px; background: rgb(250, 250, 250); }

.legal-page h3 { margin-top: 30px; font-size: 22px; font-weight: 600; color: rgb(51, 51, 51); }

.legal-page p { line-height: 1.8; font-size: 16px; color: rgb(68, 68, 68); }

.legal-page ul { margin-left: 20px; }

footer i { transition: 0.3s; }

footer i:hover { transform: scale(1.2); }

.page-banner { background: rgb(13, 27, 42); }

.page-banner h1 { font-size: 42px; font-weight: 700; }

.blogs-section .card-img-top { width: 100%; height: auto; display: block; border-top-left-radius: 10px; border-top-right-radius: 10px; }

.blogs-section .card { transition: 0.3s; display: flex; flex-direction: column; height: 100%; }

.blogs-section .col-lg-4 { display: flex; }

.blogs-section .card-body { display: flex; flex-direction: column; flex-grow: 1; }

.blogs-section .card-body a { margin-top: auto; }

.card-body p { flex-grow: 1; }

.blogs-section .card:hover { transform: translateY(-6px); box-shadow: rgba(0, 0, 0, 0.15) 0px 12px 30px; }

.blog-banner { background: rgb(13, 27, 42); }

.blog-banner h1 { font-size: 42px; font-weight: 700; }

.blog-hero { background: rgb(13, 27, 42); color: rgb(243, 243, 243); }

.blog-title { font-size: 42px; font-weight: 700; margin-top: 100px; color: rgb(243, 243, 243); }

.blog-subtitle { font-size: 22px; opacity: 0.9; }

.blog-content { font-size: 18px; line-height: 1.8; }

.blog-content h2 { font-size: 30px; font-weight: 700; margin-top: 30px; margin-bottom: 12px; color: rgb(11, 61, 145); }

.blog-content h3 { font-size: 22px; font-weight: 600; margin-top: 25px; color: rgb(120, 21, 91); }

.blog-content p { font-size: 18px; line-height: 1.8; color: rgb(68, 68, 68); margin-bottom: 16px; }

.blog-content ul { padding-left: 20px; }

.blog-content li { font-size: 18px; margin-bottom: 8px; }

.highlight-box { background: rgb(244, 248, 255); border-left: 5px solid rgb(11, 61, 145); padding: 20px; border-radius: 6px; margin: 25px 0px; }

.contact-box { background: rgb(244, 248, 255); color: black; padding: 25px; border-radius: 8px; margin-top: 40px; }

.contact-box a { color: white; text-decoration: none; }

.contact-box i { margin-right: 8px; }

.blog-sidebar { background: rgb(120, 21, 91); padding: 25px; border-radius: 8px; color: white; font-weight: bold; margin-left: auto; }

.col-lg-4 { padding-left: 80px; }

.blog-sidebar ul { list-style: none; padding: 0px; }

.blog-sidebar li { margin-bottom: 10px; }

.blog-sidebar a { text-decoration: none; color: white; font-weight: 500; }

.blog-sidebar a:hover { color: yellow; }

.blog-image { width: 100%; height: auto; object-fit: cover; border-radius: 12px; }

.flaoting-icon { position: fixed; color: rgb(2, 27, 250); right: 20px; bottom: 90px; display: flex; flex-direction: column; gap: 10px; z-index: 9999; }

.call-btn { animation: 3s ease 0s infinite normal none running callPulse; background: rgb(255, 255, 255); border: 1px solid rgb(210, 26, 109); color: rgb(210, 26, 109); }

@keyframes callPulse { 
  0% { box-shadow: rgba(210, 26, 109, 0.7) 0px 0px 0px 0px; }
  70% { box-shadow: rgba(210, 26, 109, 0) 0px 0px 0px 15px; }
  100% { box-shadow: rgba(210, 26, 109, 0) 0px 0px 0px 0px; }
}

.whatsapp-btn { background: rgb(37, 211, 102); color: rgb(255, 255, 255); }

.flaoting-icon a { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 20px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px; }

.percent { margin-bottom: 5px; }

.achiever-card { width: 250px; height: 340px; border-radius: 12px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.15) 0px 6px 15px; position: relative; }

.achiever-card img { width: 100%; height: 100%; object-fit: cover; }

.swiper-slide { opacity: 0.9; transition: 0.3s; display: flex; justify-content: center; }

.swiper-slide img { border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.46) 0px 0px 10px; }

.swiper-slide-active { transform: scale(1); opacity: 1; }

.swiper-slide-active .achiever-card { transform: scale(1.05); }

.results-swiper .swiper-slide { display: flex; justify-content: center; width: auto; }

.swiper.swiper-initialized { opacity: 1; }

.swiper-container { position: relative; }

.swiper-button-prev { border-radius: 50%; top: 47%; left: -10px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px; background: rgb(120, 21, 91) !important; width: 40px !important; height: 40px !important; }

.swiper-button-prev::after { font-size: 0.9rem !important; color: rgb(255, 255, 255); }

.swiper-button-prev svg { display: none; }

.swiper-button-prev:hover { background: rgb(3, 46, 104) !important; }

.swiper-button-next { border-radius: 50%; top: 47%; right: -10px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px; background: rgb(120, 21, 91) !important; width: 40px !important; height: 40px !important; }

.swiper-button-next::after { font-size: 0.9rem !important; color: rgb(255, 255, 255); }

.swiper-button-next svg { display: none; }

.swiper-button-next:hover { background: rgb(3, 46, 104) !important; }

.swiper-button-prev, .swiper-button-next { display: none; }

.results-swiper { padding: 16px 4px 28px; }

.results-swiper .swiper-wrapper { align-items: stretch; }

.results-swiper .swiper-slide { height: auto; }

.results-swiper .achiever-card { width: 100%; max-width: 250px; }

@media (max-width: 767px) {
  .result-slider-wrapper { padding: 48px 0px; }
  .results-swiper { overflow: visible; padding-inline: 0px; }
  .results-swiper .achiever-card { max-width: 230px; height: 315px; }
  .key-values .accordion-button { line-height: 1.35; padding: 14px 12px; font-size: 18px !important; }
  .key-values .accordion-body { padding: 14px 8px; }
  .key-values .result-card2.result-card .name { font-size: 15px; line-height: 1.25; }
  .key-values .result-card2.result-card .percent { font-size: 20px; }
  .key-values .result-card2.result-card .rank { font-size: 12px; line-height: 1.25; }
}

.student-info { position: absolute; bottom: 0px; width: 100%; padding: 10px; background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); }

.student-info h4 { color: rgb(255, 255, 255); font-size: 16px; margin: 0px; font-weight: 600; text-align: center; }

.achiever-card:hover img { transform: scale(1.05); transition: 0.3s; }

.banner-subtitle { font-size: 22px; font-weight: 600; color: rgb(255, 255, 255); margin-top: 10px; text-shadow: rgba(0, 0, 0, 0.8) 2px 2px 8px; }

@media (max-width: 768px) {
  .banner .carousel-caption { justify-content: center; }
  .banner { height: 70vh; }
  .carousel-caption { inset: 50% 5% auto; padding-top: 40px; }
  .banner-title { font-size: clamp(1.1rem, 4vw, 2.5rem); line-height: 1.6; margin-top: 15px; }
  .banner-subtitle { font-size: 0.9rem; }
  .btn { font-size: 0.9rem; padding: 8px 16px; }
}

@media (max-width: 768px) {
  .full-name { display: none; }
  .short-name { display: block; }
}

@media (max-width: 576px) {
  .blogs-section .row { justify-content: center; margin-left: 0px; margin-right: 0px; }
  .blogs-section .col-lg-4 { display: flex; justify-content: center; padding-left: 10px; padding-right: 10px; }
  .blogs-section .card { width: 100%; max-width: 320px; }
}

table td:first-child { font-weight: bold; }

.cpac-table { width: 100%; border-collapse: collapse; background: rgb(255, 255, 255); border-radius: 10px; overflow: hidden; font-size: 18px; }

.cpac-table thead { background: rgb(120, 21, 91); color: rgb(255, 255, 255); }

.cpac-table th { padding: 12px; text-align: left; }

.cpac-table td { padding: 12px; border-top: 1px solid rgb(238, 238, 238); vertical-align: top; }

.cpac-table tbody tr:hover { background: rgb(241, 247, 255); }

.cpac-table.zebra tbody tr:nth-child(2n) { background: rgb(249, 249, 249); }

.highlight-row { background: rgb(238, 245, 255) !important; }

.table-responsive { overflow-x: auto; }

.icon-blue { color: rgb(6, 102, 83); margin-right: 8px; min-width: 18px; }

.icon-green { color: rgb(25, 135, 84); margin-right: 8px; min-width: 18px; }

.cpac-table td br { margin-bottom: 6px; }

@media (max-width: 600px) {
  .cpac-table thead { display: none; }
  .cpac-table, .cpac-table tbody, .cpac-table tr, .cpac-table td { display: block; width: 100%; }
  .cpac-table tr { margin-bottom: 15px; background: rgb(255, 255, 255); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 10px; padding: 10px; }
  .cpac-table td { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 8px; }
  .cpac-table td::before { content: attr(data-label); font-weight: bold; display: block; margin-bottom: 4px; color: rgb(13, 110, 253); }
}

.cpac-strategy-section { padding: 40px 0px; }

.cpac-strategy-title { text-align: center; margin-bottom: 25px; font-size: 26px; }

.cpac-strategy-section summary::-webkit-details-marker { display: none; }

.cpac-item { border: 1px solid rgb(238, 238, 238); border-radius: 8px; margin-bottom: 10px; overflow: hidden; }

.cpac-summary { padding: 14px; cursor: pointer; font-weight: 600; background: rgb(248, 249, 250); position: relative; }

.cpac-summary::after { content: "+"; position: absolute; right: 15px; }

.cpac-item[open] .cpac-summary::after { content: "−"; }

.cpac-content { padding: 15px; background: rgb(255, 255, 255); }

.sequence { color: rgb(120, 21, 91); font-weight: bolder; }

table td:first-child { font-weight: bold; }

.numbered-cards { display: grid; gap: 15px; }

.card-item { display: flex; align-items: flex-start; background: rgb(255, 255, 255); padding: 15px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 15px; }

.card-item .number { background: rgb(120, 21, 91); color: rgb(255, 255, 255); font-weight: bold; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-right: 12px; }

.card-item p { margin: 0px; line-height: 1.6; }

.home4 { overflow: hidden; }

@media (min-width: 992px) {
  header .navbar .navbar-collapse { min-width: 0px; }
  header .navbar .navbar-nav { flex: 1 1 auto; justify-content: center; min-width: 0px; }
  header .navbar .navbar-collapse > .d-flex { flex: 0 0 auto; flex-wrap: nowrap; white-space: nowrap; }
}

@media (min-width: 992px) and (max-width: 1599px) {
  header .navbar .container { max-width: calc(100% - 24px); padding: 12px 14px; }
  header .navbar .navbar-brand img { width: 86px; }
  header .navbar .navbar-nav .nav-item { margin: 0px 5px; }
  header .navbar .navbar-nav .nav-item .nav-link { font-size: 12.5px; line-height: 18px; letter-spacing: 0px; }
  header .navbar .navbar-collapse > .d-flex { gap: 6px !important; }
  header .navbar .navbar-collapse > .d-flex .btn { min-width: 0px; padding: 9px 12px; font-size: 12px; line-height: 18px; letter-spacing: 0.2px; }
}

@media (min-width: 992px) and (max-width: 1099px) {
  header .navbar .container { padding: 10px 12px; }
  header .navbar .navbar-brand img { width: 78px; }
  header .navbar .navbar-nav .nav-item { margin: 0px 4px; }
  header .navbar .navbar-nav .nav-item .nav-link { font-size: 12px; }
  header .navbar .navbar-collapse > .d-flex .btn { padding: 8px 10px; font-size: 11px; }
}

@media (max-width: 1199px) {
  header .navbar .container { max-width: calc(100% - 32px); }
  header .navbar .navbar-nav .nav-item { margin: 0px 8px; }
  .banner .carousel .carousel-inner .carousel-item .carousel-caption .banner-title { font-size: 42px; line-height: 50px; letter-spacing: 1px; }
}

@media (max-width: 991px) {
  header { position: relative; }
  header .navbar { padding: 10px 0px; }
  header .navbar .container { max-width: calc(100% - 24px); padding: 10px 14px; }
  header .navbar .navbar-collapse { position: fixed; top: 78px; right: 12px; left: auto; width: min(320px, -24px + 100vw); max-height: calc(-90px + 100svh); height: auto; overflow-y: auto; padding: 18px; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.18) 0px 16px 40px; }
  header .navbar .navbar-nav { align-items: stretch; gap: 12px; }
  header .navbar .navbar-nav .nav-item { margin: 0px; }
  header .navbar .navbar-nav .nav-item .nav-link { padding: 6px 0px; white-space: normal; }
  header .navbar .navbar-collapse > .d-flex { flex-direction: column; margin-top: 14px; }
  header .navbar .navbar-collapse > .d-flex .btn { width: 100%; }
  .banner, .banner .carousel, .banner .carousel-inner, .banner .carousel-item { height: auto; min-height: 100svh; }
  .banner .carousel .carousel-inner .carousel-item { display: flex; align-items: center; justify-content: center; padding: 110px 0px 44px; }
  .banner .carousel .carousel-inner .carousel-item video { position: absolute; inset: 0px; height: 100%; }
  .banner .carousel .carousel-inner .carousel-item .carousel-caption { position: relative; inset: auto; translate: none; width: min(92vw, 720px); padding: 0px; margin: 0px auto; }
  .banner .carousel .carousel-inner .carousel-item .carousel-caption p { font-size: 15px !important; line-height: 1.55; }
  .banner .carousel .carousel-inner .carousel-item .carousel-caption .banner-title { font-size: 34px; line-height: 40px; letter-spacing: 0px; }
  .banner-subtitle { font-size: 16px; }
  .banner .badge { font-size: 12px; white-space: normal; }
  .home1, .home2, .home4, .home5, .home6, .common-contact, .flight-scroll { padding: 64px 0px; }
  .home2 .row.m-0 { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; }
  .home2 .panel, .home2 .panel.active, .home2 .panel:hover { min-height: 310px; height: auto; flex: 0 0 auto; margin: 0px; border-radius: 14px; padding: 28px; display: flex; align-items: flex-end; }
  .home2 .panel h3 { display: none; }
  .home2 .panel .card-content { position: relative; top: auto; left: auto; translate: none; display: block; width: 100%; }
  .home5 .counter-box { padding: 32px 24px; }
  .home4 .leaf1, .home4 .leaf2 { display: none; }
  .home4 .single-testimonial { padding: 36px 24px; }
  .flight-scroll .flight-right { margin: 0px auto 28px; max-width: 360px; }
}

@media (max-width: 767px) {
  .headingh1 { font-size: 28px; line-height: 34px; letter-spacing: 0.4px; }
  .sub-title span { display: inline-block; max-width: 100%; font-size: 12px; line-height: 18px; white-space: normal; }
  .banner, .banner .carousel, .banner .carousel-inner, .banner .carousel-item { min-height: 100svh; }
  .banner .carousel .carousel-inner .carousel-item { padding: 96px 0px 34px; }
  .banner .carousel .carousel-inner .carousel-item .carousel-caption .banner-title { font-size: 25px; line-height: 31px; }
  .banner .carousel .carousel-inner .carousel-item .carousel-caption p { font-size: 14px !important; line-height: 1.45; }
  .banner .carousel .carousel-inner .carousel-item .carousel-caption .text-white.mb-4 { display: none; }
  .banner .carousel .carousel-inner .carousel-item .carousel-caption .d-flex.gap-2, .banner .carousel .carousel-inner .carousel-item .carousel-caption .d-flex.gap-3 { gap: 8px !important; }
  .banner .btn { min-width: 0px; flex: 1 1 140px; padding: 8px 12px; font-size: 12px; }
  .home1, .home2, .home4, .home5, .home6, .common-contact, .flight-scroll { padding: 48px 0px; }
  .home1 .heading-box { margin-bottom: 28px !important; }
  .home1 .experience { align-items: flex-start; }
  .home2 .row.m-0 { grid-template-columns: 1fr; }
  .home2 .panel, .home2 .panel.active, .home2 .panel:hover { min-height: 250px; padding: 24px 20px; }
  .home5 .counter-box .count { font-size: 30px; margin: 10px 0px 6px; }
  .accordion-button { align-items: flex-start; line-height: 1.35; font-size: 16px !important; }
  .flight-scroll .flight-right { max-width: 260px; }
  .footer-legal-links { padding: 0px 14px; line-height: 1.8; }
}

@media (max-width: 420px) {
  header .navbar .navbar-brand img { width: 82px; }
  header .navbar .navbar-collapse { top: 68px; }
  .banner .carousel .carousel-inner .carousel-item { padding-top: 86px; }
  .banner .carousel .carousel-inner .carousel-item .carousel-caption .banner-title { font-size: 22px; line-height: 28px; }
  .banner .carousel .carousel-inner .carousel-item .carousel-caption p { font-size: 13px !important; }
  .banner .badge { font-size: 11px; padding: 6px !important; }
  .home1 .experience { display: block; }
  .home1 .experience .icon { margin-bottom: 12px; }
  .home1 .experience .text { width: 100%; padding-left: 0px; }
}

.faq-intro { background: rgb(248, 249, 250); padding: 20px; border-radius: 12px; line-height: 30px; font-size: 16px; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 10px; font-weight: bolder; }

.results-banner-wrapper { width: 100%; overflow: hidden; }

.results-banner-image { width: 100%; height: auto; object-fit: cover; object-position: center center; display: block; }

.results-hero-section { padding: 60px 20px; background: rgb(255, 255, 255); }

.results-hero-section h1 { font-size: 48px; font-weight: 700; color: rgb(120, 21, 91); }

.results-hero-section p { max-width: 900px; margin: auto; font-size: 18px; line-height: 32px; color: rgb(85, 85, 85); }

@media (max-width: 992px) {
  .results-banner-image { height: 500px; }
  .results-hero-section h1 { font-size: 38px; }
}

@media (max-width: 768px) {
  .results-banner-image { height: 320px; }
  .results-hero-section { padding: 40px 15px; }
  .results-hero-section h1 { font-size: 30px; }
  .results-hero-section p { font-size: 16px; line-height: 28px; }
}

@media (max-width: 480px) {
  .results-banner-image { height: 250px; }
}

.navbar-collapse { overscroll-behavior: contain; }

.page-banner, .banner, .contact2, .common-contact, footer { overflow: hidden; }

.page-banner .container, .banner .container, main .container, footer .container { max-width: min(1320px, 100% - 24px); }

.page-title, .headingh1, .headingh2, .headingh3, .banner-title, .industries-title, .footer-title, .accordion-button, .nav-link, .btn { overflow-wrap: anywhere; }

.btn { white-space: normal; }

.table-responsive { }

.blog-image, .card-img-top, .industries-img img, .service-img img, .product-img img, .result-card img { display: block; object-fit: cover; }

.cpac-testimonial-video, .ratio, [style*="padding-top: 177%"] { max-width: 100%; }

@media (max-width: 991px) {
  .page-banner { padding-top: 104px; }
  .page-banner .row { row-gap: 18px; }
  .page-banner img { display: block; margin-inline: auto; max-height: 360px; object-fit: contain; }
  .navscroll { display: flex; flex-wrap: nowrap; gap: 10px; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x; }
  .navscroll .nav-item { flex: 0 0 auto; scroll-snap-align: start; }
}

@media (max-width: 767px) {
  body { font-size: 15px; line-height: 1.6; }
  .btn { min-width: 0px; padding: 10px 18px; }
  .page-banner { min-height: auto; padding-bottom: 42px; }
  .page-banner .page-title { font-size: 34px; line-height: 1.15; }
  .breadcumb { flex-wrap: wrap; row-gap: 6px; }
  .footer-ticker { font-size: 14px; }
  .flaoting-icon { bottom: 86px; }
  .flaoting-icon .up-arrow, .bottom-top .up-arrow { width: 44px; height: 44px; }
}

@media (max-width: 420px) {
  .page-banner .page-title { font-size: 29px; }
  .headingh1 { font-size: 25px; line-height: 31px; }
  .footer-logo .logo { max-width: 150px; }
}

.flaoting-icon { right: 20px; bottom: 95px; display: flex; flex-direction: column; gap: 10px; }

.flaoting-icon a, .flaoting-icon .up-arrow, .bottom-top .up-arrow { font-size: 20px; line-height: 1; width: 50px !important; min-width: 50px !important; height: 50px !important; min-height: 50px !important; display: grid !important; place-items: center !important; padding: 0px !important; border-radius: 50% !important; }

.bottom-top { right: 20px; bottom: 34px; }

@media (max-width: 767px) {
  .flaoting-icon { right: 12px; bottom: 108px; }
  .bottom-top { right: 12px; bottom: 48px; }
}

@media (max-width: 420px) {
  .flaoting-icon { right: 10px; bottom: 104px; }
  .bottom-top { right: 10px; }
}

:root { --cpac-brand: #78155b; --cpac-brand-dark: #4f0d3c; --cpac-blue: #032e68; --cpac-gold: #f4a51c; --cpac-ink: #151217; --cpac-muted: #5f5964; --cpac-surface: #ffffff; --cpac-soft: #f8f5f8; --cpac-border: rgba(120, 21, 91, .14); --cpac-shadow: 0 18px 44px rgba(33, 18, 38, .10); }

html { scroll-behavior: smooth; }

body { background: var(--cpac-soft); color: var(--cpac-ink); }

::selection { background: rgba(120, 21, 91, 0.18); color: var(--cpac-ink); }

a { color: inherit; }

a:focus-visible, button:focus-visible, .btn:focus-visible, .nav-link:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: rgba(120, 21, 91, 0.28) solid 3px; outline-offset: 3px; }

.btn, .button, button[type="submit"] { border-radius: 999px; }

.btn-primary, button[type="submit"] { box-shadow: rgba(120, 21, 91, 0.18) 0px 12px 28px; background: var(--cpac-brand) !important; }

.btn-primary:hover, .btn-primary:focus, button[type="submit"]:hover, button[type="submit"]:focus { box-shadow: rgba(120, 21, 91, 0.24) 0px 16px 34px; background: var(--cpac-brand-dark) !important; }

.theme-color { color: var(--cpac-brand) !important; }

.sky-color { color: var(--cpac-blue) !important; }

.sub-title span { background: var(--cpac-brand); border-radius: 6px; }

.headingh1, .headingh2, .headingh3 { letter-spacing: 0px; }

.headingh1 { color: var(--cpac-ink); }

.headingh2 { color: var(--cpac-blue); }

.page-banner, .common-contact, .contact2 { background-color: rgb(13, 13, 16); }

.card, .service-box, .result-card, .blog-card, .course-card, .why-card, .faq-item, .accordion-item { box-shadow: rgba(33, 18, 38, 0.08) 0px 12px 34px; border-radius: 8px !important; border-color: var(--cpac-border) !important; }

.card:hover, .service-box:hover, .result-card:hover, .blog-card:hover, .course-card:hover, .why-card:hover { box-shadow: var(--cpac-shadow); }

form .form-group .form-control, .form-control, .form-select { border: 1px solid rgba(120, 21, 91, 0.12) !important; border-radius: 8px !important; background: rgb(255, 255, 255) !important; box-shadow: none !important; }

form .form-group .form-control:focus, .form-control:focus, .form-select:focus { border-color: rgba(120, 21, 91, 0.45) !important; box-shadow: rgba(120, 21, 91, 0.1) 0px 0px 0px 4px !important; }

.accordion-button:not(.collapsed) { color: var(--cpac-brand); background: rgba(120, 21, 91, 0.08); box-shadow: none; }

.accordion-button:focus { border-color: rgba(120, 21, 91, 0.25); box-shadow: rgba(120, 21, 91, 0.1) 0px 0px 0px 4px; }

@media (max-width: 767px) {
  .headingh1, .headingh2 { letter-spacing: 0px; }
  .btn, .btn-primary { min-width: 0px; }
}