/* -------------------------------------------------------- Style Sheet for ciso cybersecurity private limited version: 1.0 date: 26 June 2022 author: Deepak Rawat Powered By: DigiProctor ----------------------------------------------------------*/
 @import url("./theme.css");
 body, html {
     margin: 0;
     padding: 0;
     height: 100%;
     width: 100%;
}
 body {
     background-color: var(--bg-color);
     font-size: 14px;
     color: var(--font-color);
    /*font-family: "Styrene A Regular Regular", Arial, sans-serif !important;
     */
     font-family: "Poppins";
}
 @font-face {
     font-family: "Poppins";
     src: url("poppins-font/Poppins-Regular.eot");
     src: url("poppins-font/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("poppins-font/Poppins-Regular.woff2") format("woff2"), url("poppins-font/Poppins-Regular.woff") format("woff"), url("poppins-font/Poppins-Regular.ttf") format("truetype"), url("poppins-font/Poppins-Regular.svg#Poppins") format("svg");
     font-weight: normal;
     font-style: normal;
}
/* @font-face {
     font-family: "Lato";
     font-style: normal;
     font-weight: 400;
     unicode-range: U+000-5FF;
     src: url("fonts/Lato-Regular.woff") format("woff");
}
 */
/* @font-face {
     font-family: "Styrene A Regular Regular";
     src: url("font/Styrene A Regular Regular.eot");
     src: url("font/Styrene A Regular Regular.eot?#iefix")format("embedded-opentype"), url("font/Styrene A Regular Regular.ttf")format("ttf"), url("font/Styrene A Regular Regular.woff")format("woff"), url("font/Styrene A Regular Regular.ttf")format("truetype"), url("font/Styrene A Regular Regular.svg#Styrene A Regular Regular")format("svg");
}
 */
 .orange--bg{
     background-color: var(--dark-orange-bg);
}
 .gray--bg{
     background-color: var(--dark-gray-bg);
}
 .blue--btn{
     color:#fff;
     background-color: var(--dark-blue);
}
.blue--btn:hover{
     color:#fff;
     background-color: var(--dark-blue);
}
 .h2, h2 {
     font-size: 1.6rem !important;
}
 .orange-dash{
     width: 100%;
     height:3px;
     border-radius: 0px;
     background-color:#D87210;
}
 .accordion-button-active:not(.collapsed) {
     color: #fff !important;
     background-color:#F17E10 !important;
     font-size: 21px;
     box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}
 .accordion-button-inactive{
     color: #fff !important;
     background-color:#F17E10 !important;
     font-size: 21px;
     box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}
 .accordion-button-btn:focus {
     z-index: 3;
     border-color: #86b7fe;
     outline: 0;
     box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 1%) !important;
}
 .orange-dash--second{
     width: 40%;
     height:3px;
     border-radius: 0px;
     background-color:#D87210;
}
 .mt-66{
     margin-top:66px;
}
 .live-human-proctoring-inner-text{
     font-size: 25px;
}
 .live-human-proctoring-text {
     bottom: 170px;
     font-size: 32px;
     left: 125px;
     font-weight: 800;
}
 .effective-assessments-text {
     color: #fff;
     bottom: 125px;
     width: 366px;
     font-size: 46px;
     left: 60px;
     font-weight: 800;
}
 .cookie-notification {
     background-color: #2d363f;
     color: #fff;
     padding: 20px 30px;
     position: fixed;
     bottom: 0;
     border-top: 1px solid #ccc;
     box-shadow: 0px 2px 10px #888888;
}
 .btn-close-cookie-notification {
     background-color: #ee7c33;
     border: none;
     color: white;
     cursor: pointer;
     max-height: 40px;
     position: relative;
}
/*Deepak Rawat 27-0-2022 **/
 .blog-page-banner {
     background: url(https://www.digiproctor.com/home/images/Blog-page-banner.jpg) no-repeat top right;
     background-size: cover;
     min-height: 400px;
     position: relative;
}
 .secondary-bg {
     background-color: var(--secondary-bg-color);
}
 a {
     text-decoration: none;
}
 .drak-blue {
     color: var(--dark-blue);
}
 .dash-line {
     width: 80px;
     height: 4px;
     background: #d9710f;
}
 .theme-bg {
     background-color: var(--primary-bg-color);
}
 .demo-btn {
     background-color: #18375d;
     color: var(--white);
     border-radius: 20px;
}
 .demo-btn:hover {
     color: var(--white);
}
 .demo-btn-down {
     border-radius: 20px;
     background-color: var(--primary-color);
     color: var(--white);
     border-color: var(--primary-color);
}
 .demo-btn-down:hover {
     color: #fff;
}
 .bg-drak-blue {
     background-color: var(--deak-blue-bg);
}
 .bg-drak-green {
     background-color: var(--drak-green-bg);
}
 .orange-text {
     color: #ed7d31;
}
 .digitalization-text {
     position: relative;
     background: url(https://www.digiproctor.com/home/images/digitalization-banner.jpg) no-repeat top right;
     background-size: cover;
     min-height: 500px;
}
 .support-bg {
     background-color: #1d5b89;
}
 .choose-country-inactive {
     background-color: #cde6f6;
     border: 0px;
     text-align: left;
}
 .choose-country-active {
     background-color: #1d5b89;
     border: 0px;
     color: #fff;
     text-align: left;
}
 .choose-country-active:hover {
     color: #fff;
}
 .flag-bg {
     background-color: #f8fafe;
}
 .technical-support-footer span {
     font-size: 11px;
}
 .technical-support-footer small {
     font-size: 11px;
}
 .bg-primary-theam {
     background-color: #dc742a;
}
 .landing-page-bg {
     background: url(https://assets.digiproctor.org/digiproctor/assets/home/img/mailer-dg.webp) no-repeat top right;
     min-height: 387px;
     background-repeat: no-repeat;
     background-size: contain;
}
 .schedule-demo-conatiner {
     background-color: #2a5f85;
}
 .primary-large {
     background-color: #dd722a;
     background-image: none;
     border-radius: 10px;
     color: #ffffff;
     font-weight: bold;
     padding: 13px 48px;
}
 .schedule-demo-bottom {
     background-color: #c0c0c0;
}
 .schedule-demo-bottom-inner {
     background-color: #f4f4f4;
}
 .schedule-outcomes-container {
     background-color: #fafafa;
}
 .footer-gray {
     background-color: #eeeeee;
}
 .twitter-link {
     background-color: #55acee;
     padding: 5px 10px;
     color: #fff;
}
 .instagram-link {
     background-color: #c32aa3;
     padding: 5px 10px;
     color: #fff;
}
 .linkedin-link {
     background-color: #0077b5;
     padding: 5px 10px;
     color: #fff;
}
 .facebook-link {
     background-color: #3b5998;
     padding: 5px 10px;
     color: #fff;
}
 .attachment-link {
     background-color: #2096f3;
     padding: 5px 10px;
     color: #fff;
}
 .twitter-link:hover {
     background-color: #55acee;
     padding: 5px 10px;
     color: #fff;
}
 .instagram-link:hover {
     background-color: #c32aa3;
     padding: 5px 10px;
     color: #fff;
}
 .linkedin-link:hover {
     background-color: #0077b5;
     padding: 5px 10px;
     color: #fff;
}
 .facebook-link:hover {
     background-color: #3b5998;
     padding: 5px 10px;
     color: #fff;
}
 .attachment-link:hover {
     background-color: #2096f3;
     padding: 5px 10px;
     color: #fff;
}
 .black-text {
     color: #000;
}
 .drak-blue-bg {
     background-color: #00457c;
     color: #fff;
}
 .book-demo {
     background-color: #fff;
     color: #00457c;
     border-radius: 20px;
}
 .ribbon-header-second {
     text-align: center;
     background-color: #2d363f;
     color: var(--white);
}
 .ribbon-header-second-bottom {
     text-align: center;
     background-color: #242b33;
     color: var(--white);
}
/* .bg-light{
     background-color:var(--bg-light) !important;
}
/* 
/* Suraj Bisht 27/07/2022 */
 .main-wrapper {
     padding-top: 0px;
}
/* Top Navigation css */
 .header-bg {
     background-color: var(--header-bg);
     z-index:99999;
    /*background-color: transparent;
     */
}
 .navbar-brand > img {
     max-width: 200px;
}
 .navbar-nav li a {
     color: var(--font-color);
}
 .navbar-nav li a:hover {
     color: var(--link-color);
}
 .navbar-collapse .nav-item > .nav-link {
     padding: 0.5rem 1rem;
}
 .navbar-collapse .nav-item.primary-color {
     margin-left: 10px;
}
 .navbar-collapse .nav-item > .nav-link.active {
     color: var(--link-color);
}
 .navbar-nav .nav-item .dropdown-menu {
     padding: 0;
     border: 0;
}
 .navbar-nav .nav-item .dropdown-menu .dropdown-item {
     color: var(--white);
     font-size: 13px;
     padding: 6px 14px 7px 7px;
     transition: all 0.3s;
}
 .navbar-nav .nav-item .dropdown-menu > li:not(:last-child) .dropdown-item {
     border-bottom: 1px solid var(--border-color);
}
 .navbar-nav .nav-item.dark-blue .dropdown-menu .dropdown-item {
     background-color: var(--dark-blue);
     transition: all 0.3s;
}
 .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
     opacity: 0.8;
}
 .nav-link-image {
     display: inline-flex;
     align-items: center;
}
 .nav-link-image > img {
     margin-right: 4px;
}
 .navbar-nav .nav-item.primary-color .dropdown-menu .dropdown-item {
     background-color: var(--primary-color);
     transition: all 0.3s;
}
 .question-table-container{
     border: 1px solid #ededed;
}
 .question-number-list {
     color: #f27e11;
     font-size: 18px;
}
 .question-table-container p{
     margin-bottom: 5px;
     font-weight: 400;
    /*font-family: sans-serif;
    */
     font-family: Poppins;
     font-size: 14px;
}
 .contact-details-conatiner p{
     font-size:13px;
     margin-bottom:0px;
}
 .contact-details-conatiner small{
     font-size:12px;
}
 .technical-support-footer-number {
     color: #1d5b89;
     font-weight: 600;
}
 .bg--contact{
     background-color: #eff3fc;
}
/* Buttons */
 .btn-primary {
     background-color: var(--primary-color);
     color: var(--white);
     border-color: var(--primary-color);
}
 .btn-primary:hover {
     background-color: var(--primary-color);
     opacity: 0.8;
     border-color: var(--primary-color);
}
 .btn-primary:focus {
     background-color: var(--primary-color);
     box-shadow: none;
     border-color: var(--primary-color);
}
 .btn-primary:active:focus {
     box-shadow: none;
}
 .btn-white {
     background-color: var(--white);
     color: var(--font-color);
     border-color: var(--white);
     transition: all 0.3s;
}
 .btn-white:hover {
     background-color: var(--primary-color);
     opacity: 0.8;
     border-color: var(--primary-color);
     color: var(--white);
}
 .btn-white:focus {
     background-color: var(--primary-color);
     box-shadow: none;
     border-color: var(--primary-color);
     color: var(--white);
}
 .btn-white:active:focus {
     box-shadow: none;
}
 .btn-secondary {
     background-color: var(--secondary-color);
     color: var(--white);
     border-color: var(--secondary-color);
}
 .btn-secondary:hover {
     background-color: var(--secondary-color);
     opacity: 0.8;
     border-color: var(--secondary-color);
}
 .btn-secondary:focus {
     background-color: var(--secondary-color);
     box-shadow: none;
     border-color: var(--secondary-color);
}
 .btn-secondary:active:focus {
     box-shadow: none;
}
 .btn-grey {
     background-color: var(--light-grey);
     color: var(--primary-color);
     border-color: var(--light-grey);
}
 .btn-grey:hover {
     background-color: var(--light-grey);
     opacity: 0.8;
     border-color: var(--light-grey);
}
 .btn-grey:focus {
     background-color: var(--light-grey);
     box-shadow: none;
     border-color: var(--light-grey);
}
 .btn-grey:active:focus {
     box-shadow: none;
}
 .home-banner-txt {
     bottom: 10%;
     left: 84px;
     font-size: 28px;
     color: #fff;
}
 .heading-text {
     color: #1e5b88;
     font-size: 24px;
     font-weight: 600;
}
/* Footer */
 footer.footer {
    /*background-color: var(--footer-bg);
     */
     background: linear-gradient(to right bottom, #026be1, #13add5);
     padding: 1rem 0;
     color: var(--white);
}
 footer h4 {
     font-size: 16px;
     color: #ffffffa3 !important;
     margin-bottom: 10px;
}
 footer h4:hover{
     font-size: 16px;
     color: var(--white);
     margin-bottom: 10px;
}
 footer h6 {
     font-size: 16px;
     color: #ffffffa3 !important;
     margin-bottom: 10px;
}
 footer h6:hover{
     font-size: 16px;
     color: var(--white) !important;
     margin-bottom: 10px;
}
 footer samll{
     color: #ffffffa3 !important;
}
 footer small:hover{
     color: var(--white) !important;
}
 footer a {
     font-size: 13px;
    /* color: var(--footer-anchor-color);
     */
     color: #ffffffa3 !important;
    /*text-decoration: underline;
     */
    /* white-space: nowrap;
     */
}
 .yellow-text{
     color: #ffb501 !important;
}
 footer a:hover {
     opacity: 1;
    /*color: var(--footer-anchor-color);
     */
     color:#fff !important;
}
 .footer-bottom-fixed {
     background-color: #22262f;
}
 .sm-icon {
     max-width: 37px;
}
 .copyright-text {
     color: var(--footer-anchor-color);
     font-size: 12.8px;
}
/* Main page */
 .home-event-container {
     background-color: var(--footer-bg);
     padding: 2rem 0;
}
 .home-event-text {
     color: #fff;
     font-size: 1rem;
}
 .home-event-image img.d-lg-block {
     width: 200px;
}
 .home-event-text a {
     color: var(--primary-color);
}
 .home-trusted-cust-container {
     background-color: var(--white);
     padding: 2rem 0;
}
 .home-trusted-cust-container h4, .home-cust-feedback h4 {
     font-size: 1.6rem;
     color: var(--font-color);
     margin-top: 0;
     margin-bottom: 2rem;
     text-align: center;
}
 .home-customer-name {
     font-size: 13px;
     text-align: center;
     margin-top: 8px;
}
 .home-cust-feedback {
     padding: 2rem 0;
     background-color: var(--light-blue);
     position: relative;
}
 .home-cust-feedback::after {
     border-right: solid 30px transparent;
     border-left: solid 30px transparent;
     border-bottom: solid 30px var(--light-blue);
     transform: translateX(-50%);
     position: absolute;
     content: "";
     bottom: 100%;
     left: 50%;
     height: 0;
     width: 0;
}
 .feedback-card {
     position: relative;
     display: flex;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: var(--white);
     background-clip: border-box;
     border: 1px solid var(--border-color);
     border-radius: 0.25rem;
     padding: 1.25rem;
     height: 100%;
}
 .feedback-card .width-50 {
     max-width: 50%;
}
 .double-quotes-icon {
     width: 15px;
     margin-bottom: 1rem;
}
 .feedback-card h5 {
     font-size: 1.25rem;
}
 .feedback-card p {
     font-size: 0.8rem;
     margin-bottom: 0;
}
 .home-digitalization-container {
     background-color: var(--white);
     padding: 3rem 0 1rem 0;
}
 .home-digitalization-container h4 {
     color: var(--font-color);
     font-size: 1.2rem;
     font-weight: 600;
     margin-bottom: 0;
}
 h2.banner-text {
     color: var(--font-color);
     text-align: center;
     margin-top: 3rem;
     border-bottom: 1px solid var(--border-color);
     padding-bottom: 1.5rem;
     font-size: 1.7rem;
}
 h2.banner-text .color-digi {
     color: var(--secondary-color);
     font-weight: 600;
}
 h2.banner-text .color-proctor {
     color: var(--primary-color);
     font-weight: 600;
}
 .home-digiproctor-process, .home-testphase-container, .home-digiproctor-blue {
     padding: 2rem 0;
     background-color: var(--light-blue);
}
 .digiproctor-process-card {
     background-color: var(--white);
     border-radius: 4px;
     border: 1px solid var(--border-color);
     border-top-color: var(--secondary-color);
     border-top-width: 10px;
     padding: 1rem;
     display: flex;
     flex-direction: column;
     height: 100%;
}
 .testphase-para {
     font-size: 1rem;
     margin-top: 3rem;
}
 .home-digiproctor {
     padding: 2rem 0;
     background-color: var(--white);
}
 .border-right {
     border-right: 1px solid var(--border-color);
}
 .home-digiproctor-card {
     padding: 1rem;
     height: 100%;
}
 .home-digiproctor-card h5 {
     color: var(--secondary-color);
     font-weight: 600;
}
 .home-digiproctor-card img {
     max-width: 50%;
}
 .no-border {
     border: 0 !important;
}
 .home-digiproctor-orange {
     padding: 2rem 0;
     background-color: var(--primary-color);
     color: var(--white);
}
 .home-digiproctor-bg {
     padding: 2rem 0;
     background: url("https://www.digiproctor.com/home/images/paper.jpg") no-repeat top right;
     background-size: cover;
     color: var(--black);
}
 .home-header-text {
     position: relative;
     text-align: center;
     color: var(--dark-grey);
     padding-bottom: 10px;
     margin-bottom: 2rem;
}
 .home-header-text::after {
     content: "";
     position: absolute;
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
     height: 5px;
     background-color: var(--primary-color);
     width: 150px;
}
 .home-alert-container {
     background-color: var(--light-green);
     padding: 1rem;
     border-radius: 4px;
}
 .flex-1 {
     flex: 1;
}
 .text-dark {
     color: var(--dark-grey) !important;
}
 .carousel-control-next {
     justify-content: flex-end;
}
 .carousel-control-prev {
     justify-content: flex-start;
}
 .testimonial-logo {
     width: 150px;
}
 .home-customer-container {
     height: 250px;
     overflow-y: auto;
     overflow-x: hidden;
     padding: 0 1rem;
}
 .home-customer-container::-webkit-scrollbar {
     width: 0.5em;
}
 .home-customer-container::-webkit-scrollbar-track {
     background-color: var(--white);
}
 .home-customer-container::-webkit-scrollbar-thumb {
     background-color: var(--primary-color);
}
 .home-customer-container p {
     font-size: 11px;
}
 .home-customer-container > .row > div {
     margin-bottom: 1rem;
}
 #blogCarousel .carousel-item {
     padding: 0 70px;
}
 .awards small {
     font-size: 0.5rem;
}
 .youtube-video-place {
     height: 300px;
     position: relative;
}
 .youtube-video-place > iframe {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: 0;
}
 .youtube-video-place > img {
     height: 100%;
}
/* .first-row{
     min-height: 155px;
}
 */
/* #academia-conatiner .font-small{
     min-height: 55px;
}
 #corporate-conatiner .font-small{
     min-height: 55px;
}
 */
 .dark-gary-bg{
     background-color:#DADADA;
}
 .dark-gary-light{
     background-color:#E4E4E4;
}
 @media (max-width: 991px) {
     .home-digiproctor-blue h4 {
         font-size: calc(1.075rem + 0.3vw);
    }
}
 @media (max-width: 767px) {
     .slider-container .slick-prev:before, .slick-next:before {
         font-size: 16px !important;
    }
     .slider-container .slick-prev, .slick-next {
         width: 40px !important;
         height: 40px !important;
    }
     .card-outter-container{
         margin-bottom: 80px !important;
    }
     #academicSection .card-img-top {
         width: 20%;
         top: -36px;
    }
     #corporateSection .card-img-top {
         width: 20%;
         top: -36px;
    }
     .navbar-brand > img {
         max-width: 155px;
    }
     .mt-remove{
         margin-top: 0rem !important;
    }
     .mb-remove{
         margin-bottom: 0rem !important;
    }
     .first-row{
         min-height: auto;
    }
    /*.navbar-brand > img {
         max-width: 100%;
    }
     */
     .digiproctor-process-card {
         flex-direction: row;
         align-items: center;
    }
     .digiproctor-process-card > img {
         margin-right: 10px;
    }
     .home-customer-container {
         height: auto;
    }
}
 @media (max-width: 576px) {
     #academicSection .card-img-top {
         width: 30%;
         top: -36px;
    }
     #corporateSection .card-img-top {
         width: 30%;
         top: -36px;
    }
     .home-digitalization-container h4 {
         font-size: 0.8rem;
    }
     .home-digitalization-container h5, .home-digitalization-banner h2 {
         font-size: 1rem;
    }
     .home-digiproctor h4 {
         font-size: 0.8rem;
    }
     .carousel-control-next img, .carousel-control-prev img {
         width: 40px;
    }
     .carousel-item {
         padding: 0 5px;
    }
     .testimonial-logo {
         width: 100px;
    }
     .home-trusted-cust-container h4, .home-cust-feedback h4 {
         font-size: 1.3rem;
         margin-bottom: 1rem;
    }
     .feedback-card h5 {
         font-size: 1rem;
    }
     .home-digiproctor-process h5 {
         font-size: 1.1rem;
    }
     h2.banner-text {
         margin-top: 0;
         font-size: 1.3rem;
    }
     .home-digiproctor h5, .home-digiproctor-orange h4, .home-digiproctor-bg h4 {
         font-size: 1.1rem;
         line-height: 1.3;
    }
     .home-digiproctor-bg h5 {
         font-size: 1rem;
    }
     .home-header-text {
         font-size: 1.3rem;
    }
     .home-alert-container img {
         width: 65px;
    }
     .awards h6 {
         font-size: 0.8rem;
    }
     .qb-process img {
         width: 100px;
    }
}
 .balign {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     color: #fff;
     padding-top: 6rem;
}
 @media screen and (min-device-width: 640px) and (max-device-width:760px) {
     .explink {
         margin-left:40px;
         width:120px;
         margin-top:35px;
    }
}
 @media screen and (min-device-width: 717px) {
     .explink {
         width:120px;
         margin-top:60px;
    }
}
 @media screen and (min-width:800px) and (max-width:915px) {
     .explink {
         padding-top:35px;
         width:140px;
    }
}
 @media screen and (min-width:917px) and (max-width:1170px){
     .explink {
         padding-top:60px;
         width:150px;
    }
}
 @media screen and (min-width:1180px)and (max-width: 1290px){
     .explink {
         padding-top:110px;
         width:170px;
    }
}
 @media (min-width: 1281px) {
     .explink {
         padding-top:150px;
         width:170px;
    }
}
/* End CSS */
 body {
     background-color: var(--white);
}
 .corporate-header {
     border-bottom: 4px solid var(--primary-color);
}
 .main-heading {
     margin-top: 3rem;
     margin-bottom: 3rem;
     color: var(--black);
     font-size: 2.5rem;
     font-weight: 800;
     text-align: center;
     text-transform: uppercase;
}
 .bg-light {
     background-color: var(--off-white);
}
 .digiproctor-quotes {
     padding: 2rem;
     display: flex;
     flex-direction: column;
}
 .quotes-icon {
     width: 50px;
}
 .digiproctor-quotes > p {
    /* font-size: 1.5rem;
     */
     font-weight: 200;
     color: var(--font-color);
     margin-top: 1rem;
     margin-top: 1.5rem;
}
 .quotes-teller {
     display: flex;
}
 .quotes-teller > img {
     width: 100px;
     height: 100px;
     margin-right: 1rem;
}
 .quotes-teller-name {
     padding-top: 10px;
}
 .corporate-form-wrapper {
     background-color: var(--light-grey-2);
}
 .captcha-input{
     line-height: 1rem;
     height: 2.2rem;
     border-radius: 0px;
}
 .corporate-form-header {
     background-color: var(--primary-color);
    /* padding: 1rem;
     */
     padding: 0.3rem;
     text-align: center;
     color: var(--white);
     font-size: 1.2rem;
     text-transform: uppercase;
     position: relative;
}
 .corporate-form-header::after {
     content: "";
     position: absolute;
     width: 0;
     height: 0;
     border-left: 22px solid transparent;
     border-right: 22px solid transparent;
     border-top: 30px solid var(--primary-color);
    /* top: 98%;
     */
     top: 61%;
     left: 1rem;
}
 .corporate-form-wrapper form {
     padding: 2.5rem 1.5rem 1.5rem;
}
 .corporate-form-wrapper form label {
     color: var(--black);
     font-size: 1.3rem;
}
 .btn-secondary {
     background-color: var(--corp-secondary-color);
     color: var(--white);
     border-color: var(--corp-secondary-color);
}
 .btn-secondary:hover {
     background-color: var(--corp-secondary-color);
     opacity: 0.8;
     border-color: var(--corp-secondary-color);
}
 .btn-secondary:focus {
     background-color: var(--corp-secondary-color);
     box-shadow: none;
     border-color: var(--corp-secondary-color);
}
 .btn-secondary:active:focus {
     box-shadow: none;
}
 .corporate-form-wrapper .btn-secondary {
     width: 100%;
     border-radius: 10px;
     height: 44px;
     font-size: 1.2rem;
     padding-top: 8px;
}
 .sub-heading {
     text-transform: capitalize;
     color: var(--black);
     font-weight: 900;
}
 .sub-heading + p {
     font-size: 1.3rem;
}
 .digital-benefits-wrapper {
     display: flex;
     align-items: flex-start;
     padding:0px 10px;
}
 .digital-benefits-wrapper > img {
     width: 100px;
     margin-right: 1rem;
}
 .digital-benefits-inner {
     padding-top: 1.2rem;
     color: var(--white);
}
 .digital-benefits-inner h4 {
     color: var(--white);
     font-weight: 800;
}
 .ribbon-header {
     text-align: center;
     padding: 1rem;
     background-color: var(--corp-secondary-color);
     color: var(--white);
     text-transform: uppercase;
     font-size: 2.2rem;
}
 .bg-grey {
     background-color: var(--off-white);
}
 .subtitle {
     text-align: center;
     text-transform: uppercase;
     color: var(--black);
     font-size: 1.8rem;
     font-weight: 600;
     margin-bottom: 2.5rem;
}
 .digiproctor-feature, .digiproctor-categories {
     display: flex;
     flex-direction: column;
     align-items: center;
     margin-bottom: 1rem;
}
 .feature-heading {
     font-size: 1.5rem;
     color: var(--black);
     margin-top: 1rem;
     margin-bottom: 1rem;
     font-weight: 900;
     text-align: center;
}
 .digiproctor-feature > p {
     color: var(--black);
     font-size: 1rem;
     text-align: center;
}
 .digiproctor-feature > img {
     width: 150px;
}
 .plain-header {
     text-align: center;
     padding: 1rem;
     color: var(--black);
     text-transform: uppercase;
     font-size: 2.2rem;
     font-weight: 900;
}
 .digiproctor-categories > img {
     width: 100%;
}
 .digiproctor-categories .feature-heading {
     text-align: left;
     width: 100%;
     margin-bottom: 0.5rem;
     line-height: 1.2;
}
 .digiproctor-categories p {
     text-align: left;
}
 .c-digiproctor-testimonial {
     background-image: url("../img/corporate/testimonial.jpg");
     background-repeat: no-repeat;
     background-size: cover;
     margin-top: 1.5rem;
     display: flex;
     flex-direction: column;
     align-items: flex-end;
     padding: 1rem 1.5rem;
}
 .c-digiproctor-testimonial > div {
     max-width: 50%;
}
 .c-digiproctor-testimonial h4 {
     font-size: 1.5rem;
     color: var(--white);
     margin-top: 1rem;
     margin-bottom: 1rem;
}
 .c-digiproctor-testimonial p {
     font-size: 12px;
     color: var(--white);
}
 .c-digiproctor-testimonial p > span {
     color: #259ce0;
     font-size: 1rem;
     display: block;
     font-weight: bold;
}
 .test-quotation {
     width: 100px;
}
 .c-digiproctor-about {
     font-size: 1.2rem;
     color: var(--black);
}
 .individual-heading {
     font-size: 2.2rem;
     text-transform: none;
}
 footer.corporate-footer {
     background-color: var(--white);
     padding: 1rem 0;
     color: var(--black);
}
 .footer-heading {
     display: flex;
     color: var(--black);
     font-size: 1.2rem;
}
 .footer-heading > img {
     width: 25px;
     margin-right: 1rem;
}
 footer.corporate-footer h5 {
     font-size: 1rem;
     font-weight: 700;
     margin-bottom: 0;
}
 .dp-address {
     font-size: 12px;
}
 .corporate-footer a {
     font-size: 1rem;
}
 .form-container{
     margin-bottom: -48px;
     position: relative;
     border-radius:15px;
     border:2px solid #1A5F86;
}
 .form-container-lp{
     position: relative;
     border-radius:5px;
     border:2px solid #D5D5D5;
}
 .form-container-right{
     border-right: 2px solid #ddd;
}
 .input-type {
     border: none;
    /* padding-left: 40px;
     */
     padding-left:10px;
     outline: none;
     border-radius: 0px;
     font-size: 14px;
     color: #7f8c8d;
     border: 1px solid #ddd;
     transition: all 0.5s ease-in-out;
     font-weight: 100;
}
/* .input-icon-email {
     background: #fff url(https://assets.digiproctor.org/digiproctor/assets/home/img/email.svg);
     position: absolute;
     width: 21px;
     height: 20px;
     background-size: cover;
     top: 50%;
     margin-top: -10px;
     left: 10px;
     transition: all 0.5s ease-in-out;
}
 .input-icon-name {
     background: #fff url(https://assets.digiproctor.org/digiproctor/assets/home/img/name.svg);
     position: absolute;
     width: 21px;
     height: 20px;
     background-size: cover;
     top: 50%;
     margin-top: -10px;
     left: 10px;
     transition: all 0.5s ease-in-out;
}
 .input-icon-phone {
     background: #fff url(https://assets.digiproctor.org/digiproctor/assets/home/img/phone.svg);
     position: absolute;
     width: 21px;
     height: 20px;
     background-size: cover;
     top: 50%;
     margin-top: -10px;
     left: 10px;
     transition: all 0.5s ease-in-out;
}
 .input-icon-role {
     background: #fff url(https://assets.digiproctor.org/digiproctor/assets/home/img/role.svg);
     position: absolute;
     width: 21px;
     height: 20px;
     background-size: cover;
     top: 50%;
     margin-top: -10px;
     left: 10px;
     transition: all 0.5s ease-in-out;
}
 .input-icon-company {
     background: #fff url(https://assets.digiproctor.org/digiproctor/assets/home/img/company.svg);
     position: absolute;
     width: 21px;
     height: 20px;
     background-size: cover;
     top: 50%;
     margin-top: -10px;
     left: 10px;
     transition: all 0.5s ease-in-out;
}
 */
 .input-type:focus {
     border-color: #F17E10;
     box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 1%);
}
/* Home Banner 15/09/2022 */
 .question:not(.active) {
     display: none;
}
 .question-corporate:not(.active) {
     display: none;
}
 .read-more-radius{
     background-color: #f17e10;
     color: #ffffff;
     border-radius: 5px !important;
}
 .read-more-radius:hover{
     background-color: #f17e10;
     color: #ffffff;
     border-radius: 5px !important;
}
 .font-size-08{
     font-size: 0.8rem;
}
 .straight-line{
     border: 1px solid #F8C18D;
     height: 2px;
     margin-top: 20px;
     width: 100%;
}
 .step-rounded{
     padding: 10px 25px;
     background-color: #fff;
     border-radius: 21px;
     border-color: #F8C18D;
     border: 1px solid #F8C18D;
     font-size: 1.4rem;
     font-weight: 600;
}
 .secondary-bg-gray{
     background-color:#F6F6F6;
}
 .carousel-height{
     min-height: 320px;
}
 .testimonial-border{
     border-right: 1px solid #ddd;
}
 .active-client-btn{
     background-color:#ED7D31;
     color:#fff ;
     border-color:#DEDDDC !important;
     padding: 3px 20px;
}
 .blue-rounded-btn{
     background-color: #215E8A;
     color:#fff;
     border-radius:20px;
     outline:none;
     font-size: 17px;
     font-weight: 600;
}
 .carousel-control-prev{
     margin-left: -15px;
}
 .carousel-control-next{
     margin-right: -15px;
}
 .blue-rounded-btn:hover{
     background-color: #215E8A;
     color:#fff;
     border-radius:20px;
     outline:none;
}
 .inactive-client-btn{
     color:#ED7D31;
     border-color:#DEDDDC !important;
     background-color:#fff;
     padding: 3px 20px;
}
 .active-dot{
     height: 12px;
     width: 12px;
     background-color:#EF7D33;
     border-radius: 50%;
     display: inline-block;
}
 .inactive-dot{
     height: 12px;
     width: 12px;
     background-color:#BABABA;
     border-radius: 50%;
     display: inline-block;
}
/* .drak-blue{
     background-color: #215B8B;
}
 */
 .drak-blue-bg{
     background-color: #215B8B;
}
 .primary-txt{
     color: #ef8941;
}
 .forward-learning-solutions {
     border-top: 8px solid #EC7C31 !important;
     border-radius: 0px !important;
     background-color: #F3F3F3;
}
 .forward-learning-solutions h6{
     color:#000;
}
 .certified-left-border{
     border-left: 2px solid #66666652;
}
 .founder-text{
     font-size:0.7rem;
}
 .line-height-normal{
     line-height: normal;
}
 .home--banner {
     position: relative;
}
 .banner---text {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     color: #fff;
     padding-top: 3rem;
}
 .banner-big--text {
     font-size: 2.4rem;
     text-transform: uppercase;
     font-weight: 800;
     margin-bottom: 0rem;
     line-height: normal;
}
 .banner-small--text {
     font-size: 22px;
     margin-top: 4rem;
}
 .testimonial-img{
     background-color:#E4E4E4;
}
 .common-read-more{
     background-color:#ED7D31 ;
     border-radius: 20px;
     color: #fff;
}
 .font-small{
     font-size:0.7rem;
}
 .top-header-video-impossible{
     color: #fff !important;
     bottom: -26px;
}
 .orange-bg{
     background-color: #f27e11;
}
 .upload-banner-img-inner{
     background: url(../img/paper.webp) no-repeat top right;
     background-size: cover;
}
 .play-video-contaioners{
     opacity: 0.3;
     display: block;
     cursor: pointer;
     text-align: center;
     bottom: 40%;
}
 .play-video-contaioners:hover{
     opacity: 1;
}
 .footer-dash {
     width: 100px;
     height: 4px;
     background: #d9710f;
     text-align: center;
     margin-bottom: 20px;
     margin-left: auto;
     margin-right: auto;
}
 .font-size-14 li{
     font-size: 14px;
}
 .light-gar---bg{
     background-color:#F6F6F6;
}
 .remove-h5{
     font-size: 1.25rem;
}
 .remove-h6{
     font-size: 1rem;
}
 .balign {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     color: #fff;
     padding-top: 6rem;
}
.background-blue-card{
    background-color: #035eb8 !important;
    color: #fff;
}
 @media (max-width: 1281px) {
    /* .banner---text {
         padding-top: 6rem;
    }
     */
     .banner---text {
         padding-top: 2rem;
    }
     .banner-small--text {
         font-size: 20px;
         margin-bottom: 2rem !important;
    }
}
 @media (max-width: 992px) {
     .banner-big--text {
         font-size: 2rem;
    }
     .banner---text {
         padding-top: 3rem;
    }
     .banner-award-img {
         width: 200px;
    }
     .banner-small--text {
         font-size: 8px;
         margin-bottom:3px !important;
    }
}
 @media (min-width: 992px) {
     .inner-wrapper {
         padding: 0 100px;
    }
}
 @media (max-width: 768px) {
    .common-background-section {
        height: auto; /* Let content define the height on smaller screens */
        padding: 20px; /* Add padding to the container for smaller devices */
    }

    .banner-custom-text {
               text-align: left;
        padding: 0;
    }
    .banner-custom-text h2{
               font-size: 0.9rem !important;
    }
    .banner-custom-text h3{
               font-size: 0.9rem !important;
    }
    .banner-image {
        display: flex;
        justify-content: center;
        padding: 0;
    }

    .banner-image img {
        width: 70% !important; /* Scale the image for smaller screens */
    }
     
     .authentication-step-section {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Each step should be centered and stacked in column view */
.step-direction {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Image styling for responsiveness */
.authentication-process-img {
    width: 120px; /* Adjust size of the circular images */
    height: auto;
    margin-bottom: 10px;
}

/* Text styling for step descriptions */
.step-text-direction {
    font-size: 16px;
    color: #333;
    text-align: center;
    max-width: 150px;
    line-height: 1.5;
}

/* Arrow container for desktop view only */
.arrow-container-direction {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; /* Full height for proper centering */
}

.custom-arrow-direction {
    width: 40px; /* Adjust arrow size */
    height: auto;
}
     .nav-pills-container {
         display: flex;
         justify-content: space-around;
         flex-direction: row;
    }
     .nav-item-container {
         flex: 1;
         text-align: center;
    }
     .vertical-line{
         display: none;
    }
     .testimonial-border{
         border-right: 0px solid #ddd;
    }
     .mobile-font-reduce p{
         font-size: 0.8rem;
    }
     .open-video-play{
         width: 34px;
    }
     .font-mobile{
         font-size:1rem;
    }
     .top-header-video-impossible{
         position: initial !important;
    }
     .c-digiproctor-testimonial > div {
         max-width: 100%;
    }
     .banner-small--text {
         margin-top: 2.5rem;
    }
     .font-small {
         font-size: 0.4rem;
    }
     .digital-benefits-wrapper{
         text-align: center;
         display: inline-block;
         padding:0px 0px;
    }
     .step-rounded {
         padding: 6px 18px;
         background-color: #fff;
         border-radius: 21px;
         border-color: #F8C18D;
         border: 1px solid #F8C18D;
         font-size: 1rem;
         font-weight: 600;
    }
}
 @media (max-width: 576px) {
     .ribbon-header {
         font-size: 1rem;
    }
     .plain-header {
         font-size: 1.5rem;
    }
     .subtitle {
         font-size: 1.2rem;
         margin-bottom: 1.5rem;
    }
     .main-heading {
         margin-top: 1.5rem;
         margin-bottom: 1.5rem;
         font-size: 1.4rem;
    }
    /* .banner---text {
         padding-top: 1rem;
    }
     */
     .banner---text {
         padding-top: 0.6rem;
    }
     .banner-big--text {
         font-size: 0.7rem;
         margin-bottom: 0.4rem;
    }
    /* .banner-small--text {
         display: none;
    }
     */
     .banner-award-img {
         width: 150px;
    }
}
 @media (max-width: 380px) {
     .banner-big--text {
         font-size: 0.8rem;
         margin-bottom: 0.4rem;
    }
     .banner-award-img {
         width: 120px;
    }
}
 @media screen and (min-device-width: 640px) and (max-device-width:760px) {
     .explink{
         margin-left:40px;
         width:120px;
         margin-top:35px;
    }
}
 @media screen and (min-device-width: 717px) {
     .explink{
         width:120px;
         margin-top:60px;
    }
}
 @media screen and (min-width:800px) and (max-width:915px) {
     .explink{
         padding-top:35px;
         width:140px;
    }
}
 @media (max-width: 1024px) {
     .live-human-proctoring-text {
         color: #222222;
         bottom: 23px;
         font-size: 11px;
         left: 22px;
         font-weight: 800;
    }
     .live-human-proctoring-inner--text{
         font-size: 11px;
    }
     .live-human-proctoring-inner-text{
         font-size: 11px;
    }
     .effective-assessments-text {
         bottom: 66px;
         font-size: 13px;
         width: 201px;
         left: 18px;
    }
}
 @media screen and (min-width:917px) and (max-width:1170px){
     .explink{
         padding-top:60px;
         width:150px;
    }
}
 @media screen and (min-width:1180px)and (max-width: 1290px){
     .explink{
         padding-top:110px;
         width:170px;
    }
}
 @media (min-width: 1281px) {
     .explink{
         padding-top:150px;
         width:170px;
    }
}
/**************New Css Start *********/
 .header-wrapper-onScroll {
     margin-bottom: 0px;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     -ms-border-radius: 0px;
     border-radius: 0px;
     z-index: 9999999;
     position: fixed;
     color:#000 !important;
     background: linear-gradient(to right bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.3));
     backdrop-filter: blur(0.7rem);
     box-shadow: 0 8px 6px -6px #00000042;
}
 .header-wrapper-onScroll .navbar-toggler .icon-bar {
     background-color: #333;
}
 .light-black-text{
     color: #666;
}
 .header-wrapper-onScroll .navbar-collapse .nav-item > .nav-link.active {
     color:#666 !important;
}
 .header-wrapper-onScroll .navbar-collapse .nav-item > .nav-link{
     color:#666 !important;
}
 .header-bg {
     background:transparent;
     color:#fff;
}
 .header-bg .navbar-collapse .nav-item > .nav-link.active {
     color:#fff;
}
 .header-bg .navbar-collapse .nav-item > .nav-link{
     color:#fff;
}
/* Hoverable Dropdown */
 .nav-item.dropdown:hover .dropdown-menu {
	display: block;
	border: 1px solid #6666;
}
 .nav-item.dropdown .dropdown-toggle::after {
     margin-left: 0.255em;
}
 .nav-item.dropdown:hover .nav-link {
     color: #0056b3;
    /* Change this to your desired hover color */
}
 .nav-item.dropdown:hover .nav-link::after {
     transform: rotate(180deg);
}
 .navbar-nav .nav-item.dark-blue .dropdown-menu .dropdown-item {
     background-color: #fff;
     transition: all 0.3s;
     color: #666;
}
 .navbar-nav .nav-item.dark-blue .dropdown-menu .dropdown-item:hover {
     background: linear-gradient(to right bottom, #026be1, #13add5);
     transition: all 0.3s;
     color: #fff;
}
 .expanded-bg {
     background-color: white !important;
}
 .nav-link-expanded {
     color: #666 !important;
}
/* Make the navbar-toggler button background color white */
 .navbar-toggler {
     background-color: transparent;
     border: none;
    /* Optional: Remove border if you don't want it */
}
 .collapsing {
     transition: none !important;
     height: auto !important;
}
 .sticky-titles {
     position: -webkit-sticky;
     position: sticky;
     top: 90px;
     align-self: flex-start;
}
 .reveal {
     position: relative;
     opacity: 0;
     transition: 1s all ease;
}
 .reveal.active {
     opacity: 1;
}
 .reveal-bottom {
     transform: translateY(150px);
}
 .reveal-bottom.active {
     transform: translateY(0);
}
 .reveal-right {
     transform: translateX(150px);
}
 .reveal-right.active {
     transform: translateX(0);
}
 .reveal-left {
     transform: translateX(-150px);
}
 .reveal-left.active {
     transform: translateX(0);
}
 body {
     overflow-x: hidden;
}
 #testimonials-carousel .carousel-control-prev {
     margin-left: -33px;
}
 #testimonials-carousel .carousel-control-next {
     margin-right: -33px;
}
 .content-hidden {
     display: none;
}
 .content-visible {
     display: block;
}
 .hover-heading {
     cursor: pointer;
}
/* Initial state for hidden content */
 .content-hidden, .content-visible {
     transition: opacity 0.5s ease, height 0.5s ease;
    /* Smooth transition for opacity and height */
     opacity: 0;
     height: 0;
     overflow: hidden;
}
/* State when content is visible */
 .content-visible {
     opacity: 1;
     height: auto;
    /* Allows height to adjust based on content */
}
 .academic-corporate-section .btn-active {
     border-bottom: 2px solid #f0c30f;
}
 .academic-corporate-section .card {
     height: 100%;
     border: none;
    /* Remove the border from the card */
     box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
 .academic-corporate-section .card-header {
     background-color: transparent;
    /* Remove background from the header */
     border-bottom: none;
    /* Remove bottom border */
     padding: 0.5rem 1rem;
    /* Optional: adjust padding */
     font-weight: bold;
    /* Optional: to make the heading stand out */
}
 .academic-corporate-section .card-body {
     display: flex;
     flex-direction: column;
     justify-content: center;
}
 .academic-corporate-section .btn-group {
     background-color: #fff;
}
 .academic-corporate-section .btn-custom {
     border: none;
     background-color: #fff;
    /* Set a light gray background */
     color: #333;
    /* Set text color */
     border-radius: 0;
    /* Remove rounded corners for button group appearance */
     transition: background-color 0.3s ease;
     font-weight: bold;
    /* Optional: Make the text bold */
}
 .academic-corporate-section .btn-custom:hover {
     background-color: #fff;
    /* Slightly darker on hover */
}
 .academic-corporate-section .btn-active {
     background-color: #fff;
    /* Set active button background */
     color: #000;
    /* Set active button text color */
     border: none;
     border-bottom: 4px solid #f0c30f;
}
 .academic-corporate-section .btn-group .btn-custom:not(:last-child) {
     border-right: 1px solid #ddd;
    /* Separate buttons */
}
.common-background-section {
    background: url('../images/common-banner.svg') center no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
   
    position: relative; /* Required for position-absolute child elements */
}


.banner-image {
    padding-right: 20px; /* Add padding to right side image */
}


 @media (min-width: 767px) {
    /* Disable collapse functionality in desktop view */
     .academic-corporate-section .collapse.show {
         display: block !important;
    }
     .academic-corporate-section .collapse {
         display: block !important;
         height: auto !important;
         visibility: visible !important;
    }
}
 .yellow-underline{
     margin-left: auto;
     margin-right: auto;
     height: 3px !important;
     width: 26%;
     opacity: 1;
     background-color: #f17e10;
}
 .driving-success-conatiner .card {
     height: 100%;
     border: none;
     box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
}
 .dynamic-value-increase{
     font-size: 2rem;
     color: black;
}
 .carousel-control-next, .carousel-control-prev {
     opacity: 1;
}
/* Ensure the progress bar is styled and visible */
 .carouselphaseConatiner .progress-bar-custom {
     height: 5px;
     transition: width 0.6s ease;
    /* Smooth transition for progress */
     background-color: #ffb501 ;
    /* Set the background color to yellow */
}
 .academic-performance-test .nav-tabs .nav-link {
     border: none !important;
     font-weight: bold !important;
     color: #333 !important;
}
 .academic-performance-test .nav-tabs {
     border-bottom:0px solid #dee2e6 !important;
     margin-left: auto;
     background-color: #F5F5F5;
     width: fit-content;
     margin-right: auto;
}
 .academic-performance-test .nav-tabs .nav-link.active {
     color: #000 !important;
     background-color: transparent !important;
     border-bottom: 3px solid #fbc531 !important;
    /* Yellow border */
}
/* Card styles */
 .academic-performance-test .card {
     border-radius: 10px !important;
     transition: transform 0.3s ease, box-shadow 0.3s ease !important;
     border: 0px solid rgba(0, 0, 0, .125);
     box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px !important;
}
/* Default hover effect for middle card */
 .academic-performance-test .card-default-hover {
     transform: scale(1.09) !important;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important;
     z-index: 999999;
}
/* Hover effect */
 .academic-performance-test .card:hover {
     transform: scale(1.05) !important;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important;
     z-index: 99999 !important;
     cursor: pointer;
}
 .driving-success-container .card{
     border: 0px;
     box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
 .card-image-wrapper {
     display: flex;
     justify-content: center;
     align-items: center;
     padding-top: 30px;
}
 .card-img-top {
     width: 50%;
     height: auto;
     position: absolute;
     top: -50px;
}
 .slider-container {
     position: relative;
}
 .slider-container .slider {
     width: 100%;
     display: none;
    /* Hide all sliders initially */
}
 .slider-container .slick-slide {
     opacity: 0.6;
     transition: opacity 0.3s ease;
}
 .slider-container .slick-center {
     opacity: 1;
}
 .slider-container .slick-slide img {
     width: 100%;
     border-radius: 10px;
}
/* Custom arrow styles */
 .slider-container .slick-prev, .slick-next {
     width: 50px !important;
     height: 50px !important;
     z-index: 10 !important;
     background-color: transparent;
     border: none;
     color: #ffd700 !important;
     position: absolute !important;
}
 .slider-container .slick-prev:before, .slick-next:before {
     font-size: 30px !important;
     color: #ffd700 !important;
}
/* Position the left arrow above the first image */
 .slider-container .slick-prev {
     left: 7%;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     font-size: 0px;
     background-color: rgba(0, 0, 0, 0.5) !important;
    ;
     color: white;
     padding: 10px;
     cursor: pointer;
     z-index: 2;
     border-radius: 50%;
}
 .slider-container .slick-prev:hover{
     background-color: rgba(0, 0, 0, 0.5) !important;
}
 .slider-container .slick-next:hover{
     background-color: rgba(0, 0, 0, 0.5) !important;
}
/* Position the right arrow above the third image */
 .slider-container .slick-next {
     right: 7%;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     font-size: 0px;
     background-color: rgba(0, 0, 0, 0.5) !important;
    ;
     color: white;
     padding: 10px;
     cursor: pointer;
     z-index: 2;
     border-radius: 50%;
}
 .slider-container .customtabs {
     display: flex;
     justify-content: center;
     margin-top: 20px;
}
 .slider-container .tabData {
     padding: 10px 20px;
     margin: 0 5px;
     cursor: pointer;
     color: #333;
     transition: background-color 0.3s, color 0.3s;
}
 .slider-container .tabData.active {
     color: #ffd700;
}
 .slider-container .slick-slide {
     padding: 0 0px;
}
/****************** other page css start *********/
 .dark-black-text {
     color: #000;
    /* Dark black color similar to the image */
}
 .banner-custom-text {
     padding-left: 20px;
    /* Default for mobile */
}
 .horizontal-yellow-line {
     width: 80px;
    /* Adjust the width as per design */
     height: 4px;
    /* Height of the horizontal line */
     background-color: #ffc107;
    /* Bootstrap's yellow color */
     margin-top: 10px;
    /* Space between the heading and the line */
     margin-bottom: 20px;
    /* Space between the line and the paragraph */
}
 .bg-gradient-section {
     background: linear-gradient(90deg, #0066cc 0%, #00ccff 100%);
     padding: 40px 20px;
    /* Add padding to match the look */
}
 .tab-pane-container {
     display: none;
    /* Ensure all tab content is initially hidden */
}
 .tab-pane-container.active {
     display: block;
    /* Only the active tab content is shown */
}
 .nav-link-container.active .vertical-line-container {
     background-color: #ffc107;
    /* Yellow color for the active tab */
}
 .nav-link-container{
     padding-left: 22px;
}
 .nav-item-container {
     margin-bottom: 10px;
}
/* Styling for active nav-links */
 .nav-link-container.active {
     color: #ffc107;
     font-weight: bold;
     border-left: 4px solid #ffc107;
     padding-left: 20px;
}
 .vertical-line-container {
     display: inline-block;
     width: 4px;
     height: 20px;
     background-color: transparent;
    /* Default color for inactive */
     margin-right: 10px;
}
 .nav-item-container {
     margin-bottom: 10px;
}
 .gray-section{
     background-color: #FAFAFA;
}
/* Full-screen container */
 .step-section {
     padding: 50px;
     color: white;
     position: relative;
     display: flex;
     align-items: center;
}
/* Left text section */
 .rotation-text-section {
     display: flex;
     flex-direction: column;
     justify-content: center;
     height: 100%;
     position: relative;
}
 .text-content {
     display: none;
     font-size: 18px;
     line-height: 1.6;
     transition: opacity 0.5s ease-in-out;
}
 .text-content.active {
     display: block;
     opacity: 1;
     color: #fff;
}
/* Right side steps */
 .glass-section {
     position: relative;
     height: 400px;
     width: 400px;
     margin: 0 auto;
}
 .glass-container {
     position: relative;
     width: 100%;
     height: 100%;
}
 .custom-column {
     padding: 0 30px;
     border-right: 3px solid #ddd;
}
 .custom-column:last-child {
     border-right: none;
}
/* Right-side positioned and larger rotation */
 .glass-rotation {
     position: absolute;
     top: 50%;
     left: 100%;
    /* Move to the right side of the container */
     width: 200px;
     height: 200px;
     background-color: rgba(0, 123, 255, 0.5);
     border-radius: 50%;
     transform: translate(-50%, -50%);
     display: flex;
     justify-content: center;
     align-items: center;
     opacity: 0;
     transition: opacity 5s ease, transform 5s ease;
    /* Slow transition for rotation */
}
 .glass-rotation.active {
     opacity: 1;
     transform: translate(-50%, -50%) rotate(360deg);
    /* Larger rotation for "outside" feel */
}
 .glass-rotation.reverse-active {
     opacity: 1;
     transform: translate(-50%, -50%) rotate(-360deg);
    /* Reverse rotation for scrolling up */
}
 .step-number {
     font-size: 24px;
     font-weight: bold;
     color: #FFD700;
     position: absolute;
     top: 50%;
     right: -80px;
     transform: translateY(-50%);
}
 .step-image {
     z-index: 1;
}
 .paper-based-testing .nav-item .nav-link.active {
     color: #000 !important;
     background-color: transparent !important;
     border-bottom: 3px solid #fbc531 !important;
     border: 0px solid transparent;
}
 .paper-based-testing .nav-item .nav-link{
     color: #000 !important;
}
 .paper-based-testing {
     border-bottom: 0px solid #dee2e6 !important;
     background-color: #fff;
}
/* Custom arrow direction class */
 .custom-arrow-direction {
     width: 50px;
     height: auto;
}
 .arrow-container-direction {
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
}
/* Custom tab section */


/* Custom tab links */
.custom-nav-tabs .custom-tab-link {
    color: #666;
    border: none;
    font-weight: bold;
}
.custom-nav-tabs{
        border-bottom: 0px solid #dee2e6;
}

.custom-nav-tabs .nav-item{
       background-color: #F5F5F5;
}
.custom-nav-tabs .custom-tab-link.active {
    color: #000;
    background-color: #F5F5F5;
    border-bottom: 3px solid #ffa500; /* Custom underline for active tab */
}

/* Tab content styling */
.custom-tab-content p {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
}

/* Custom active state styling */
.custom-tab-link.active {
    background-color: transparent;
    font-weight: bold;
    border: none;
}

.custom-accordion .accordion-button:not(.collapsed) {
    background-color: #ffc107;
    color: black;
}
.background-section-landing-page{
    
    background:url(../images/background-bg.svg) center no-repeat;
    background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     background-attachment: fixed;
   }

.deep-proctoring-background-section-2 {
     background:url(../images/deep-proctoring-2.png) center no-repeat;
    
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     min-height: 450px;

   }



   /*************** New strat style for btton ************/
   .landing-action-btn{
        border-color: #6666661f;
        border-radius: 12px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        padding: 25px 15px;
        border: 1px solid #6666661f;
        cursor: pointer;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        gap: 5px;
   }
   .position-step-icon{
    
    background: url(../images/landing-step-bg.png) top right no-repeat;
    background-size: contain; 
   }


   .custom-modal-content {
    background-color: #f7faff; /* Adjust the background color as needed */
    border-radius: 20px;
    }

    .custom-btn-action {
        border: 1px solid #66666669;
        border-radius: 8px;
        padding: 4px 20px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

.custom-btn-action:hover {
        background: linear-gradient(90deg, #0066cc 0%, #00ccff 100%);
}
.blur {
    filter: blur(5px);
    transition: filter 0.3s ease;
}
#contactFormModal textarea.form-control{
        background-color: #cccccc3b;
}
#contactFormModal input.form-control{
        background-color: #cccccc3b;
}
.rounded-5{
    border-radius:20px;
}
.progress{
        height: 0.21rem !important;
}


#stepContent .btn-outline-secondary{
    background-color: transparent;
    color: #6c757d; /* Original text color */
    border-color: #6c757d;
}


#stepContent .btn-outline-secondary input[type="radio"]:not(:checked) + .btn:hover {
    background-color: #e2e6ea; /* Light grey on hover */
    color: #6c757d;
    border-color: #dae0e5;
}
   /*************** New End style for btton ************/

.white-btn{
    background-color: #fff;
    color: #000;
    border-color:#66666629;
    border-radius:6px;
}

.progress-radio-btn .btn-outline-secondary {
    background-color: #fff;
    color: #000;
    border-color: #66666629;
    border-radius: 6px;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.progress-radio-btn .btn-outline-secondary:hover{
    background-color: #e2e6ea;
    color: #000;
    border-color: #e2e6ea;
}

/* Styling for the selected state */
.progress-radio-btn .btn-outline-secondary.selected {
    background-color: #1a5f86;
    color: #fff;
    border-color: #dae0e5;
}
.btn-selected {
    background-color: #e2e6ea !important;
    color: #6c757d !important;
    border-color: #dae0e5 !important;
}
.step-content{
     min-height: 180px;
}
.error{
	color:#ff4545;
}
 @media (min-width: 576px) {
     .banner-custom-text {
         padding-left: 50px;
        /* Padding for small devices */
    }
}


 @media (min-width: 768px) {

     .authentication-step-section {
         display: flex;
         justify-content: space-around;
         align-items: center;
    }
    }
     .step-direction {
         margin-bottom: 0;
         display: flex;
         flex-direction: column;
         justify-content: center;
    }
     .authentication-process-img {
         max-width: 120px;
         margin-bottom: 10px;
    }
     .step-text-direction {
         font-size: 10px;
         margin-top: 10px;
    }
     .arrow-container-direction {
         justify-content: center;
         align-items: center;
         height: 100%;
    }
     .banner-custom-text {
         padding-left: 100px;
        /* Padding for tablets and medium devices */
    }
}
 @media (min-width: 992px) {
     .banner-custom-text {
         padding-left: 150px;
        /* Padding for large desktops */
    }
}
/************** other page css end **************/