.laila-light {
    font-family: "Laila", serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .laila-regular {
    font-family: "Laila", serif; 
    font-weight: 400;
    font-style: normal;
  }
  
  .laila-medium {
    font-family: "Laila", serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .laila-semibold {
    font-family: "Laila", serif;
    font-weight: 600;
    font-style: normal;
  }
  
  .laila-bold {
    font-family: "Laila", serif;
    font-weight: 700;
    font-style: normal;
  }
  

  .amaranth-regular {
    font-family: "Amaranth", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .amaranth-bold {
    font-family: "Amaranth", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .amaranth-regular-italic {
    font-family: "Amaranth", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .amaranth-bold-italic {
    font-family: "Amaranth", sans-serif;
    font-weight: 700;
    font-style: italic;
  }
  .oswald{
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }

body, html {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    font-family:sans-serif;
  }


.navbar-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; /* Make the navbar span the full width of the screen */
    background-color: white; /* Example background color */
    z-index: 1000; /* Adjust as needed, ensure it's above other elements */
    /* Add any other styles you need */
}
.popup-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border: 2px solid #ccc;
    border-radius: 10px;
    z-index: 1000;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.menuem{
    /*width: 122%;*/
    /* margin-right: 110px; */
    /*margin-left: 30px;*/
    text-decoration:none;
    /*font-family:serif !important;*/
    
}
.menuem:hover{
    color: orange;
}
.menuph:hover{
    color: orange;
}
.menuph{
    margin-right: 25px;
    width: 122%;
    text-decoration:none;
}

.menu-link {
    margin-right: 25px; 
    text-decoration: none; 
    color: black;
    font-size: 19px;
    font-weight: normal;
    /* font-family: petite-caps; */
    /* font-family: Barlow Condensed,sans-serif; */
    
}
.menu-link:hover {
    text-decoration: none; 
    color: black;
}

.closenavbar{
    display: none;
  }

.lower-nav {
    display: flex;
    justify-content: center;
    align-items: center; /* Center the items vertically */
    height: 70px; /* Set the height of each navigation bar */
    padding-left: 20%;
    /*font-family: oswald;*/
    font-weight: 300;
    background-color: white;
    font-family:sans-serif;
    /*font-family: 'Font Awesome 5 Brands';*/
}

.lower-nav a img{
width: 60%;
margin-top: 4%;
text-align:center;
margin-left:20%;
}
.upper-nav {
    /*background-color: #0f245d;*/
    background-color:#004b8d;
    display: flex;
    justify-content: space-between; /* To space out the left and right containers */
    align-items: center;
    width: 100%;
    text-decoration: none; 
    height: auto;
    padding: 7px;
}

.menu-link-upr, .elearning {
    color: white;
    display: flex; /* Use flexbox layout */
    align-items: center; /* Align items vertically */
    
    
}
.upper-nav .menu-link-upr a:hover{
    background-color: #01040a;
    color: white;
}


.elearning {
    font-size: 20px;
    margin-left: 35px; /* Push the "E-learning" link to the right */
    margin-right: 10px; /* Add margin to the right side of the "E-learning" link */
    background-color: rgb(216, 3, 74);
    border: none;
    cursor: pointer; 
    border-radius: 2px;
    padding: 3px;
}
.username_show_small{
    display: none;
}
.username_show{
    display: block;
    color: white;
    text-decoration: none;
    /*margin-right: 3%;*/
    font-size: 17px;
    /*border-bottom: 1px solid white;*/
}
.username_show:hover{
    color: white;
}

.elearning:hover{
    color: orange;
}

.original{
    display: block !important;
}
.smalll{
   display: none !important;
        margin-left: -6%;
        margin-top: 8%;
        font-size: 25px;
}

.menu-toggle {
    display: none; /* Hide by default on larger screens */
    cursor: pointer;
    border: 2px;
    border-color: white;
    border-radius: 2px;
}

.bar {
    width: 25px;
    height: 3px;
    background-color: white;
    margin: 5px;
   
}


.login_button{
    font-size: 15px;
    color: white;
    text-decoration: none;
    /*margin-right: 2%;*/
}
.login_button:hover{
    color: rgb(255, 145, 0);
}


.menu-container {
    position: relative;
}

.menu-container .dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    left: -100px;
    background-color: #f9f9f9;
    min-width: 200px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-radius: 10px;
}

.menu-container:hover .dropdown-content {
    display: block;
    margin-left: 45%;
    margin-top: -2%;
    /*margin-left: 85%;*/
    /*margin-top: -5%;*/
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: 20px;
}

.dropdown-content a:hover {
    background-color: #f9f9f9;
}

.inner-dropdown {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    background-color: #f9f9f9;
    min-width: 200px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-radius: 10px;
}

.menu-container:hover .dropdown-content .global_hover:hover + .inner-dropdown {
    display: block;
}
.global_inner{
    margin-top: 9% !important;
}

.menu-container .dropdown-content .has-inner-dropdown:hover + .inner-dropdown,
.menu-container .dropdown-content .inner-dropdown:hover {
    display: block;
    margin-left: -21%;
    margin-top: 35%;
}

.inser1{
    margin-top: 20%;
}



.carousel-caption-container {
    position: absolute;
    top: 35%;
    left: 30%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 1; /* Ensure the container appears above the image */
    color: rgba(2, 33, 119, 0.781); /* Adjust text color to ensure readability on the image */
    font-weight:400;
    
}
.carousel {
    margin-top:20px;
}


.carousel-caption-container h1,
.carousel-caption-container p,
.carousel-caption-container a {
    margin: 0;
}

.carousel-caption-container a {
    display: inline-block;
    margin-top: 10px; /* Adjust spacing between buttons */
    padding: 10px 20px; /* Adjust button padding */
    background-color: #1a1b61; 
    color: white; /* Example text color */
    text-decoration: none;
    border-radius: 5px;
    margin-left: 5%;
}
.btn1 {
    background-color: #1a1b61; /* Set background color to transparent */
    border: 2px solid white; /* Add a border of 2px */
    margin-top: 5vh;
    margin-left: -15vh;
    margin-right: 5vh;
}
.btn2 {
    background-color: #1a1b61; /* Set background color to transparent */
    border: 2px solid white; 
    
}
.carousel-caption-container p {
    font-size: 20px;
    margin-left: 0px;
    text-align: center;
    color: rgb(0 23 121);
}
.slides{
    margin-left: 160px;
}
.carousel-caption-container a.btn1:hover {
    background-color: rgb(55, 99, 194); /* Change text color to black when hovering */
    color: white;
}
.carousel-caption-container a.btn2:hover {
    color: white;
    background-color: rgb(55, 99, 194);
}
.carousel-caption-container .banner-div{
    background-image: linear-gradient(to right, rgb(255 255 255 / 59%), rgba(207, 229, 255, 0.486));
     display: inline-block; 
     margin-left: 18%;
     width: 70%;
     border-radius: 5px;
     font-family: sans-serif;
}


.carousel-item {
    position: relative;
    opacity: 10;
  transition: opacity 0.5s ease-in-out;
}
.carousel-item.active{
    opacity: 20;
}

.carousel-item-next,
  .carousel-item-prev,
  .carousel-item.active {
    display: block;
  }
  .carousel-inner {
    overflow: hidden;
    /* height: 600px; */
    height: 700px;
    margin-top: 8%;
  }
.carousel-indicators{
    border-radius: 50%; /* Makes the indicators circular */
  width: 10px; /* Sets the initial width */
  height: 10px; /* Sets the initial height */
  transition: transform 0.3s;
}
.carousel-indicators li:hover {
    transform: scale(1.5); /* Enlarges the indicator on hover */
  }


.carousel-item img {
    margin-top: 20px;
    width: 100%; /* Set width to desired dimension */
    height: auto; /* Set height to desired dimension */
    object-fit: fill; /* Maintain aspect ratio while filling the available space */
    overflow: hidden; /* Hide overflow content */
}


.carousel-control-prev-icon {
    color: blue; /* Set the color of the previous arrow */
}

/* Style for the next arrow */
.carousel-control-next-icon {
    color: blue; /* Set the color of the next arrow */
}



.content-container{
    /*height: 900px;*/
    height: 750px;
    background-color: #0d1733;
    /*border-radius: 0 0 80% 0 /42%;*/
    border-radius: 0% 0% 130% 0 / 40%;
    padding: 20px;
}

.container1 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.mission,
.vision,
.gifdiv {
    width: calc(30.33% - 20px);
    text-align: center;
    margin-top: 5%;
    margin-right: 2vw;
    margin-left:1vw;
    font-family: sans-serif;
}

.mission h2,
.vision h2 {
    text-align: center;
    color: white;
    margin-top: 0;
}

.mission p,
.vision p {
    text-align: center;
    color: white;
}

.mission-image-container,
.vision-image-container {
    display: inline-block;
    position: relative;
}

.mission-image-container::before,
.vision-image-container::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid rgb(185, 17, 17); /* Adjust border properties as needed */
    border-radius: 50%;
    width: 120%; /* Adjust the width and height to cover the inner image */
    height: 120%;
    z-index: -1; /* Ensure the border appears behind the inner image */
}

.mission-image-container .inner-image,
.vision-image-container .inner-image {
    text-align: center;
    position: relative;
}

.gifdiv img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block; /* Ensure the image doesn't overflow its container */
}

  .boxes_read_more {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 5%;
    margin-right: 5%;
    text-align: center;
    font-family: sans-serif;
  }

  .box {
    width: 40%; /* Adjust as needed */
    height: 60%;
    margin-top: 40px;
    padding: 40px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
    box-sizing: border-box;
    text-align: center;
  }

  .box p {
    margin-bottom: 10px;
  }

  .box a {
    color: blue;
    text-decoration: none;
    display: block;
    margin-top: 10px;
  }
  .box img{
    float: left;
  }
  .box .head2{
    margin-top: 0%;
  }
  .custom-icon {
    width: 60px; /* Adjust width as needed */
    height: 60px; /* Adjust height as needed */
    border: 1px solid rgb(0, 174, 255); /* Add border with blue color */
    border-radius: 0 0 30px 30px; /* Apply border radius for curved bottom edges */
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(0, 183, 255); /* Set text color to blue */
    font-size: 35px; /* Set font size */
    position: relative; /* Add relative positioning for absolute positioning of the icon */
  }
  
  .custom-icon i {
    position: absolute; /* Position the icon absolutely within its container */
    bottom: 5px; /* Adjust the distance from the bottom as needed */
    margin-bottom: 5px;
  }


  .head1{
    margin-left: 18%;
    margin-top: -15%;
    padding: 10px;
    margin-bottom: 1%;
  }

.line {
    width: 100%; /* Adjust width as needed */
    height: 3px; /* Adjust height as needed */
    background-color: rgb(54, 9, 54); /* Set line color */
    margin: 20px 0; /* Adjust margin as needed */
}
.left_right_div_why_us{
    position: relative;
    display: flex;
    margin-top: 5%;
    
}

.frst_page_overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top  , rgba(1, 14, 56, 0.781),rgba(0, 14, 78, 0.336),rgba(1, 1, 78, 0));
}
.left_right_div_why_us .right_div1{
    color: rgb(0, 1, 46);
    background-image: linear-gradient(to right  , rgba(255, 255, 255, 0.021),rgba(255, 255, 255, 0.815),rgba(255, 255, 255, 0.801));
    width: 50%;
    text-align: center;
    margin-top: 1%;
    font-family: sans-serif;
}
.left_right_div_why_us .right_div1 p{
    font-size: 25px;
    padding: 15px;
}
.left_right_div_why_us .right_div1 h2{
    font-size: 50px;
    font-weight: 750;
    
}
.left_right_div_why_us .first_page_why_us_img{
    width: 50%;
}

.training_div{
    width: 100%;
    position: relative;
    margin-top: 5%;
}
.training_div img{
    width: 100%;
}
.training_div_overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right  , rgba(52, 103, 199, 0),rgba(0, 40, 78, 0.411),rgba(1, 25, 78, 0.233));
}

.training_div_overlay .first_page_training_content{
    width: 45%;
    float: right;
    color: white;
    background-color: #031c38d0;
    padding: 10px;
    margin-top: 0%;
    display: block;
    height: auto;
    font-family: sans-serif;
}
.training_div_points_main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* Distribute items evenly */
    margin-top: 2%;

}
.first_page_training_content h2{
    margin-top: 0%;
}
.training_div_points_main h6 {
    flex-basis: 48%; /* Set width for each item */
    margin-bottom: 5px; /* Add some space between items */
}

.heading_fetures_include h2{
    margin-top: 5%;
}

.row {
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.row1,.row2,.row3 {
    text-decoration: none;
     background-color: rgb(37, 123, 176); 
     border-radius: 10px 10px 10px;
     text-align: center;
     flex-basis: 48%;
     margin-bottom: 5px;
     padding: 10px;
     color: white;
    
}


.div-line {
    width: 100%;
    height: 100px;
    background-color: white;
    /*margin: 5% 0 10% 10%;*/
    margin-top:0%;
    margin-bottom:5%;
    margin-left:0%;
    margin-right:0%;
    box-shadow: 0 3px 20px 15px rgba(0, 0, 0, 0.2);
    position: relative;
}

.level {
    text-align: center;
    color: #0d1733;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    font-family: sans-serif;

}
.level1{
    text-align: left;
    color: #0d1733;
    position: absolute;
    top: 50%;
    left: 75vh;
    transform: translate(-50%, -50%);
    width: 100%;
    margin-left: 20%;
    font-size: 100px;

    
}
.level1::after {
    content: "";
    position: absolute;
    bottom: 19.3px; /* Adjust the distance the bottom of the "L" extends */
    left: 5%;
    transform: translateX(-50%);
    width: 48px; /* Adjust the width of the extension */
    height: 12.3px; /* Adjust the height of the extension */
    background-color: #0d1733; /* Match the background color of the text */
    z-index: -1; /* Ensure it appears behind the text */
}

.righ_left_main_div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0%;
}

.left_div_scm {
    width: 45%; /* Adjust width as needed */
    position: relative;
}

.image_container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.top_image2 {
    width: 65%;
    height: 60%;
}

.pink_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 65%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.left_frontscm {
    text-align: center;
    background-color: white;
    height: 450px;
    width: 380px;

    margin-left: 20%;
    box-shadow: 8px 5px 35px 1px rgba(0, 0, 0, 0.3); 
    border-radius: 25px;
    position: absolute;
    bottom: 15%;
    left: 75%;
    transform: translateX(-50%);
    font-family: sans-serif;
}
.top-image {
    width: 35%;
    padding: 10px;
}

.par-let {
    font-size: 30px;
    margin-bottom: 15px;
}

.btn-left {
    color: white;
    background-color: rgb(13, 13, 75);
    font-size: 30px;
    padding: 10px 20px;
    border: none;
    border-radius: 25px;
    margin-top: 11%;
    text-decoration: none;
}


.right_div_scm2 {
    width: 40%; /* Adjust width as needed */
    display: flex;
    flex-direction: column;
}

.right-div21,
.right-div22,
.right-div23 {
    /* background-color: rgb(7, 7, 83); */
    background-image: linear-gradient(to right, #a76b04e5, #775003c6, #000f72ed, #021488d0);
    height: 170px; /* Adjust height as needed */
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 20px;
    display: flex;
    /* align-items: center; */
}

.right-div21 h2,
.right-div22 h2,
.right-div23 h2 {
    color: white;
    text-align: center;
    margin-left: 2%;
    margin-top:5%;
}

.right-div21 img,
.right-div23 img {
    width: 40%; 
    height: auto;
    border-radius: 15px;
    margin-right: 20px;
}
.right-div22 img{
    width: 40%; 
    height: auto;
    border-radius: 15px;
    margin-right: 10px;
    display: block;
    margin-left: 25%;
}

.right-div21 .iconbeginner,
.right-div23 .iconmanager {
    background-color: rgb(255, 255, 255);
    width: 70px;
    height: 70px;
    border-radius: 30px;
    margin-top: 10%; 
    margin-left: -25%;
}
.right-div22 .iconexecutive{
    background-color: rgb(255, 255, 255);
    width: 70px;
    height: 70px;
    border-radius: 30px;
    margin-top: 10%;
    margin-left: -25%;
}


/* end scm quiz */

/* wide container start */

.wide-container{
    justify-content: center;
    position: static;
    margin-top: 15%;
    display: block;
    position: relative;
    /*background-color:lightgray;*/
}

.wide-container .img-div{
    /* width: 610px; */
    width: 100%;
    height: 250px;
    margin-top: -25vh;
    margin-left: 0%;
    text-align: center;
}
.blue-overlay {
    position: absolute;
    width: 100%;
    height: 200px;
    background-color: rgba(7, 3, 75, 0.63); /* Blue color with 50% opacity */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.wide-container .img-div img{
    /* width: 1300px;
    height: 200px; */
    /*width: 100%;*/
    width:100%;
    height: 80%;
    object-fit: cover;
}
.wide-container .img-div .blue-overlay
 .inside-div1 ,.inside-div2 ,.inside-div3,.inside-div4 {
     background-color: transparent;
     border: 1.5px solid rgba(87, 89, 192, 0.637);
      width: 200px; 
      height: 180px;
      margin-left: 5%;
      margin-right: 3%;
}
.wide-container .img-div .inside-div1 .icon-wide-img1{
    font-size: 50px; 
    color: white;
    margin-top: 2vh;
    padding: 10px;
}

.wide-container .img-div .inside-div2 .icon-wide-img2{
    font-size: 50px; 
    color: white;
    margin-top: 2vh;
    padding: 10px;
}

.wide-container .img-div .inside-div3 .icon-wide-img3{
    font-size: 50px; 
    color: white;
    margin-top: 2vh;
    padding: 0px;
}

.wide-container .img-div .inside-div4 .icon-wide-img4{
    font-size: 50px; 
    color: white;
    margin-top: 2vh;
    padding: 10px;
}

  .inside-div1, .inside-div2, .inside-div3, .inside-div4 {
    position: relative;
    background-color: transparent; /* Semi-transparent background */
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    cursor: pointer;
  }
  
  .inside-div1:hover, .inside-div2:hover, .inside-div3:hover, .inside-div4:hover {
    transform: translateY(-20px); /* Move upwards by 20px */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); /* Add a shadow effect */
  }
  
  .icon-wide-img1, .icon-wide-img2, .icon-wide-img3, .icon-wide-img4 {
    font-size: 20px;
    color: white;
  }
  
  h5 {
    margin: 0;
    padding: 0;
  }

/* wide contaionerr endd */
.container-recent-project{
    width: 90%;
    /*height: 30vh;*/
    background-color: none;
    justify-content: center;
    text-align: center;
    position: relative;
    margin-left: 5%;
    margin-top: -3%;
    margin-bottom: -5%;
    font-family: sans-serif;
}
.container-recent-project h1{
    color: black;
    padding: 10px;
    font-size: 50px;
    font-weight:700;
}
.container-recent-project p{
    font-size: 20px;
}




/* bottom slide startt */

.firstslidebottom:hover {
    background-color: rgb(7, 81, 143);
    color: white; 
}
.firstslidebottom{
    margin-left: -17% !important;
}
.bottom_carousel_inner{
    height: 500px;
    font-family: sans-serif;
}
.bottom_form_img_main_container{
    display: flex;
    margin-top: 5%;
    background-color: #fbf7f7;
}
.formleftcontainer,
.formrightcontainer {
    flex: 1;
    width: 50%;
    font-family: sans-serif;
}
.formrightcontainer img{
    width: 60%;
    height: 100%;
    margin-left: 15%;
    border-radius: 40px;
}
.formleftcontainer h3{
    text-align: center;
    margin-top: 3vh;
}
.formleftcontainer p{
    text-align: center;
    margin-left: 3vw;
}

/* Adjust the styles of form elements as needed */
.form-group {
    margin: 2vw 2vw 2vw 4vw;
}
.form-group-news_letter_main_site{
    margin: 0vw 2vw 2vw 4vw !important;
}


.form-group input[type="text"],
.form-group input[type="email"],
.form-group select {
    width: 100%;
    padding: 10px;
    font-size: 16px;
}

.form-group input[type="submit"] {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    background-color: #063363;
    color: #fff;
    border: none;
    cursor: pointer;
}

.formleftcontainer form .first_last_name_div{
    display: flex;
} 

.first_last_name_div input{
    width: 50%;
}
.first_last_name_div .first_name{
    width: 50%;
}

.first_last_name_div .laste_name{
    width: 50%;

}

.popup {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Popup content */
.popup-content {
    position: relative;
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
    max-width: 500px; /* Max width */
    text-align: center;
}

/* Close button */
.popup-content button {
    padding: 10px 20px;
    border: none;
    background-color: #007bff;
    color: white;
    cursor: pointer;
    font-size: 16px;
}

.popup-content button:hover {
    background-color: #0056b3;
}




.gradient-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); */
    pointer-events: none; /* Ensure the overlay does not block interaction with the image */
  }
/* bottom form end */

.testimonals_main_div{
    margin-top: 1%;
    text-align: center;
    justify-content: center;
    align-items: center;
    background-color: #dddddd;
    height: auto;
    display: block;
    margin-bottom: 6%;
    font-family: sans-serif;
    
}

 .testimonals_heading_div h5{
    margin-top: 0%;
    padding-top: 30px;
    font-family:sans-serif;
}

.tx-portfolio {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    margin-top: 15vh; /* Adjust top margin for portfolio items */
    height: auto; /* Adjust height to fit portfolio items */
    justify-content: center; /* Center portfolio items horizontally */
    align-items: flex-start; /* Align portfolio items to the top */
}

  
  .container-wide-review {
    width: 80vw;
    height: 30vh;
    background-color: bisque;
  }



.tx-portfolio-item {
    flex: 0 0 calc(33.33% - 20px); /* Adjust the percentage and subtract the total margin */
    max-width: calc(50vw - 20px); /* Adjust max-width accordingly */
    margin: 0; /* Remove default margin */
    padding: 0 15px; /* Add padding to create space between items */
    position: relative;
    transition: transform 0.3s ease, margin 0.3s ease;
    overflow: visible; /* Ensure the pseudo-element is not clipped */
    z-index: 1; 
}


.tx-folio-img {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}

.tx-folio-img-wrap {
    cursor: pointer;
}

.tx-folio-img img {
    width: 100%;
    height: auto;
    display: block;
}

.folio-links {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.folio-links a {
    color: #333;
    margin-left: 5px;
}

.folio-content {
    width: 100%;
    height: 100%;
    padding: 20px;
    background-color: #65b2fa;
    transition: transform 0.3s ease;
    color: white;
    overflow: hidden;
    
}
.owl-stage {
    height: 30vh !important; /* Adjust the height as needed */
}
.tx-portfolio-item::after {
    content: '';
    position: absolute;
    bottom: -10px; /* Adjust as needed to position the background */
    left: 50%;
    transform: translateX(-50%);
    width: 70%; /* Adjust width as needed */
    height: 30px; /* Adjust height as needed */
    background-color: #d4e2f0; /* Background color */
    z-index: 0; /* Ensure the background is behind the content */
}

.person-name {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1; /* Ensure the name is above the background */
    color: #000732; /* Name color */
    font-size: 14px; /* Adjust font size as needed */
    width: 30vw;
    top: 80%;
    padding: 10px;
    font-weight: 500;
}


.tx-portfolio, .tx-border-box, .tx-folio-img {
    overflow: visible; /* Ensure that the scaled content is not clipped */
}
.tx-portfolio .next-slide{
    margin-top: -8%;
    top: 75% !important;
}
.tx-portfolio .prev-slide{
    margin-top: -8%;
    top: 75% !important;
}

.footer{
    background-size: cover;
      color: white;
      width: 100%;
      height: 70vh;
      margin-top: 16%;
      display: block;  
      float:center;
      font-family: sans-serif;
      font-weight: normal;
}

.footer_logo{
    float: left; 
    width: 50%;
    margin-left: 10vw;
    margin-top: 7%;
}
.image-selector {
    mix-blend-mode: multiply;
    }
.footer_logo img{
    width: 200px;
     color: white;
}

.footer_logo .footer_logo_lower_text{
    width: 195px;
    height: 1px;
    color: white;
    background-color: white;
    margin-top: 10px;
}

.footer_logo h6{
    /*text-align: left;*/
     margin-left: 7%;
     margin-top: 1px;
     color: #a5a5a5;
}
.links_footer{
    float: right; 
    width: 25%; 
    margin-top: 7%;
    margin-right: -3vw;
    
}
.links_footer h5{
    margin-bottom: 15px;
    margin-left:-2%;
}
.links_footer ul {
    list-style-type: none;
    margin-left: 0%;
}
.links_footer li{
    margin-bottom: 10px;
    
}
.links_footer a{
    text-decoration: none;
    
}

.download_broucher{
    float: right; 
    width: 25%; 
    margin-right: -35vw;
    margin-top: 7%;
}
.download_broucher ul{
    list-style-type: none;
    margin-left:-20%;
}
.download_broucher h5{
    margin-bottom: 15px;
}
.download_broucher li{
    margin-bottom: 10px;
    margin-left:2%;
}
.social_icon {
        /* display: inline-block; */
        float:left;
       
        line-height: 50px; /* Centers the icon vertically */
        text-align: center;
        /* background-color: white; */
        /* border-radius: 5px; Creates a square shape with rounded corners */
        margin: -70px -10px; /* Adjust the margin between icons as needed */
        font-size: 30px;
        padding: 10px;
        margin-right: 18vw;
        /* margin-top: 5vh; */
        
        
    }

    .social_icon i {
        font-size: 30px; /* Adjust the icon size as needed */
        color: rgb(204, 204, 204); /* Adjust the icon color as needed */
        justify-content: space-between;
    }
    .social_icon a{
        margin-right: 1vw;
    }

    .footer_lower{
        background-color: rgb(5, 32, 73);
        text-align: center;
        justify-content:center;
        align-items:center;
        color: white;
        margin-bottom: 10px;
        padding: 10px;
        font-weight:normal;
    }

      
/* -------------------------------------------------------------------about us start -------------------------- */

.about-us-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: sans-serif;
    font-size: 20px;
    margin-top: 110px;
    margin-bottom: -10%;
}

.about-heading{
    text-align: center; 
    width: 100%; 
    margin-top: 60px;
}
.about-img-cont{
    width: 100%;
    margin-top: 2%;
    position: relative
}

.about-img-cont iframe{
    width:100%;
    height:40vh;
}
.about-content {
    width: 90%; /* Adjust width as needed */
    margin-top: 2%;
}

.about-description-left {
    width: 100%;
    text-align: left;
}
.about-description-left ul{
    font-size: 16px;
    font-family:  sans-serif;
    line-height: 40px;
}
.about-description-left h4{
    font-family:sans-serif;
}
.board-of-directors{
    position: relative; 
    top: calc(10% + 25px);
     background-color: #002459f5;
      text-align: center;
      padding: 20px;
}
.board-of-directors h1{
    color: white;
}

.board-of-directors .director-container{
    display: flex; 
    flex-wrap: wrap; 
    margin-top: 50px;
    margin-left: 15%;
}

.board-of-directors .director-container .director{
    background-color: rgb(134, 162, 204);
    margin: 10px; 
    border: 1px solid rgb(230, 230, 230); 
    width: 25%;
     text-align: center; 
     color: white;
 }

 .board-of-directors .director-container .director:hover {
     background-color: rgb(2, 14, 53);

 }
 
 
 .owl-carousel .owl-item img{
 width:50% !important;
 }

input[type=text] {
    width: 130px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
  }
  
  /* When the input field gets focus, change its width to 100% */
  input[type=text]:focus {
    width: 100%;
  }
    
    .contact{
        display:flex;
    }

  .contact-no-email {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; /* Align items vertically */
    margin-top: 45vh;
}
.head_quarter_contact_email{
    display: flex; align-items: center; margin-left: 5vw;padding: 10px;
}
.icon_emai_no{
    margin-right:1vw;
    font-size: 35px !important;
    color: rgb(2, 33, 90);
}
.conatct_email_phn{
    margin-left: 5vw;
    display: flex;
}
.conatct_email_phn h3{
    display: inline;

}
.form-contact-us{
    margin-top: 10vh;
}


.contact-no-email div {
    margin-top: 10px; /* Adjust spacing between phone number and email */
}

.contact-no-email h3 {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    color: rgb(2, 33, 90);
    padding: 10px;
}

.contact-no-email h3 span {
    margin-right: 15px;
}

.contact-no-email h3:hover {
    color: rgb(21, 109, 180);;
}

.contact-no-email h3:hover span {
    color: rgb(21, 109, 180);
}
.contact-no-email h3 a:hover {
    color: rgb(21, 109, 180);;
}

.contact-no-email h3 a {
    text-decoration: none;
    color: rgb(2, 33, 90);
    text-wrap: nowrap;
}
.contact-no-email h3 span {
color: rgb(2, 33, 90);
font-size: 50px;
}




.contact-wide-container {
    justify-content: center;
    position: static;
}

.contact-wide-container .contact-img-div-con {
    position: relative; /* Add this */
    width: 100%;
    height: 200px;
    text-align: center;
}

.contact-blue-overlay-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 60%; /* Adjusted to cover the full width */
    height: 60vh; /* Adjusted to cover the full height */
    background-image: linear-gradient(to right, rgba(60, 153, 240, 0.479), rgba(3, 24, 44, 0.479));
    transform: rotate(0deg); /* Rotate the overlay to create a slash effect */
    transform-origin: top left; /* Set the origin of transformation */
    overflow: hidden; /* Hide the parts of the overlay that go outside the container */
    clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);

}

.contact-blue-overlay-img h1{
    margin-top: 25%;
    color: #000d50;
    font-size: 50px;
    font-weight: 900;
}

.heading-headquarter{
    margin-top: 130px;text-align: center;
}




.contact-img-div-con img{
    height: 60vh;width: 100%;
}

.contact-wide-container .contact-img-div-con img {
    object-fit: cover;
}

.contact_headquarter_div_main{
    margin-bottom: -10%;
}
.headin-con h3{
    padding: 20px;
}
.headin-con p{
    padding: 10px;
}

.form-group-contact{
    margin-top: 5%;
}
.form-group-contact input[type='text'],.form-group-contact input[type='email'],.form-group-contact textarea{
    width: 35vw;border-radius: 7px;border: none;padding: 8px;
}
.form-group-contact input[type='checkbox']{
    margin-left: 5vw;
}
.form-contact-us form button{
    margin-top: 8vh;border-radius: 10px;padding: 10px;width: 25%;margin-left: 5vw;color: rgb(255, 255, 255);background-color:#000e36;border: none;font-size: 20px;
}
.address-contact{
    margin-left: 10%; margin-top: 8%;width: 50%;
}
.address-contact h4 , p ,h6{
    padding: 10px;
}
.mapcontactus{
    text-align: center;
    margin-top: 5% !important;
    width: 50% !important;
    margin-left: 10% !important;
}
.mapcontactus iframe{
    width:600px;
    height: 350px;
}
.w-100 {
    width: 50% !important;
}
.map_address_flex_contact{
    display: flex;
}
.form-contact{
    /* position: absolute; */
    background-image: linear-gradient(to top, rgba(60, 153, 240, 0.479), rgba(3, 24, 44, 0.479));
    overflow: hidden;
    width: 60%;
    padding: 20px;
    border-radius: 0 0 10px 10px;
    text-align: center;
    margin-left: 20vw;margin-top: 0vh;z-index: 1;
}

.headin-con{
   
    text-align: center;
    margin-top: 2vh;
    /* background-image: linear-gradient(to bottom, rgba(51, 73, 94, 0.479), rgba(3, 24, 44, 0.479),rgba(3, 24, 44, 0.479)); */
    margin-left: 0vh;
    /* border-radius: 10px; */
    background-color: transparent;
    padding: 10px;
    overflow: hidden;
    color: rgb(0 25 97);
}


.line {
    width: 100%; /* Adjust width as needed */
    height: 0.5px; /* Adjust height as needed */
    background-color: rgb(207, 207, 207); /* Adjust color as needed */
    transform: rotate(0deg); /* Rotate the overlay to create a slash effect */
    transform-origin: top left; /* Set the origin of transformation */
    overflow: hidden;
    z-index: 0;
}


/* Accordion styles */
.accordion__tab-content {
    max-height: 14vh;
    transition: height 0.3s ease-out;

}

.accordion__tab-content.open {
    max-height: 200px; /* Set a maximum height for the content */
}

.accordion__tab {
    margin-bottom: 20px; /* Add margin between tabs */
}


.contact-blue-overlay-img-cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Adjusted to cover the full width */
    height: 110%; /* Adjusted to cover the full height */
    background-image: linear-gradient(to right, rgba(30, 109, 255, 0.534), rgba(47, 196, 255, 0.568));
    transform: rotate(0deg); /* Rotate the overlay to create a slash effect */
    transform-origin: top left; /* Set the origin of transformation */
    overflow: hidden; /* Hide the parts of the overlay that go outside the container */
    clip-path: polygon(10% 15%, 100% 0, 80% 160%, 0 100%);
    box-shadow: 10px 7px 10px rgba(2, 25, 59, 0.5); /* Add shadow here */

}
.contact-blue-overlay-img-cont h1{
    color: rgb(0, 17, 116);font-size: 40px;margin-top: 10vh;font-size: 50px;font-weight: 800;
}

.contact-wide-container-cont {
    justify-content: center;
    position: static;
    
}

.container-chapter{
    margin-top: 5%;margin-left: 5%; margin-bottom: -10%;
}

.contact-wide-container-cont .contact-img-div-cont {
    position: relative; /* Add this */
    width: 100%;
    height: 200px;
    text-align: center;
    
}
.accord_ism_chapters{
    width: 70%; background-image: linear-gradient(to top, rgb(203 230 255 / 35%), rgb(203 230 255 / 83%));margin-left:15%;font-family:sans-serif;
}
.ism_chapter_table{
    width: 100%;box-shadow: 0px 6px 16px rgba(69, 107, 124, 0.5);
}
.th_ism_chapter{
    border: 1px solid rgb(161, 161, 161);
}
.ism_chaperts_h3{
    color: rgb(233, 151, 0);padding: 10px;font-weight: 800;text-align:center;
    font-size: 35px;
}
.tr_ism_chapertrs{
    border: 1px solid rgb(161, 161, 161);
}
.tab_ism_detals_chapters{
    display: flex; align-items: center;border-bottom: 1px solid rgb(161, 161, 161);;padding: 10px;
}
.headers_ism_chapters{
    margin-top: 3vh;margin-left: 5vw;
}
.heading_ism_chapter{
    margin-left: 35px;margin-top: -4vh;color:#001f74;font-size: 25px;font-weight: 750;
}

.content_accord_ism_chapter{
    margin-left: 5vw;padding: 20px;
}
.th_inside_table_content{
    border: 1px solid rgb(165, 165, 165);
}


.tbale_inside_ism_chapter{
    border: 1px solid rgb(165, 165, 165);width: 100%;text-align: center;padding: 30px;
}
.tbale_inside_ism_chapter .tr_inside_table_content{
    border: 1px solid rgb(165, 165, 165);
    color: #000958;
    font-size: 16px;
}

.contact-wide-container-cont .contact-img-div-cont img {
    object-fit: cover;
}


.contact-blue-overlay-img-faq {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Adjusted to cover the full width */
    height: 60vh; /* Adjusted to cover the full height */
    background-image: linear-gradient(to right, rgba(7, 170, 199, 0.295), rgba(12, 97, 194, 0.37));
    transform: rotate(0deg); /* Rotate the overlay to create a slash effect */
    transform-origin: top left; /* Set the origin of transformation */
    overflow: hidden; /* Hide the parts of the overlay that go outside the container */
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);

}

.contact-wide-container-faq {
    justify-content: center;
    position: static;
}

.contact-wide-container-faq .contact-img-div-con-faq {
    position: relative; /* Add this */
    width: 100%;
    height: 200px;
    text-align: center;
}


.contact-wide-container-faq .contact-img-div-con-faq img {
    object-fit: cover;
    height: 60vh;width: 100%;
}
.main_div_faq{
    margin-bottom: -10%;
}
.main_div_faq .heading-section{
    margin-top: 35vh;  align-items: center;background-image: linear-gradient(to right, rgba(198, 244, 255, 0.479), rgba(188, 232, 255, 0.479)); width: 100%;height: 10vh;
}
.main_div_faq .heading-section h1{
    text-align: center;padding: 10px;color: #ec9615;font-weight: 800;margin-top:20%;
}
.main_div_faq .faq-section{
    margin-top: 10vh; display: flex; align-items: center;padding-left:30px;padding-right:30px;
}

.faq-section .accordtion_faq_main{
    width: 100%; background-image: linear-gradient(to top, rgba(224, 247, 253, 0.479), rgba(188, 232, 255, 0.479));
}

.accordion__tab-content-faq {
    transition: height 0.3s ease-out;
    margin-left: 2.5vw;margin-bottom: 20px;padding: 10px;
}

.accordion__tab-content-faq.open {
    max-height: 650px; /* Set a maximum height for the content */
}

.accordion__tab-content-faq p {
    font-weight: 450;
}

.accordion__tab-faq {
    margin-bottom: 20px; /* Add margin between tabs */
    display: block; align-items: center;border: 1px solid rgb(161, 161, 161);padding: 5px;box-shadow: 0px 0px 5px rgba(2, 25, 59, 0.5);
}

.global_certification_main {
    display: flex;
    justify-content: center; /* Horizontally center */
    align-items: center; /* Vertically center */
    width: 100%;
    height: 30vh;
    background-image: linear-gradient(to right, rgba(0, 41, 117, 0.87), #d4e2f0, #d4e2f0, rgba(0, 41, 117, 0.87));
    position: relative;
    margin-top: 140px;
    box-shadow: 1px 1px 5px 1px;
}

.global_certification_main h1 {
    color: rgba(1, 2, 78, 0.822);
    text-align: center;
    font-weight: 900;
    font-style: inherit;
    font-variant-caps: petite-caps;
    font-size: -webkit-xxx-large;
}
.global_certification_data{
    width: 70%;
    margin-top: 7%;
    text-align: left;
    margin-left: 5%;
    font-family: Barlow Condensed,sans-serif;
    font-size: 20px;
    margin-bottom: -10%;
}
.global_certification_data h2{
    margin-top:5%;
    font-weight: 900;
    background-color: #d4e2f0;
    color:rgba(1, 2, 78, 0.822); ;
}


.global_certification_img_right{
width: 30%;
object-fit: cover; 
}
.global_certification_img_right img{
width: 65%;
margin-top: -180%; 
    margin-left: 265% ;

    }

    .cpsm_global_main_cont {
        position: relative;
    }
    
    .cpsm_global_main {
        width: 100%;
        margin-top: 140px;
    }
    .cpsm_global_main img{
        height: 55vh;
        width: 100%;
    }
    
    .overlay_cpsm {
        position: absolute;
        width: 100%;
        height: 55vh;
        background-color: rgba(47, 127, 247, 0.226); /* Blue color with 50% opacity */
    }
    
    .cpsm_heading {
        background-image: linear-gradient(to right, rgba(29, 111, 235, 0.5), rgba(7, 102, 192, 0.562), rgba(4, 80, 180, 0.774), rgba(10, 85, 156, 0.897));
        height: 10vh;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 3%;
    }
    
    .cpsm_heading h1 {
        padding: 10px;
        margin: 0; /* Reset default margin */
        color: #001755;
        /* font-family:petite-caps ; */
        font-family: Barlow Condensed,sans-serif;
        font-size: -webkit-xxx-large;
    }
    
    .cpsm_content{
        margin-top: 5%;
        /*margin-left: 3%;*/
        text-align:left;
        width: 100%;
        /* font-family:petite-capsBarlow Condensed ; */
        font-family:sans-serif;
        font-size: 18px;
        padding-left: 60px;
        padding-right: 60px;
        
    }

    .inner_img_cont_div{
        display: block;
        padding: 20px;
    }
    .inner_img_cont_div .left-cpsm-div{
        width: 100%;
        margin-top: 5%;
    }
    .inner_img_cont_div .right-image-cpsm-div{
        width: 100%;
        float: right;
        margin-top: 5%;
        margin-left: 25%
    }
    .inner_img_cont_div .right-image-cpsm-div img{
        width: 100%;
    }
    .inner_img_cont_div .left-cpsm-div2{
        margin-top: 5%;
    }
    .inner_img_cont_div .right-image-cpsm-div2{
        width: 100%;float: right;margin-top: 5%;margin-left: 10%
    }
    .inner_img_cont_div .right-image-cpsm-div2 img{
        width: 100%;
    }
    .inner_img_cont_div .left-cpsm-div3{
        margin-top: 5%;
    }
    .inner_img_cont_div .right-image-cpsm-div3 {
        width: 100%;
        float: right;
        margin-top: 5%;
        margin-left: 2%
    }
    .inner_img_cont_div .right-image-cpsm-div3 img{
        width: 100%;
    }
    .cpsm_global_main_cont{
        margin-bottom: -10%;
    }
    
    .line_cpsm_cont{
        height: 1px;
        width: 135%;
        background-color: #001755;
        margin-top: 5%;
    }
    .cpsm_cont_bottm{
        margin-top: 2%;
    }



    .accordion__tab-content_training {
        max-height: 100%;
        overflow: hidden;
        transition: height 0.3s ease-out;
    }
    
    .accordion__tab-content_training.open {
        max-height: 50vh; /* Set a maximum height for the content */
    }
    .consulting{
        width: 85%;
        margin-left: 5%;
         margin-top: 5%;
    }
    .accordion__tab_training {
        margin-bottom: 20px; /* Add margin between tabs */
        display: flex; 
        align-items: center;
        border: 1px solid rgb(161, 161, 161);
        padding: 5px;
        border-radius: 5px;
    } 
    /*  */
    .consulting .spend_analysis,.benchmarking ,.diversity ,.advisory{
        margin-left: 2.5vw;
        margin-bottom: 20px;
        padding: 10px;
    }
    .consulting .accordion__tab_training .accordion__header{
        margin-top: 1%;
    }
    .accordion__headline{
        margin-left: 35px;
        margin-top: -3.5vh;
    }
    
    
    .consulting_main_div {
        width: 100%;
        margin-top: 140px;
        font-family: Barlow Condensed,sans-serif;
        font-size: 20px;
    }
    .consulting_main_img_div {
        position: relative;
        margin-top: 35px;
    }
    
    .consulting_main_img_div img {
        width: 100%;
        height: 70vh;
    }
    .consulting_main_div .main_heaidng_div_consulting{
        width: 100%;
        background-image: linear-gradient(to right, rgba(113, 178, 252, 0.479),rgba(0, 20, 100, 0.884),rgba(0, 22, 109, 0.884),rgba(113, 178, 252, 0.479) );
         margin-top: 5%; 
         text-align: center;
         padding: 10px;
         color: rgba(255, 255, 255, 0.863);
    }
    .consulting_main_div .content_div_consulting{
        width: 100%;
        margin-top: 5%;
        text-align: center;
    }
    .consulting_main_div .content_div_consulting img {
        width: 20%;
        margin-left: 5%;
    }
    
    
    .overlay_consultnt {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(5, 90, 218, 0.226); /* Blue color with 50% opacity */
    }
     .overlay_consultnt h1{
        margin-top: 10%;
        color: darkblue;
        font-size: 65px;
        margin-left: 10%;
        font-weight: 700;
    }

    .content_cosulting{
        padding-left: 50px;
        padding-right: 50px;
        margin-top: 5%;
        margin-bottom: -10%;
    }

    .trainig_main_div{
        font-family: petite-caps; 
        font-size: 20px;
        margin-top: 140px;
    }
    .trainig_main_div .training_img_div{
        margin-top: 35px;
        text-align: center;
    }
    .trainig_main_div .heading_trainig_develop{
        width: 100%;
        background-image: linear-gradient(to right, rgba(6, 77, 158, 0.671),rgba(113, 178, 252, 0.479),rgba(113, 178, 252, 0.479), rgba(4, 85, 161, 0.658)); 
        margin-top: 5%; 
        text-align: center;
        padding: 10px;
        color: rgba(3, 15, 85, 0.863);
    }
    .trainig_main_div .right_img_div_trainig_img{
        width: 40%;
        float: right;
    }
    .trainig_main_div .right_img_div_trainig_img img{
        width: 50%;
        margin-left:40%;
    }
    .right_img_div_trainig_img .corporate_trainig_right_img1{
        margin-top: 33%;
    }
    .right_img_div_trainig_img .corporate_trainig_right_img2{
        margin-top: 40%;
    }
    .right_img_div_trainig_img .corporate_trainig_right_img3{
        margin-top: 50%;
    }
    .trainig_main_div .content_traning_div{
        width: 60%;margin-left: 10%; margin-top: 5%;
    }
    .trainig_main_div .content_traning_div h3{
        font-family: var(--font-in-regular);
        background-image: linear-gradient(to right, rgba(203, 211, 214, 0.363), rgba(207, 223, 233, 0.411)); 
        padding: 10px;
    }
    .training_develop{
        width: 100%;
    }
    .training_develop .accordion__tab_training{
        display: flex; 
        align-items: center;
        border: 1px solid rgb(161, 161, 161);
        padding: 5px; 
        background-image: linear-gradient(to right, rgba(203, 211, 214, 0.363), rgba(207, 223, 233, 0.411)); 
    }

    .training_accordion_header{
        margin-top: 1vh;
    }
    .training_accordion_headline{
        margin-left: 35px;
        margin-top: -3vh;
    }

    .training_accordition_content{
        margin-left: 2.5vw;margin-bottom: 20px;padding: 10px;
    }

    .whyus_list{
        font-size: 20px;
        line-height: 35px;
        text-align: left;
        color: #000958;
        padding: 30px;
    }


    .exam_schedule_main{
        margin-top: 130px;
        margin-bottom: -10%;
    }
    .exam_schedule_div{
        width: 100%;height: 50%;position: relative;
    }

    .overlay_exam_scdule{
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 101, 196, 0.301);
    }
    .overlay_exam_scdule h1{
        color: rgba(1, 29, 104, 0.897);
        text-align: center;
        margin-top: 10%;
        font-size: 90px;
        font-family:Haettenschweiler;
         background-color: rgba(0, 0, 71, 0.288);
         padding: 10px;
    }
    .exam_schedule_div img{
        object-fit: cover;
        width: 100%;
        height: 60vh;
    }
    .heading_cpsm_exam_dynamic{
        background-image: linear-gradient(to right,rgba(0, 110, 255, 0.445),rgba(2, 54, 167, 0.795));
        color: white; 
        height: 10vh; 
        display: flex; 
        justify-content: center;
         align-items: center;
          margin-top: 4%;
    }
    .heading_cpsm_exam_dynamic h3{
        text-align: center;
        padding: 10px;
        font-size: 40px;
        font-family:rift-soft,Arial Narrow, Arial, Helvetica, sans-serif;
        opacity: 1
    }
    .exam_dynamic_content .dynmaic_center_date_regis_div{
        display: flex;font-family:petite-caps;opacity: 1;font-weight: 550;font-size: 20px;justify-content: space-between;
    }
    .exam_dynamic_content .dynmaic_center_date_regis_div .exam_schedule_center{
        width: 30%; margin-top: 5%; margin-left: 1%;border: 1px solid;padding: 5px;text-align: center; background-color: azure;
    }
    .exam_dynamic_content .dynmaic_center_date_regis_div .exam_schedule_register_date{
        width: 30%; margin-top: 5%;border: 1px solid;padding: 3px;text-align: center;background-color: azure;
    }
    .exam_dynamic_content .dynmaic_center_date_regis_div .exam_schedule_exam_date{
        width: 30%; margin-top: 5%;margin-left: 0%;border: 1px solid;padding: 3px;text-align: center;background-color: azure;
    }
    .anchor a:hover{
        background-color: #000e36;
        color: white;
    }
    .bottom_content{
        margin-top: 5%; display: flex;background-color: rgba(6, 66, 196, 0.253);padding: 10px;
    }
    .bottom_content h3{
        margin-left: 2%;padding: 5px;
    }
    .bottom_content a{
        margin-left: 3%;font-size: 25px;text-decoration: none;padding: 6px;border-radius: 30px;margin-bottom: 3px;
    }
    .bottom_paragraph_div {
        margin-top: 5%;
        background-image: linear-gradient(to right,rgb(0 41 255 / 65%),#287af5bf,rgb(0 154 255 / 89%)); 
        height: 30vh;
    }
    .bottom_paragraph_div h4{
        margin-left: 3%;padding: 10px;color: white;
    }
    .bottom_paragraph_div ul{
        margin-left: 5%;padding: 10px;color: white;line-height: 200%;font-size: 18px;
    }

    .exam_registratin_div_img{
        position: relative;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 35px;
    }
    .overlay_exam_registartion{
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 132, 255, 0.247);
    }
    .overlay_exam_registartion h1{
        color: white;
        margin-top: 10%;
        font-size: 80px;
        background-color: rgba(1, 1, 94, 0.185);
        font-family: Haettenschweiler;
        padding: 10px;
    }
    .exam_registratin_div_img img{
        width: 100%; height: 60vh;
    }
    .exam_registration_main_div{
        margin-bottom: -10%;
        margin-top: 130px;
    }
    .exam_registration_main_div .google_from_div{
        margin-top: 5%; position: relative;
        /*margin-left:10%;margin-right:10%;*/
    }
    .exam_registration_main_div .google_from_div .form_background_image{
        opacity: 0.4; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    }
    .exam_registration_main_div .google_from_div h1{
        z-index: 1;opacity: 1;position: relative;text-align: center;padding: 10px;color: rgba(2, 34, 139, 0.856);
    }
    .exam_registration_main_div .google_from_div h3{
        z-index: 1;opacity: 1;position: relative;text-align: center;padding: 10px;color: rgba(2, 34, 139, 0.856);margin-right: 60%;
    }
    .exam_registration_main_div .google_from_div form{
        width: 100%; z-index: 1;position: relative; padding-left:10%; padding-right:10%;
    }
    .exam_registration_main_div .google_from_div .form-group .register_exam_type{
        flex-direction: column;
        text-align: left;
        padding: 10px;
        border: 1px solid;border-radius: 10px;font-size: 20px;
    }
     .form-group .register_exam_type  input[type="text"], input[type="checkbox"], input[type="email"]{
            width: auto;
            padding: 9px;
            font-size: 20px;
            display: table-row;
    }
    .column-options {
        flex-direction: column;
        border: 1px solid; padding: 10px; border-radius: 10px; font-size: 20px; display: flex; flex-wrap: wrap;
    }
    .column-options1{
        flex: 1 50%; margin-right: 10px;
    }
    .column-options2{
        flex: 1 50%;
    }
    .google_from_div button{
        border: none;background-color: rgba(2, 18, 88, 0.829);font-size: 25px;padding: 5px;width: 30vh;margin-bottom: 5%;text-align: center;justify-content: center;align-items: center;margin-left: 30%; color: white;border-radius: 5px;
    }
    .bank_details_container{
        float: right;margin-top: -15%; position: relative;padding: 5px;margin-right: -70%;
    }
    .bank_details_container  img{
        width: 17%;height: 20%;opacity: 2;margin-left: 3%;
    }
    .bank_details_container .h8_bank_details{
        float: right;margin-right: -20%;padding: 5px;
    }
    .google_from_div .exam_note_div{
        position: relative; background-image: linear-gradient(to right,rgba(1, 1, 177, 0.377),rgba(255, 0, 0, 0.308),rgba(0, 0, 255, 0.308)); padding: 10px;font-size: 20px;color: rgb(255, 255, 255)
    }
    .google_from_div .main_date_heading_exam_register{
        margin-left: 0%;
        width: 100%;
    }
    .exam_registration_main_div  .google_from_div .payment_content_exam_registration label {
        font-size: 20px;
    }
    .google_from_div .exam_note_div h3{
        margin-right: 0%;
    }
    .google_from_div .exam_note_div ul{
        margin-left: 5%;
        list-style: none;padding: 10px;line-height: 20px;
    }
    .google_from_div .exam_note_div p{
        margin-left: 5%;
    }
    .main_exam_practical_tips{
        margin-top: 130px;
    }

    .main_exam_practical_tips .head_div_practical_exam{
        position: relative;margin-top: 35px;
    }
    .main_exam_practical_tips .head_div_practical_exam img{
        width: 100%; height: 60vh;
    }
    .overlay_practical{
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 55, 128, 0.342);
    }
    .overlay_practical h1{
        color: rgba(1, 10, 92, 0.911);margin-top: 10%;text-align: center;font-size: 80px;font-family: Haettenschweiler;padding: 10px;background-color: rgba(94, 54, 1, 0.185);
    }
    .main_exam_practical_tips .practical_content_main_div{
        display: flex; margin-top: 5%; position: relative;
    }
    .practical_tips_overlay{
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(206, 124, 0, 0.342);
        clip-path: polygon(100% 0, 100% 100%, 60% 100%, 30% 0%);
    }
    .main_exam_practical_tips .practical_content_main_div .practical_img_div {
        width: 65%; background-image: linear-gradient(to right, rgba(122, 80, 1, 0.74), rgba(248, 170, 3, 0.541), rgba(75, 42, 0, 0.5));
    }
    .main_exam_practical_tips .practical_content_main_div .practical_img_div img{
        width: 100%; height: 58vh;
    }
    .main_exam_practical_tips .practical_content_main_div .practical_content_img_div{
        width: 35%; background-image: linear-gradient(to right, rgba(85, 56, 2, 0.411), rgba(134, 99, 0, 0.356), rgba(175, 99, 0, 0.24));position: relative;
    }
    .main_exam_practical_tips .practical_content_main_div .practical_content_img_div ul{
        padding: 5px; margin-left: 5%; margin-top: 3%; font-size: 25px; color: rgb(255, 255, 255); list-style-type: none;font-family: amaranth;
    }
    .main_exam_practical_tips .practical_content_main_div .practical_content_img_div li{
        margin-bottom: 10px;
    }
    .main_exam_practical_tips .practical_content_main_div .practical_content_img_div h2{
        font-family: amaranth;margin-left: 20%;
    }
    .main_exam_practical_tips .middle_contaent_practical{
        width: 100%;margin-top: 3%; display: flex;position: relative;justify-content: center;align-items: center;
    }
    .main_exam_practical_tips .middle_contaent_practical h1{
        padding: 30px; text-align: center;color: rgba(2, 2, 88, 0.836);width: 75%;background-color: rgb(213, 235, 250);font-family: amaranth;
    }
    .main_exam_practical_tips .middle_contaent_practical img{
        width: 20%;margin-left: 3%;
    }
    .main_exam_practical_tips .practical_tips_pdf_div{
        width: 100%; margin-top: 5%;margin-left: 3%; display: flex;position: relative;justify-content: center;align-items: center;margin-right: 3%;
    }
    .main_exam_practical_tips .practical_tips_pdf_div img{
        width: 20%;margin-right: 3%;
    }
    .main_exam_practical_tips .practical_tips_pdf_div h1{
        padding: 30px; text-align: center;color: rgba(2, 2, 88, 0.836);width: 75%;background-color: rgb(213, 235, 250);font-family: amaranth;margin-right: 4%;
    }
    .main_exam_practical_tips .practical_tips_content_bottom{
        margin-top: 5%;
    }
    .main_exam_practical_tips .practical_tips_content_bottom .tips_set_goal_content{
        margin-left: 4%;margin-right: 5%;
    }
    .main_exam_practical_tips .practical_tips_content_bottom .tips_set_goal_content h3{
        margin-bottom: 2%;
        background-color: rgb(213, 235, 250);;
        color: #000958;
        padding: 5px;
    }

    .main_div_volunteer{
        margin-bottom: 5px;
        margin-top: 130px;
    }
    .main_div_volunteer .div_volunteer_img{
        margin-top: 2%;position: relative;
    }
    .overlay_join_volunteer h1{
        color: rgb(255, 255, 255);margin-top: 10%;text-align: center;font-size:70px;font-family: Haettenschweiler;padding: 5px;background-color: rgba(0, 9, 67, 0.5);margin-left:7%;
    }
    .overlay_join_volunteer p{
        color: rgb(255, 255, 255);margin-top: 0%;text-align: center;font-size: 30px;font-family:gill sans;padding: 10px;background-color: rgba(0, 9, 67, 0.5);margin-left:7%;
    }
    .div_volunteer_img img{
        width: 100%;height: 65vh;
    }
    .main_div_volunteer .div_content_volunteer {
        text-align: left; padding: 70px;background-color: rgba(0, 44, 126, 0.938);color: white;
    }
    .main_div_volunteer .div_content_volunteer ul{
        font-size: 18px; 
    }
    .main_div_volunteer .div_content_volunteer h2{
        padding: 25px;margin-top: 3%;color: orange;font-weight: 900;
    }
    .main_div_volunteer .div_content_volunteer h4{
        color: orange;
    }
    .div_volunteer_form{
        background-color: rgba(0, 44, 126, 0.938);color: white;font-family:gill sans;margin-bottom: -10%;
    }
    .form_main_volunteer{
        display: flex;
    }
    

    .overlay_join_volunteer{
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(116, 68, 5, 0.322);
        clip-path: polygon(100% 0, 100% 100%, 45% 100%, 20% 0%);
    }

    .content_div_member .first_div_mmeber a:hover{
        background-color: rgb(66, 2, 218);;
    }

    .form-group-vounteer {
    
        margin: 0% 4% 2% 4%;
        /* text-align: center; */
        width: 100%;
        padding-bottom: 15px;
    }
    
    
    .form-group-vounteer input[type="text"],
    .form-group-vounteer input[type="email"],
    .form-group-vounteer textarea,
    .form-group-vounteer select {
        width: 100%;
        padding: 3px;
        font-size: 15px;

    }
    .form-group-vounteer label{
        font-size: 20px;
    }
    
    .form-group-vounteer button {
        width: 20%;
        padding: 5px;
        font-size: 26px;
        text-align: center;
        align-items: center;
        background-color: #e98d03ee;
        color: #fff;
        border: none;
        cursor: pointer;
        margin-left: 37%;
        border-radius: 5px;
        
    }
    .main_div_member_join{
        margin-top: 130px;
    }
    .main_div_member_join .member_join_img_upper_div{
        margin-top: 35px;position: relative;
    }
    .overlay_join_member{
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(38, 5, 116, 0.322);
        clip-path: polygon(100% 0, 100% 100%, 45% 100%, 20% 0%);
    }
    .overlay_join_member h1{
        color: rgb(255, 255, 255);margin-top: 10%;text-align: center;font-size: 70px;font-family: Haettenschweiler;padding: 5px;background-color: rgba(0, 9, 67, 0.425);margin-left:5%;
    }
    .main_div_member_join .member_join_img_upper_div img{
        width: 100%;height: 65vh;
    }
    .main_div_member_join .join_as_member_div_content{
        margin-top: 0%;width: 100%;background-color: rgb(1 39 108 / 98%);padding: 50px;color: white;
    }
    .join_as_member_div_content h2{
        text-align: center;
    }
    .join_as_member_div_content p{
        text-align: center; font-weight: 500;margin-top: 2%;
    }
    .content_div_member .first_div_mmeber{
        background-color: rgb(0 44 110);width:100%;padding: 20px;color: white;
    }
    .content_div_member .first_div_mmeber h1{
        margin-left: 20%;
    }
    
    .content_div_member .first_div_mmeber h6{
        margin-left: 30%;
    }
    .line_membership_left_div{
        width: 70%;height: 1px;background-color: rgb(240, 136, 0);
    }
    .content_div_member .first_div_mmeber ul{
        margin-top: 2%;padding: 20px;line-height: 32px; font-weight: 500;width: 70%;
    }
    .content_div_member .first_div_mmeber .proffesinal_anchor{
        margin-left: 25%;text-decoration: none;background-color: rgb(202, 141, 10);color: white;padding: 15px;
    }
    .content_div_member .first_div_mmeber img{
        width: 25%;float: right;margin-top: -16%;
    }
    .content_div_member .second_div_member{
        background-color: rgb(0 44 110);width:100%;padding:30px;color: white;margin-bottom: -10%;
    }
    .content_div_member .second_div_member h1{
        margin-left: 25%;margin-top: 5%;
    }
    .content_div_member .second_div_member h6{
        margin-left: 30%;
    }
    .content_div_member .second_div_member ul{
        margin-top: 2%;padding: 20px;line-height: 32px; font-weight: 500;width: 70%;
    }
    .content_div_member .second_div_member a{
        margin-left: 25%;text-decoration: none;background-color: rgb(202, 141, 10);color: white;padding: 15px;
    }
    .content_div_member .second_div_member img{
        width: 25%;float: right;margin-top: -16%;
    }
    .form_login {
        text-align: center;
        width: 100%;
        padding-bottom: 50px;
    }
    
    
    .form_login input[type="text"],
    .form_login input[type="password"]{
        width: 50%;
        padding: 9px;
        font-size: 15px;

    }
    
    .form_login button {
        width: 20%;
        padding: 5px;
        font-size: 26px;
        text-align: center;
        align-items: center;
        background-color: #02074bee;
        color: #fff;
        border: none;
        cursor: pointer;
        /* margin-left: 37%; */
        text-align: center;
        border-radius: 5px;
        
    }
    .main_div_member_mytrainig .member_contnet_div_img{
        margin-top: 130px;position: relative;
    }

    .overlay_member_contnet{
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(105, 60, 0, 0.322);
        clip-path: polygon(30% 0, 100% 100%, 0% 100%, 0% 0%);
    }
    .overlay_member_contnet h1{
        color: rgb(255, 255, 255);margin-top: 25%;text-align: center;font-size: 60px;font-family: gill sans;padding: 10px;background-color: rgba(2, 11, 75, 0.548);
    }
    .main_div_member_mytrainig .member_contnet_div_img img{
        width: 100%;
        /*height: 65vh;*/
    }
    .div_member_content_main{
        margin-top: 0%;background-color: rgb(0 31 88 / 92%); color: white;padding: 30px;
    }
    .div_member_content_main h2{
        text-align: center;margin-top: 2%;
        color: orange;
    }
    .div_member_content_main p{
        margin-top: 3%;width: 70%;
    }
    .div_member_content_main ul{
        width: 70%;
    }
    .div_member_content_main img{
        width: 25%;float: right;margin-top: -17%;
    }
    .mytraning_anchor_div{
        margin-top: 5%;margin-left: 10%;
    }
    .mytraning_anchor_div .exam-link{
        background-color: rgba(255, 145, 0, 0.938);text-decoration: none;padding: 10px; color: white;margin-left: 2%
    }

    .login_main_img_div{
        margin-top: 5%;
        text-align: center;
        position: relative;
        
    }

    .login_main_img_div img{
        width: 80%;
        
    }
    .overlay_login{
        position: absolute;
        width: 80%;
        height: 100%;
        background-color: rgba(143, 30, 2, 0.267);
        margin-left: 10%;
        /* clip-path: polygon(100% 0, 100% 100%, 45% 100%, 20% 0%); */
    }
    .login_form_div form{
        background-color: rgba(224, 224, 224, 0.507);
        padding: 10px;
        width: 80%;
        margin-left: 10%;
    }
    .login_form_div .username{
        margin-top: 5%;
    }
    .login_form_div label{
        margin-left: -43%;
        font-size: 20px;
        margin-bottom: 10px;
    }
    .login_form_div .form_login a {
        margin-left: 40%;
    }
    .login_form_div .form_login .register_clas_login{
        margin-left: 0%;
    }

    .login_form_div .form_login h6{
        margin-top: 2%;
    }
    .login_form_div{
        margin-bottom: -10%;
    }
    .toggle-password {
        position: absolute;
       top: 38%;
       right: 10%;
        transform: translateY(-50%);
        cursor: pointer;
        margin-right: -2%;
    }
    .login_main_div,.login_form_div,.form_login{
        position: relative;
    }

    .register_main_div {
        display: flex;
        margin-bottom: -7%;
    }
    
    .register_main_img_div {
        width: 50%;
    }
    
    .register_main_img_div img {
        width: 100%;
        object-fit: cover;
        margin-left: 0%;
        padding: 20px;
        margin-top: 17%;
        }
    
    .main_div_form_register {
        width: 60%;
        text-align: center;
        margin-top: 5%;
        height: 200%;

    }
    .main_div_form_register .username{
        margin-top: 5%;

    }
    
    .main_div_form_register form {
        background-color: #d4e2f0;
        padding: 50px;
        height: 200%;
    }
    .main_div_form_register form h1{
        color: rgb(0, 0, 117);

    }
    
    .form_register {
        text-align: left;
        margin-bottom: 20px;
    }
    
    .form_register label {
        font-size: 20px;
        display: block;
        margin-bottom: 5px;
    }
    
    .form_register input[type="text"],
    .form_register input[type="email"],
    .form_register input[type="password"] {
        width: calc(100% - 20px); /* Adjusted width */
        padding: 9px;
        font-size: 15px;
    }
    
    .form_register button {
        width: 30%;
        padding: 10px;
        font-size: 20px;
        background-color: #02074bee;
        color: #fff;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-left: 30%;
        margin-top: 5%;
    }
    
    .register_main_heading_div {
        margin-top: 110px;
        color: #01268d;
        background-image: linear-gradient(to right, rgba(87, 158, 190, 0.61), rgba(87, 158, 190, 0.61), rgba(87, 158, 190, 0.61), rgba(87, 158, 190, 0.61));
        height: 20vh;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .register_main_heading_div h1 {
        font-size: 90px;
        font-family:Haettenschweiler;
    }
    .main_div_form_register .content_register {
        background-color: rgb(1 0 92 / 87%);
        padding: 10px;
        margin-top: 7%;
        width: 100%;
        color: rgb(255, 255, 255);
        border-radius: 10px;
        position: relative;
    }
    
    .main_div_form_register .content_register li {
        text-align: left;
        padding: 5px;
        font-size: 20px;
    }


    .competency_img_div{
        width: 100%;
        margin-top: 5%;
        position: relative;
    }
    .competency_img_div img{
        width: 50%;
        text-align: center;
        margin-left: 53%;
    }
    .overlay_comptency{
        position: absolute;
        width: 98%;
        height: 100%;
        background-color: rgba(196, 111, 0, 0.384);
        margin-left: -2%;
        clip-path: polygon(0 0, 80% 0, 60% 100%, 0 100%);
    }
    .overlay_comptency h1{
        background-color: #001149b7;
        padding: 10px;
        color: white;
        text-align: center;
        margin-top: 10%;
        font-size: 45px;
        font-family: 'Gill Sans';
        font-weight: 900;

    }
    .overlay_comptency p{
        background-color: #0011497c;
        padding: 10px;
        color: white;
        text-align: center;
        /* margin-top: 10%; */
        font-size: 20px;
        font-family: gill sans;
    }
    .competency_content_div{
        margin-top: 2%;
        display: flex;
        font-family: gill sans;

    }
    .competency_main_div{
        margin-bottom: -10%;
        margin-top: 130px;
    }
    .competency_content_div p{
        font-size: 20px;
        margin-top: 5%;
        margin-left: -8%;
    }
    .competency_content_div h4{
        font-size: 30px;
        font-weight: 600;
        margin-top: 2%;
        margin-left: 3%;
        background-image: none;
    }

    .competency_content_div img {
        width: 30%;
        
        
    }
    .next_content_compteency{
        display: flex;
        font-family: gill sans;
    }
    .competency_next_content_anchor{
        width: 33%;
        text-align: center;
        padding: 20px;
        margin-bottom: 20px;
        margin-top: 5%;
    }
    .competency_next_content_anchor p{
        font-size: 20px;
    }

    .competency_next_content_anchor a {
        display: block; /* Change anchor tags to block elements */
        color: white;
        font-size: 20px;
        text-decoration: none;
        background-color: #000e36;
        padding: 15px;
        margin-bottom: 10px; /* Add margin between anchor tags */
        width: 70%;
        margin-left:5%;
    }
    .competency_next_content_anchor a:hover {
        background-color: #b66e02b2;
        color: white;
        font-size: 25px;
    }

    
    .competency_next_content_head{
        width: 68%;
        margin-top: 8%;
        
    }
    .competency_next_content_head h4 {
        font-size: 30px;
        font-weight: 600;

    }
    .competency_next_content_head p{
        font-size: 20px;
    }
    .First{
        background-color: rgb(49, 125, 192);
        width: 250vh;
        height: 100vh;
        display: flex;
    }
    .First h1{
        color: white;
        margin-left: 20%;
    margin-top: 5%;

    }
    .First img{
        height: 300px;
        width: 300px; 
        margin-left: 10vw; 
        margin-top: 7%;
    }
    /* .First .slides{
        margin-left: 30vw;
    } */
    .bottom-slide {
        margin-left: 50%;
        margin-top: 20%;
        width: 100%;
    }
   
    .First .bottom-slide p{
        margin-left: 5vw;
    } 
    .bottom-slide ul{
        margin-left: 12%;
        white-space: nowrap;
        text-align: left;
        font-size: 25px;
    }
     .bottom-slide .First h3{
        display: list-item;
        margin-right: 25vw;
    }
   .bottom-slide .secondh3{
        display: list-item;
        margin-right: 13vw;
    }
     .bottom-slide .thirdh3{
        display: list-item;
        margin-right: 16vw;
    }

    .second{
        background-color: rgb(235, 74, 74);
        width: 250vh;
        height: 100vh;
        display: flex;
    }
    .second h1{
        /* font-size: 20px; */
        color: white;
        margin-top: 2%;
        margin-left: 20%;
    }
    .second_slide{
        margin-top: 10%;
        margin-left:60%;
    }
    .second_slide ul{
        margin-left: 25% !important;
    }
    .second_slide p{
        margin-left: 21% !important;
    }
    .second img{
    height: 300px;width: 300px; margin-left: 10vw; margin-top: 7%;}
    
    .third{
        background-color: rgb(88, 171, 240);
        width: 250vh;
        height: 100vh;
        display: flex;
    }
    .third h1{
        /* font-size: 20px; */
        color: white;
        margin-top: 2%;
        margin-left: 20%;
    }
    .third img{
        height: 300px;
        width: 300px; 
        margin-left: 10vw; 
        margin-top: 7%;
    }
    .third_slide{
        margin-top: 10%;
        margin-left: 60%;
    }
    .third_slide ul{
        margin-left: 25% !important;
    }
    .third_slide p{
        margin-left: 21% !important;
    }
    .main_div_pmi_image{
        width: 100%;
        margin-top:130px;
        position: relative;
    }
    .main_div_pmi_image img{
        /* position: absolute; */
        width: 100%;
        height: 100%;
    }
    .overlay_nmi_pmi_report{
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 92, 196, 0.384);
        clip-path: polygon(0 0, 80% 0, 60% 100%, 0 100%);
    }
    .overlay_nmi_pmi_report h1{
        color: white;
        background-image: linear-gradient(to right,rgb(0, 9, 58),rgba(0, 9, 58, 0.671),rgba(0, 0, 80, 0.247));
        text-align: center;
        justify-content:center ;
        align-items: center;
        margin-top: 15%;
        padding: 10px;
        font-size: 70px;
        font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    }
    .main_div_pmi_content{
        margin-top: 5%;
        display: flex;
    }
    .inner_div_content{
        width: 65%;
    }
    .inner_div_content_nmi_report{
        width: 100%;
    }
     .inner_div_content_nmi_report h2{
        text-align: center;
    }
    .main_div_pmi_content .inner_div_content h2{
        text-align: center;
    }
    .main_div_pmi_content .inner_div_content h3{
    margin-left: 1%;    }
    .main_div_pmi_content .inner_div_content p{
        padding: 10px;
        font-size: 20px;
        font-family: gill sans;
    }

    .main_div_pmi_content .inner_div_img{
        width: 35%;
    }
    .inner_div_img img{
        width: 100%;
        margin-top: 2%;
    }

    .pmi_nmi_report_line{
        width: 100%;
        height: 1px;
        background-color: black;
        margin-top: 3%;

    }
    .pmi_report_heading{
        text-align: center;
        margin-top: 2%;
        font-family: gill sans;
        
    }
    .pmi_report_heading_cont{
        margin-left: 5%;
        margin-top: 2%;
        font-family: gill sans;
        width: 100%;
        display: flex;

    }
    .pmi_report_heading_cont .inner_pmi_report_heading_con{
        width: 65%;
    }
    .pmi_report_heading_cont .inner_pmi_report_heading_cont h5{
        padding: 10px;
    }
    .pmi_report_heading_cont .inner_pmi_report_heading_cont p{
        margin-left: 1%;
        padding: 10px;
    }
    .pmi_report_heading_cont .inner_pmi_report_heading_img{
        width: 35%;
    }
    .pmi_report_heading_cont .inner_pmi_report_heading_img h6{
    margin-top: 2%;
    }
    .pmi_report_heading_cont .inner_pmi_report_heading_img img{
        width: 100%;
        justify-content: center;
        align-items: center;
        margin-left: -15%;
        margin-top: 10%;
    }


    .pmi_report_heading2{
        text-align: center;
        margin-top: 2%;
        font-family: gill sans;
    }
    .pmi_report_heading_cont2{
        margin-left: 5%;
        margin-top: 2%;
        font-family: gill sans;
        width: 100%;
        display: flex;
    }
    .pmi_report_heading_cont2 .inner_pmi_report_heading_cont2{
        width: 65%;
    }
    .pmi_report_heading_cont2 .inner_pmi_report_heading_cont2 h5{
        padding: 10px;
    }
    .pmi_report_heading_cont2 .inner_pmi_report_heading_cont2 p{
        margin-left: 1%;
        padding: 10px;
    }
    .pmi_report_heading_cont2 .inner_pmi_report_heading_img2{
        width: 35%;
    }
    .pmi_report_heading_cont2 .inner_pmi_report_heading_img2 h6{
    margin-top: 2%;
    }
    .pmi_report_heading_cont2 .inner_pmi_report_heading_img2 img{
        width: 80%;
        justify-content: center;
        align-items: center;
        margin-top: 15%;
    }

    .content_div_nmi_pmi_note_botom{
        background-color: #0d1733;
        color: white;
        padding: 10px;
        margin-top: 5%;
        margin-bottom: -10%;
    }
    .content_div_nmi_pmi_note_botom h3{
        margin-left: 5%;

    }
    .content_div_nmi_pmi_note_botom ul{
        margin-left: 6%;
        padding: 10px;
        font-size: 20px;
        font-family: gill sans;

    }
    .content_div_nmi_pmi_note_botom li{
        padding: 5px;

    }
    .main_div_magazine{
        margin-bottom: -10%;
       
    }

    .main_div_magazine_img{
        position: relative;
        margin-top: 130px;
    }
    .main_div_magazine_img img{
        width: 100%;
        height: 55vh;
    }

    .overlay_magazine{
        position: absolute;
        width: 100%;
        height: 100%;
        background-image:linear-gradient(to right ,rgba(0, 18, 37, 0.815),rgba(0, 43, 92, 0.562),rgba(0, 43, 92, 0.171));
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
    .overlay_magazine h1{
        background-image:linear-gradient(to right ,rgba(0, 18, 37, 0.836),rgba(2, 21, 44, 0.788),rgba(0, 43, 92, 0.185),rgba(0, 42, 90, 0));
        color: white;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-top: 10%;
        padding: 10px;
        font-size: 70px;
    }


    .insider_image_div_main{
        display: flex;
        margin-top: 2%;
    }
    .insider_image_div{
        width: 70%;
        /*padding: 10px;*/
         margin-top: 3%;
        margin-left: 7%;
    }
    .inside_content_div{
        width: 70%;
        padding: 20px;
        font-size: 20px;
        margin-top: -1%;
    }
    .inside_content_div p{
        margin-left: 5%;
    }


    .magazines_div {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 2%;
        text-align: center;
    }
    
    .magazine_images_start_robotics {
        width: 30%; /* Adjust the width as needed to fit three images in a row */
        margin: 20px 1.5%; /* Adjust the margin as needed */
        position: relative;
    }
    .magazine_recent_heading{
        
        margin-top: 1%;
        background-color: aliceblue;
    
    }
    .magazine_recent_heading h3{
        margin-left: 8%;
        color: rgb(0, 0, 90);
        text-align: center;
    }
    
    .magazine_images_start_robotics img {
        width: 70%;
        height: auto;
        margin-top: 0%;
    }
    
    .download_link {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        padding: 5px;
        text-wrap: nowrap;
    }
    
     .magazine_images_start_robotics a {
        display: block;
        background-color: burlywood;
        padding: 7px;
        width: 100%;
        font-size: 20px;
        text-decoration: none;
        color: rgb(0, 0, 70);
    }

    .pagination {
        text-align: center;
        margin-top: 20px;
    }
    
    .pagination a {
        display: inline-block;
        padding: 5px 10px;
        background-color: #f4f4f4;
        text-decoration: none;
        color: #333;
        border: 1px solid #ccc;
        margin-right: 5px;
    }
    
    .pagination a:hover {
        background-color: #ddd;
    }
    
    .wecats_image_div img{
        width: 100%;
        height: auto;
    }
    

    .wecats_image_div{
        position: relative;
        margin-top: 130px !important;
    }
    .overlay_webcasts{
        position: absolute;
        width: 98%;
        height: 100%;
        background-image:linear-gradient(to right ,rgba(0, 18, 37, 0.815),rgba(0, 43, 92, 0.562),rgba(0, 43, 92, 0.171));
       
        clip-path: polygon(0 0, 80% 0, 60% 100%, 0 100%);
    }
    .overlay_webcasts h1{
        background-image: linear-gradient(to right, rgba(1, 57, 116, 0.479), rgba(0, 43, 92, 0.562), rgba(0, 43, 92, 0.171));
        color: white;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-top: 10%;
        padding: 10px;
        font-size: 70px;
    }
    .webcast_main_div_content {
        margin-top: 5%;
        margin-bottom: -10%;
    }

    .webcast_latest,
    .webcast_recent {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 2%; /* Space from top */
    }

    .webcast_item {
        width: calc(33.33% - 20px); /* 3 videos in a row for latest section */
        margin: 10px;
        border: 3px solid rgb(170, 102, 0);
        border-radius: 5px;
    }

    .webcast_recent .webcast_item {
        width: calc(25% - 20px); /* 4 videos in a row for recent section */
    }

    .webcast_item iframe {
        width: 100%;
        height: 200px;
    }
    .webcast_main_div_content h2{
        margin-top: 5%;
        background-color: #000e36;
        color: white;
        padding: 10px;
        text-align: center;

    }
    .video_name {
        margin-top: 5px;
        text-align: center;
        background-color: #0d1733;
        color: white;
        font-size: 20px;
        padding: 5px;
    }
    .events_main_div{
        text-align: center;
        margin-top: 130px;
        margin-bottom: -10%;
    }
    .event {
         display: flex; 
        /*flex-direction: column;*/
        align-items: center;
        margin-bottom: 20px;
        width: 100%;
    text-align: center;
    }
    .event .description {
        flex: 1;
        margin-left: 3%;
        width: 50%;
        text-align: left;

    }
    .event .image {
        flex: 1;
        width: 50%;
    }
    .event .image img{
        
        width: 65%;
    }
    .event .description .tittle_event{
         text-decoration: none; 
        font-size: 30px;
        color:#000732;
    }
    .event .description p{
        font-family:sans-serif;
        margin-top: 2%;
    }
    .event .description .timing_para_events{
        font-size: 20px;
        font-weight: 600;

    }

   .event_img_main_div{
    width: 100%;
    height: 50vh;
    position: relative;
   }
   .event_img_main_div img{
    width: 100%;
    height: 50vh;
   }
    .content {
        position: relative;
        z-index: 1;
        color: #000000;
        align-items: center;
        justify-content:center ;
        text-align: center;
        padding: 50px;
    }
    .content h2{
        background-image: linear-gradient(to right,rgba(255, 166, 0, 0.103),rgba(241, 108, 20, 0.678),rgba(224, 97, 12, 0.76),rgba(255, 166, 0, 0.096));
        color: rgb(0, 22, 82);
        text-align: center;
        padding: 10px;
    }
    .content .event-list h3{
        background-image: linear-gradient(to right,rgba(102, 153, 247, 0.171),rgba(46, 97, 192, 0.822),rgba(51, 116, 236, 0.774),rgba(102, 153, 247, 0.144));
        color: rgb(0, 22, 82);
        color: white;
        text-align: center;
        padding: 5px;
    }
    .content .event-list h4{
        background-image: linear-gradient(to right,rgba(102, 153, 247, 0.171),rgba(46, 97, 192, 0.822),rgba(51, 116, 236, 0.774),rgba(102, 153, 247, 0.144));
        color: rgb(0, 22, 82);
        color: white;
        text-align: center;
        padding: 5px;
    }
    .content h4{
        color: white;
    }
    .event-list{
        border: 2px solid rgb(255, 94, 0);
    }
    .event-list{
        width: 100%;
        align-items: center;
        justify-content: center;
        /*margin-left: 20%;*/
        box-shadow: 2px 2px 15px 0px;
        
    }

    .overlay_events{
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 11, 110, 0.308);
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .overlay_events h1{
        color: white;
        text-align: center;
        margin-top: 10%;
        padding: 20px;
        font-size: 60px;
    }

    .pagination .step-links a{
        border: 1px solid #000e36;
        border-radius: 5px;
        background-color: #0d1733;
        color: white;
        font-size: 25px;
        text-align: center;
    }
    .pagination .step-links .current{
        font-size: 20px;
        color: #000732;
    }
    

    .main_img_div_event_details{
        width: 100%;
        position: relative;
        margin-top: 150px;
    }
    .main_img_div_event_details img{
        width: 100%;
    }

    .overlay_events_details{
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 106, 192, 0.507);
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .main_img_div_event_details h1{
        color: rgba(0, 13, 85, 0.788);
        text-align: center;
        background-image: linear-gradient(to right,rgba(0, 94, 156, 0.41), rgba(3, 109, 247, 0.664), rgba(0, 103, 187, 0.33));
        padding: 20px;
        font-size: 40px;
    }
    .contnet_div_event_details{
        margin-top: 2%;
        text-align: center;
    }

    .contnet_div_event_details h1,h5{
        font-family: sans;
        font-weight: 900;
        color: #00227e;
        padding: 5px;
    }

    .timing_para_events_details{
        font-size: 20px;
        font-weight: 600;
        font-family: sans;
        color: #ce8600;

    }
  
    .main_div_every_event .event_details_contnet_para{
        margin-top: 15%;
        width: 100%;
        display: flex;
        margin-bottom:-10%;

    }
    .event_details_contnet_para .event_details_content_img1{
        width:40%;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin: auto;
    }
     .event_details_content_img2{
        width:80%;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin: auto;
        margin-top:2%;
    }
    .event_details_contnet_para .event_details_content_img1{
        display: none;
    }
     .event_details_content_img1 img{
        width: 70%;
    }
    .event_details_content_img2 img{
        width: 100%;
        /*margin-left:10%;*/
    }

    .event_details_contnet_para .event_details_contnet_para_desc{
        width: 80%;
        margin-left:10%;
        text-align:justify;
    }
    .event_details_contnet_para .event_details_contnet_para_desc .event_details_description{
         margin-top:-3%; 
        font-size: 20px;
        font-family:serif ;

    }
   
    .event_details_contnet_para_desc a{
        font-size: 21px;
    }

    .modal {
        display: none;
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        /* overflow: auto; */
        background-color: rgba(0,0,0,0.4);
      }
      .modal-content input[type="text"],
      .modal-content input[type="checkbox"],
      .modal-content input[type="email"]{
        width: 70%;
        padding: 9px;
        font-size: 20px;
        display: block;
      }
      .modal-content input[type="checkbox"]{
        text-align: left;

      }
      .check_box_event_registeration{
        flex-direction: column;
        text-align: left;
        display: grid;
        grid-template-columns: 5% 25%;
        grid-gap: 5px;
        padding: 10px;
      }
      .modal-content input[type="submit"]{
        color: white;
        background-color: #000732;
        width: 30%;
        border: none;
        /* margin-left: -40%; */
        padding: 10px;
        font-size: 20px;
      }
      
      
      .modal-content  label {
        padding: 10px;
      }
      .modal-content form{
        margin-left:25%;
        margin-top: 3%;
      }
      .modal-content h2{
        color: #001075;
        text-align: center;
      }
      
      .check_box_event_registeration input[type="checkbox"] {
        margin-right: 50%;
      }
      .modal-content {
        background-image: linear-gradient(to right,rgba(0, 140, 255, 0.247),rgba(0, 140, 255, 0.089),rgba(0, 140, 255, 0.158),rgba(0, 140, 255, 0.247));
        margin: 10% auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
      }
      
      .close {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
      }
      
      .close:hover,
      .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
      }
      
      .table_bottom_event_details table {
        width: 100%;
        border-collapse: collapse;
        text-align: center;
        border: 1px solid orange;
        
      }
      .table_bottom_event_details .events_detils_bottom1{
        width: 33%;
        border: 2px solid orange;
        height: 25vh;

      }
      .table_bottom_event_details .events_detils_bottom1 h3{
       
        border: 2px solid orange;

      }
      
      .table_bottom_event_details .events_detils_bottom2{
        width: 33%;
        border: 2px solid orange;
        height: 25vh;
      }
      .table_bottom_event_details .events_detils_bottom2 h3{
       
        border: 2px solid orange;

      }
      .table_bottom_event_details .events_detils_bottom3{
        width: 33%;
        border: 2px solid orange;
        height: 25vh;
      }
      .table_bottom_event_details .events_detils_bottom3 h3{
       
        border: 2px solid orange;

      }

      .table_bottom_event_details{
        margin-top: 5%;
        text-align: center;
        justify-content: center;
        align-items: center;
        display: flex;
        color: #002077;
        margin-bottom: -10%;
        width: 80%;
        margin-left: 10%;
      }
      .competency_test_first_img_div{
        position: relative;
        margin-top: 3%;
      }
      .competency_test_first_img_div img{
        width: 100%;
        
      }
      
      .overlay_competency_test1{
        position: absolute;
        width: 100%;
        height: 100%;
        background-image:linear-gradient(to right ,rgba(206, 136, 7, 0.336),rgba(206, 136, 7, 0.336),rgba(202, 163, 80, 0.658));
        clip-path: polygon(0 0, 80% 0, 60% 100%, 0 100%);
        justify-content: center;
        text-align: center;
        align-items: center;
      }
      .overlay_competency_test1 h1{
        color:rgb(199, 129, 0);
        font-size: 50px;
        text-align: center;
        margin-top: 10%;
        background-color: #001f63c5;
        padding: 10px;

      }
      .competency_test1_main_div{
        margin-bottom: -10%;
        margin-top: 130px;
      }

      .competency_test1_main_div .competency1_content_div_main{
        display: flex;
        margin-top: 2%;
        /*background-image: linear-gradient(to right,rgb(193, 224, 235),rgba(194, 234, 247, 0.651),rgba(173, 216, 230, 0.24));*/
        background-image:linear-gradient(to right, rgb(193 224 235 / 0%), rgb(194 234 247 / 21%), rgb(173 216 230 / 0%));
        font-family: sans-serif;
      }

      .competency1_content_div_main .competency1_content_left{
        width: 50%;
        /*margin-left: 3%;*/
        /*background-image: linear-gradient(to right,rgb(193, 224, 235),rgba(194, 234, 247, 0.651),rgba(173, 216, 230, 0.24));*/
        padding: 10px;
      }
      .competency1_content_div_main .competency1_content_left h3{ 
        padding: 10px;
        color: #c27502;
      }
      .competency1_content_div_main .competency1_content_left p{ 
        padding-left: 10px;
        color: #c27502;
      }
      .competency1_content_div_main .competency1_content_left ol{ 
        /* padding-left: 10px; */
        color: #002077;
        font-size: 18px;
      }
      .competency1_content_div_main .competency1_content_left h5{ 
        color: #002077;
        font-size: 25px;
      }
      .competency1_content_div_main .competency1_content_left h4{
          color:red;
          font-size:20px;
      }
      .competency1_content_div_main .competency1_content_left .anchor_competency_start{ 
        color: white;
        background-color:#002077;
        font-size: 20px;
        padding:5px;
        border-radius:5px;
      }
      /*.competency1_content_div_main .competency1_content_left .anchor_competency_start:hover{*/
      /*  background-color: #000e36;*/
      /*  color: white;*/
      /*  font-size: 30px;*/
      /*  padding: 8px;*/
      /*  border-radius: 2px;*/
      /*}*/
      .competency1_content_div_main .competency1_content_left li{
        padding-top: 5px;
        font-weight: 500;
       }
      .competency1_content_div_main .competency1_content_right{
        width: 50%;
        
      }
      .competency1_content_div_main .competency1_content_right img{
          width:100%;
          margin-top:5%;
          padding:10px;
      }

      .blogs_main_div{
        margin-top: 130px;
        margin-bottom: -10%;
      }
      .blogs_main_div .blog_image_div{
        display: flex;
      }
      .blog_image_div .blog_image_left{
        width: 50%;
        position: relative;
      }
      .blog_image_div .blog_image_left img{
        width: 100%;height: 50vh;
      }
      .blog_image_div .blog_right_image{
        width: 50%; 
        background-image:linear-gradient(to right ,rgb(3, 0, 93),rgb(3, 0, 93),rgb(3, 0, 93));
      }
      .overlay_blogs{
        position: absolute;
        width: 100.2%;
        height: 100%;
        background-image:linear-gradient(to right ,rgba(142, 208, 225, 0.062),rgba(142, 208, 225, 0.04),rgb(3, 0, 93));
        justify-content: center;
        text-align: center;
        align-items: center;
      }
      .blog_right_image h2{
        color: white;
        text-align: left;
        margin-top: 7%;
        font-size: 60px;
        font-weight: 900;
      }
      .blog_right_image p{
        color: white;
        text-align: left;
        margin-top: 7%;
        font-size: 25px;
      }

      .row_blog{
        display: flex;
        margin-top: 2%;
      }
      .blogs_card{
        padding: 10px;
      }

      .image_blog{
        text-align: center;
        margin-top: 0%;
        margin-bottom:10%;
      }
      .image_blog img{
        width: 60%;
      }
      .tittle_blog_firstpage{
        text-align: center;
        margin-top:-0%;
      }
        .tittle_blog_firstpage a{
            color:darkblue
        }
      .main_heading_div_blog_details{
        background-color: lightskyblue;
        color: darkblue;
        margin-top: 3%;
        text-align: center;
        padding: 10px;
        
      }
      .main_heading_div_blog_details h1{
        font-weight: 900;
        font-size: 35px;
        font-family: Causten Round;
      }
      .tittle_div_main{
        text-align: center;
        margin-top: 2%;
        color: #000f74;
        font-family: Causten Round;
      }
      .blog_detail_main_div{
        margin-bottom: -10% !important;
        margin-top: 170px;
        font-family:sans-serif;
      }
      
      .content_div_start{
        /*display: flex;*/
        margin-top: 2%;
        /*background-color: rgb(241, 255, 255);*/
        /*color: #000958;*/
        
      }
      .content_div_start .content_main_start{
        width: 100%;
        padding-left: 220px !important;padding-right: 220px !important;
        padding:10px;
        /*margin-bottom:-20%;*/
        text-align:justify;
      }
      .content_div_start .content_main_start h2{
        font-weight: 700;
      }
      .content_div_start .content_main_start p{
        /*line-height:20px;*/
        margin-top:-1%;
      }
      .content_div_start .image_div_content2{
        width: 100%;
        padding: 10px;
        /*margin-top:-3%;*/
      }
      .content_div_start .image_div_content1{
        display: none;
      }
      .content_div_start .image_div_content2{
        display: block;
      }
      .content_div_start .image_div_content2 img{
        width: 60%;
        height: 50vh;
        justify-content:center;
        text-align:center;
        align-items:center;
        margin-left:20%;
      }
      .content_div_start .image_div_content1 img{
        width: 100%;
        height: 100%;
      }
      .content_div_start .image_div_content1{
        width: 30%;
        padding: 10px;
      }
    .blog_paginitomn{
        margin-bottom:-13%;
    }
    .blog_paginitomn .page-link {
        color: #000958; /* Dark blue color for the pagination links */
    }
    
    .blog_paginitomn .page-link:hover {
        color: #000958; /* Darker blue on hover */
    }
    
    .blog_paginitomn .arrow {
        color: #000958; /* Dark blue color for the arrows */
    }
    
    .blog_paginitomn .arrow:hover {
        color: #000958; /* Darker blue on hover */
    }
    
    .blog_paginitomn .current {
        display: block;
        margin: 0.5em 0;
        font-weight: bold;
        color: #333;
    }
    
    /* Ensure the pagination links are appropriately styled */
    .blog_paginitomn .page-item.active .page-link {
        background-color: #010952;
        border: none;
        color: white;
        font-size: 20px;
    }


    .anhor_big{
        display: block;
    }
    .anhor_small{
        display: none;
    }


      .career_main_div{
        margin-bottom: -10%;
        margin-top: 120px;
      }
      .career_image_div{
        display: flex;margin-top:3%;
      }
      .career_image_div .career_image_left{
        width: 50%;
        position: relative;
      }
      .career_image_div .career_image_left img {
        width: 100%; height: 50vh;
      }
      .career_image_div .career_right_div{
        width: 50%;
        background-color: rgb(129, 196, 244);
      }
      .overlay_career{
        position: absolute;
        width: 100.2%;
        height: 100%;
        background-image:linear-gradient(to right ,rgba(142, 208, 225, 0.062),rgba(142, 208, 225, 0.04),rgb(129, 196, 244));
        justify-content: center;
        text-align: center;
        align-items: center;
      }
      .career_image_div .career_right_div h2{
        color: #000732;
        margin-top: 7%;
        font-size: 40px;
        font-weight: 900;
        text-align: left;
      }
      .career_image_div .career_right_div p{
        color: #000732;
        margin-top: 7%;
        font-size: 25px;
        text-align: left;
        font-weight: 700;
      }

      .career_div_content_main {
            width: 100%;
            margin-left: 3%;
            margin-top: 4%;
            display: flex;
            justify-content: space-between;
      }
      .career_div_content_main .career_div_content_1{
        width: 60%;
      }
      .career_div_content_main .career_job_posting{
        width: 35%;
        background-color: rgb(255, 255, 255);
        border: 1px solid rgb(239, 239, 239);
        padding: 30px;
        margin-right: 3%;
      }
      .career_div_content_main .career_job_posting .carer_job_anchor{
        font-size: 25px;
        text-decoration: none;
        color: darkblue;
        font-weight: 700;
        

      }
      .career_div_content_main .career_job_posting .career_jb_posting_inner_div{
        /* background-color: silver; */
        padding: 10px;
        border: 1px solid rgb(201, 114, 0);
        margin-top: 20%;
      }
      .career_div_content_main .career_job_posting .career_jb_posting_inner_div:hover {
        background-color: rgb(230, 230, 230);
        font-size: 30px;
      }
      .career_div_content_main .career_job_posting .career_jb_posting_inner_div:hover .postjob_arrow {
        transform: translateX(5px);
    }
      .career_div_content_main .career_div_content_1 h1{
        font-weight: 900;
        font-size: 50px;
        color: #002280;
        text-align: left;
      }
      .career_div_content_main .career_div_content_1 h3{
        font-weight: 700;
        color: #002280;
        text-align: left;
      }
      .career_div_content_main .career_div_content_1 p{
        margin-top: 3%;
        color: darkblue;
        font-size: 18px;
        font-weight: 500;
      }
      
       .career_job_openings{
        margin-top: 3%;
        width:100% ;
        min-height: 10vh;
        max-height: auto;
        background-color: rgb(237, 237, 237);
        box-shadow:0px 1px 10px -3px;
        border-top:4px solid rgb(189, 107, 0) ;
      }
      .career_job_openings{
        /*text-align: center;*/
        
        color: black;
      }
      .career_job_openings h3{
        margin-top: 1%;
        font-weight: 700;
      }
      .career_div_content_main .career_job_posting .postjob_arrow{
        text-align: right;
        margin-top: -7%;
        font-size: large;
        font-size: 20px;
      }
      
     .quiz_heading_div{
        margin-top: 1%;
        background-color: rgb(107, 187, 252); 
        width: 100%;
        padding: 10px;
        /* text-align: center; */
        display: flex;
    }
    .quiz_heading_div .quiz_heaidng_main_div_left{
        width: 50%;
    }
    .quiz_heading_div .quiz_heaidng_main_div_right{
        width: 50%;
    }
     .quiz_heading_div .quiz_heaidng_main_div_left h1{
        font-size: 50px;
        /*font-weight: 900;*/
        text-align: center;
        color: rgb(255 134 5);;
    }
    .pan_idnia_quiz_heaidng h1{
        font-size:40px !important;
        text-align: center;
        margin-top:1%;
    }
    .quiz_heading_div .quiz_heaidng_main_div_right h3{
        text-align: center;
        margin-top: 2%;
        color: rgb(0, 139, 23);
        font-weight: 800;
    }
    .quiz_main_div{
        margin-bottom:5%;
    }
    .quiz_main_div .quiz_questiin_form_div_main{
        display: flex;
        margin-top: 3%;
    }
    .quiz_questiin_form_div_main .quiz_question_number_div {
        width: 30%;
        margin-top: 3%;
        
    }

    .quiz_questiin_form_div_main .quiz_start_div_all{
        width: 70%;
        flex: 0 0 70%;
    }
    .quiz_start_div_all .question .line_div_questionNo{
        width:95%;
        height: 1px;
        background-color: #b1b1b1;
    }
    .quiz_start_div_all .question p , h3 {
        padding: 10px;
        word-wrap: break-word;
        word-break: break-word;
        white-space: pre-wrap;
    }
    .quiz_start_div_all .question input[type="radio"]{
        margin-left: 1%;
        margin-top: 1%;
    }
    .quiz_start_div_all .question .previous_button_quiz{
        background-color: #000e36;
        color: white;
        padding: 5px;
        font-size: 20px;
    }
    .quiz_start_div_all form button{
        background-color: #000e36;
        color: white;
        padding: 5px;
        font-size: 20px;
        margin-top: 10%;
        margin-left: 5%;
        width: 35%;
        border: none;
        border-radius: 5px;
    }
    .quiz_start_div_all form .submit_button_quiz{
        background-color: #d68000;
        color: white;
        padding: 5px;
        font-size: 20px;
        margin-top: 3%;
        margin-left: 5%;
        width: 15%;
        border: none;
        border-radius: 5px;
    }

    .quiz_question_number_div {
        max-height: 50%; /* Adjust the height as needed */
        overflow-y: auto;
        padding: 10px;
    }
    .total_question_quiz{
        font-size: 25px;font-weight: 600;color: darkblue;
    }
    .total_question_no_quiz{
        font-size: 25px;color: darkblue;
    }
    .questions_numbers {
        cursor: pointer;
        margin-bottom: 5px;
        padding: 0px 7px;
        border: 1px solid #ccc;
        border-radius: 30%;
        background-color: #ffffff;
        font-size: 20px;
    }
    .question_number_show{
        border: 1px solid gray;
        padding: 10px;
        background-color: rgb(182, 226, 243);
    }

    .result_div_img_head {
        margin-top: 150px;
        background-color: rgb(46, 155, 228) !important;
        padding: 10px !important;
        color: white !important;
        text-align: center !important;
    }
    .result_div_img_head h1{
        font-size: 50px;
        font-weight: 900;
    }
    .summary_div_quiz_question{
        width: 100%;
        background-color: rgb(219, 219, 219);
        /*border: 1px solid gray;*/
        /*box-shadow: 1px 1px 10px 1px;*/
        display: flex;
        margin-top: 3%;
        /*margin-left: 10%;*/
    }
    .summary_div_quiz_question .space{
        margin-left: 3%;
        padding: 10px;
        width: 25%;
        
    }
    .summary_div_quiz_question .space h5{
        
        font-size: 22px;
        color: darkblue;
        font-weight: 700;
    }

    .summary_div_quiz_question_category{
        margin-top: 3%;
    }
    .summary_div_quiz_question_category table{
        border: 1px solid rgb(226, 179, 109);width: 80%;margin-left: 10%;text-align: center;margin-top: 1%;
    }
    .summary_div_quiz_question_category .heading_table_category{
        border: 1px solid rgb(226, 179, 109);
        font-size: 25px;
        font-weight: 700;
        color: darkblue;
    }
    .summary_div_quiz_question_category .dta_table_category{
        border-left: 1px solid rgb(226, 179, 109); border-right: 1px solid rgb(226, 179, 109);border: 1px solid rgb(226, 179, 109);font-size: 20px;font-weight: 600;
    }
    .thanks_div_quiz_result{
        background-color: aliceblue;
        border: 1px solid rgb(180, 180, 180);
        /*box-shadow: 0px 0px 10px 0px;*/
        text-align: center;
        margin-top: 15px;
    }
    .thanks_div_quiz_result h5{
        color: orange;font-weight: 700;
    }
    .category_wise_result{
        background-color: aliceblue;
        border: 1px solid rgb(180, 180, 180);
        /*box-shadow: 0px 0px 10px 0px;*/
        text-align: center;
        margin-top: 1px;
        width: 80%;
        margin-left: 10%;
    }
    .category_wise_result h5{
        color: orange;font-weight: 700;
    }
    .quiz_result_main_div{
        margin-bottom:-10%;
    }

    .modal {
        display: none;
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0, 0, 0, 0.5); /* Black w/ opacity */
      }
      
      /* Modal Content */
      .modal-content-confirmation {
        background-color: #fefefe;
        margin: 15% auto; /* 15% from the top and centered */
        padding: 20px;
        border: 1px solid #888;
        width: 80%; /* Could be more or less, depending on screen size */
        max-width: 500px; /* Maximum width for the modal */
        text-align: center;
      }
      
      /* The Close Button */
      .close-confirmation {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
      }
      
      .close-confirmation:hover,
      .close-confirmation:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
      }
      
      .modal-button-confirmation {
        margin: 10px;
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
        width: 35%;
      }

      
      .magazine_page .page-link {
        color: #0056b3; /* Dark blue color for the pagination links */
    }
    
    .magazine_page .page-link:hover {
        color: #004080; /* Darker blue on hover */
    }
    
    .magazine_page .arrow {
        color: #0056b3; /* Dark blue color for the arrows */
    }
    
    .magazine_page .arrow:hover {
        color: #004080; /* Darker blue on hover */
    }
    
    .magazine_page .current {
        display: block;
        font-weight: bold;
        color: #333;
        margin-top: 4%;
        margin-right: 2%;
    }
    
    /* Ensure the pagination links are appropriately styled */
    .magazine_page .page-item.active .page-link {
        background-color: #000f52;
        border: none;
        color: white;
        margin-top: 2%;
        font-size: 20px;
    }
    .line_bottom_magazine {
        width: 100%;
        height: 1px;
        background-color: gray;
        margin-top: 5%;
    }



    .webcast_paguinition .page-link {
        color: #0056b3; /* Dark blue color for the pagination links */
    }
    
    .webcast_paguinition .page-link:hover {
        color: #004080; /* Darker blue on hover */
    }
    
    .webcast_paguinition .arrow {
        color: #0056b3; /* Dark blue color for the arrows */
    }
    
    .webcast_paguinition .arrow:hover {
        color: #004080; /* Darker blue on hover */
    }
    
    .webcast_paguinition .current {
        display: block;
        margin: 0.5em 0;
        font-weight: bold;
        color: #333;
    }
    
    /* Ensure the pagination links are appropriately styled */
    .webcast_paguinition .page-item.active .page-link {
        background-color: #0056b3;
        border-color: #0056b3;
        color: white;
    }

    .search{
        position: relative;
        margin-top: 0%;
        /*margin-right: 2%;*/
        float: right;
        margin-left: 0%;
    }

    #searchResults {
        position: absolute;
        top: 100%;
        left: -0px;
        background-color: #fff;
        /* border: 1px solid #ccc; */
        border-top: none;
        /* width: 100%; */
        z-index: 1000;
    }

    #searchResults li {
        list-style-type: none;
        padding: 5px;
        color: darkblue;
    margin-left: -10%;
    cursor: pointer;
        /* border-bottom: 1px solid #ccc; */
    }
    #searchResults a{
        text-decoration: none;
    }
    #searchResults li:hover ,#searchResults li.focused{
        background-color: #f0f0f0;
    }

    .big_scren{
        display: block;
    }
    .small_screen{
        display: none;
    }

    .member_profile_main_div{
        margin-top: 1%;
        margin-bottom: -10%;
    }
    .profile_content_details{
        display:flex;
    }
    .anchor_update_profile_buton{
        margin-top: 5%;
        text-align: center;
    }
    .anchor_update_profile_buton {
        text-decoration: none;
        background-color: #000732;
        padding: 10px;
        color: white;
        border-radius: 5px;
        
    }
    .button_purchase_update{
        text-align:center;
    }
    .profile_content_details .anchor_update_profile_buton a:hover{
        background-color: rgb(187, 122, 1);
        
    }
    .name_memeberr_profile{
        margin-left: 0%; width: 100%;color: orange;border-bottom: 1px solid orange;
    }
    .name_memeberr_profile h5{
        font-weight: 600;
    }
    .profile_content_details h5{
        padding: 13px;
    }
    .image_div_membr_profile{
        width:15% !important;
        justify-content:center !important;
        align-items:center !important;
        text-align:center !important;
    }
    .image_div_membr_profile img {
        width: 100%;
        /*max-height: 500px;*/
        object-fit: cover; /* Ensures the image covers the area without distortion */
        margin-top: -5%;
    }
    .main_div_profile_contnet{
        margin-left:0%;
        display:flex;
        margin-top:1% !important;
        width:85% !important;
    }
        .content_start_profile {
        flex:auto;
        padding:0px;
    }
    
    .flex_card {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch; /* Ensure the items stretch to match the container height */
    }
    
    .member_profile_main_div .row {
        display: flex;
        flex-wrap: nowrap;
    }
    .member_profile_main_div{
        width: 100%;
        /*margin-left: 10%;*/
    }
    .card-body {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .table_profile{
        width: 100%;
        border: 1px solid lightgray;
        margin-top: 3%;
    }

    .tr_profile{
        border: 1px solid rgb(236, 210, 161);
        padding: 20px;
    }
    .th_profile{
        border: 1px solid rgb(236, 210, 161);
        padding: 20px;
        font-size: 18px;
    }

    .main_div_updtae_profile{
        width: 100%;
    }
   

    .update_profile_inout:focus {
        border: 2px solid #007BFF; /* Change border color on focus */
        outline: none; /* Remove default outline */
    }
    
    /* Ensure the form display flex containers align items properly */
    .form_display_flex {
        display: flex;
        flex-wrap: wrap; /* Allow items to wrap to the next line if needed */
        gap: 10%;
        margin-left: 8%;
    }
    .form_update label{
        font-size: 20px;
        font-weight: 650;
        color: #000958;
    }
    .form_update input[type='text'],
    .form_update input[type='email']{
        display: block;
        width: 100%;
        color: #000e36;
        font-size: 20px;
    }
    .form_update input[type='file']{
        width: 100%;
        display: block;
        color: #000e36;
    }
    .form_update{
        padding: 10px;
        width: 43%;
        color: #000e36;
    }
    .main_div_updtae_profile form{
        border: 1px solid rgb(247, 224, 182);
        width: 80%;
        margin-left: 10%;
        padding: 20px;
        margin-top: 2%;
        margin-bottom: -10%;
    }
   
    
    .main_div_updtae_profile form .update_button_profile{
        width: 20% !important;
        margin-left: 40%;
        /* padding: 10px; */
        background-color: #000732;
        color: white;
        font-size: 20px;
    }
    .main_div_updtae_profile form .update_button_profile:hover{
        background-color: rgb(177, 122, 20);
    }

    .show_image_upload{
        width: 25%; margin-left: 2%;margin-top: 2%;
    }

    .heading_memeberr_profile{
        background-color: rgb(186, 229, 247);margin-top: 175px;color:#142f7b;text-align: center;padding: 10px;
    }
    .heading_memeberr_profile h1{
        font-weight: 800;font-size: 50px;
    }

    .main_div_upload_file{
        margin-top: 5%;
        margin-bottom: -10%;
    }
    .main_div_heading{
        background-color: lightskyblue;
        color: #000e36;
        text-align: center;
        
    }
    .main_div_heading h2{
        font-size: 40px;
        font-weight: 900;
    }
    .file_upload_div{
        text-align: center;
        font-size: 20px;
        margin-top: 2%;
        
    }
    .file_upload_div form label{
        margin-left: 10%;
        font-size: 25px;
        font-weight: 700;
    }
    .file_upload_div form input[type='file']{
        margin-left: 1%;
    }
    .file_upload_div form .upload_file_button{
        color: white;
        background-color: #000e36;
        border: none;
        border-radius: 5px;
        width: 20%;
        margin-top: 3%;
    }
#chatbot-container {
    position: fixed;
    bottom: 20px;
    right: 50px;
    z-index: 1000;
    text-align: right; 
    width: 20%;
    border: none;
    font-family: oswald;
}
#initial-options {
    display: flex;
    justify-content: space-around;
    padding: 10px;
}
#initial-options button{
    margin-right: 20px;
    font-family: AdelleSans-Light,Helvetica,Arial,sans-serif;
    border-radius: 8px;
}

#chatbot-input-container {
    display: flex;
    align-items: center;
    padding: 10px;
}

#chatbot {
    width: 300px;
    height: 400px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    overflow: auto;
    margin-bottom: 10px; 
}

.nameofchatbot{
    text-align: center;
}

#chatbot-header {
    background: #003771;
    color: #fff;
    padding: 10px;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 1;
    border: none;
    display: flex;

}

#chatbot-close {
    cursor: pointer;
    font-size: 35px;
}
#messages{
    font-size: 15px;
    font-family: AdelleSans-Light,Helvetica,Arial,sans-serif;
}

#messages-container {
    flex: 1;
    overflow-y: auto;
    padding: 5px;
}
#input-container {
    display: flex;
    /* padding: 10px; */
    /* border-top: 1px solid #ccc; */
    position: sticky;
    bottom: 0;
    background-color: white;
    z-index: 1;
    margin-top: 250px;
    font-family: AdelleSans-Light,Helvetica,Arial,sans-serif;
    border: none;
    font-size: 15px;
}


#user-input {
    flex: 1;
    padding: 5px;
}
 .chatbot_send_button {
    /* padding: 10px; */
    margin: 10px;
    border: none;
    font-size: 15px;
    background: #003771;
    color: white;
    border-radius: 5px;
    cursor: pointer;
}

#chatbot-icon {
    width: 50px; 
    height: 50px;
    cursor: pointer;
    display: inline-block; 
}

#chatbot-icon img {
    width: 100%;
    height: 100%;
}
@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

.blink {
    animation: blink 1s infinite;
}

.message_div_bot{
    color: #00b5ff;
    height: 3px;
    margin-right: 14%;
}


.bot-message {
    justify-content: flex-start;
    background-color: #f1f1f1;
    border-radius: 10px;
    padding: 5px;
    max-width: 100%;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.user-message {
    justify-content: flex-end;
    background-color:#003771;
    color: white;
    border-radius: 10px;
    padding: 5px;
    max-width: 100%;
    align-self: flex-end;
    text-align: right;
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}



@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.main_div_forgot_password{
    margin-top: 35px;margin-bottom: -10%;
}
.forgot_password_heding{
    background-color: rgb(0, 35, 88);color: white;padding: 5px;text-align: center;
}
.forgot_password_heding h1{
    font-weight: 800;
}
.email_form_enter{
    margin-top: 5%;text-align: center;
}
.email_form_enter .forgot_password_form{
    color: rgb(2, 24, 83);
}
.email_form_enter .forgot_password_form h3{
    font-weight: 700;
}
.forgot_password_form .forgot_password_form_div{
    width: 30%;text-align: center;margin-left: 36%;
}
.forgot_password_button_submit{
    width: 10%; border: none;background-color: rgb(197, 118, 0);color: white;padding: 10px;border-radius: 5px;
}
.login_anchor_forgot_pas{
    font-size: 20px;
    margin-left: 2%;
}

.confirm_otp_main_div{
    margin-top: 35px;
    margin-bottom: -10%;
}
.forgot_password_form_div label{
    font-size: 20px;
}
.new_password_confirm{
    width: 30%;
    margin-left: 36%;
}
.main_div_order_history{
    margin-top: 170px;
    margin-bottom: -8%;

}
.main_div_order_history .order_div_heading{
    background-color: rgba(0, 10, 71, 0.879);
    color:white;
    
    font-size: 40px;
    font-weight: 800;

}
.table-responsive1 .ordertable{
    border: 1px solid darkblue;
    margin-top: 3%;
    padding: 30px;
    
}
.main_div_order_history .table-responsive1{
    padding-left: 80px;
    padding-right: 80px;
}
.table-responsive1 .ordertable th{
    color: #000958;
    font-weight: 790;
}
.table-responsive1 .ordertable th{
    border: 1px solid darkblue;
}
.table-responsive1 .ordertable td{
    border: 1px solid darkblue;
}
#razorpay_buton:hover{
    background-color: orangered;
}

.main_div_checkout{
    margin-top: 10%;
    margin-bottom: -10%;
}
.main_div_checkout .heading_div_checkout{
text-align: center;
background-color:#004b8d;
color: white;
padding: 10px;
margin-top:150px;
}
.main_div_checkout .heading_div_checkout h1{
    font-weight: 800;
}
.content_div_checkout form .flex_form_column_checkout{
    display: flex;
}
.content_div_checkout form{
    width: 100%;
}
.content_div_checkout form .checkout_form{
    width: 100% !important;
}
.content_div_checkout .ordde_details_div{
    text-align: center;
}
.content_div_checkout  h5{

background-color:#004b8d;
color: white;
padding: 10px;
text-align: center;
margin-top: 5%;
}
.content_div_checkout .table_responsive_chheckout{
    width: 50%;
}
.content_div_checkout .table_responsive_chheckout .checkout_table{
    border: 1px solid lightblue;
    margin-top: 2%;
    
}
.content_div_checkout .table_responsive_chheckout .checkout_table th{
    border: 1px solid lightblue;
    padding: 11px;
}
.content_div_checkout .table_responsive_chheckout .checkout_table td{
    border: 1px solid lightblue;
    padding: 11px;
}
.addrerss_details_div{
    width:50%;
}
.address_details_show .addrerss_details_div table{
    border: 1px solid lightblue;
    margin-bottom: 4%;
    padding-left: 50px;
    padding-right: 50px;
}
.address_details_show .addrerss_details_div th{
    border: 1px solid lightblue;
    padding: 10px;
}
.address_details_show .addrerss_details_div td{
    border: 1px solid lightblue;
    padding: 10px;
}
.addrerss_details_div h5{
    background-color:#004b8d;
color: white;
padding: 10px;
text-align: center;
margin-top: 5%;
}
.payment_got_tocart a:hover{
    background-color:#000f52;
    color: white;
}
.product_page_main_div{
    margin-top: 13%;
}
.product_page_main_div h1{
    background-color: rgb(163, 213, 247); color: darkblue; text-align: center; padding: 10px; font-weight: 750;
}
.product_page_main_div .anchor_chekout_h1{
    font-size: 20px;float: right; color: darkblue;text-decoration: none;margin-top: 10px;
}
.product_list_main_div{
    display: flex; flex-wrap: wrap;margin-top: 3%;
}
.product_list_main_div .card_product{
    width: 30%; text-align: center; margin-bottom: 20px;margin-left: 20px;
}
.card_product .card-img-top{
    width: 50%; margin-left: 25%; margin-top: 2%;
}
.card_product_body .card_product_body_anchor{
    border: 1px solid darkblue;text-decoration: none;color: darkblue;
}
.main_div_product_detail{
    margin-bottom: -10%;margin-top: 10%;
}
.product_page_main_div h1{
    background-color: rgb(163, 213, 247); color: darkblue; text-align: center; padding: 10px; font-weight: 750;
}
.main_div_product_detail .main_flex_div_product_details{
    display: flex;margin-top: 3%;padding-left: 60px;padding-right: 60px;
}
.main_flex_div_product_details .check_product_details_main{
    width: 60%;
}
.main_flex_div_product_details .check_product_details_main_img{
    width: 40%;text-align: center;border: 1px solid rgb(238, 238, 238);
}
.main_flex_div_product_details .check_product_details_main_img img{
    margin-top: 2%;width: 80%;
}
.main_div_product_detail .add_to_cart_div_button{
    width: 30%;
    /*padding-left: 60px;*/
    /*padding-right: 60px; */
    text-align:center;
}
.main_div_product_detail .add_to_cart_div_button form{
    text-align: center;
}
.add_to_cart_div_button form .product_details_button{
    background-color: orange;padding: 5px;color: white;margin-top: 10px;width: 100%;
}
.cart_main_div{
    margin-top: 150px;margin-bottom: -10%;
}
.cart_main_div .cart_heading h1{
    background-color: #004b8d; color: rgb(255, 255, 255); text-align: center; padding: 10px; font-weight: 750;
} 
.cart_main_div .cart_div_main_content{
    margin-top: 3%;
    padding-left: 100px;padding-right: 100px;
}
.cart_div_main_content .table_cart{
    border: 1px solid gray; width: 100%; text-align: center;
}
.cart_div_main_content .table_cart tr{
    border: 1px solid gray;padding: 10px;color: black;font-size: 20px;
}
.cart_div_main_content .table_cart th{
    border: 1px solid gray;padding: 10px;
}
.cart_div_main_content .table_cart td{
    border: 1px solid gray;padding: 10px;width: 20%;
}
.cart_div_main_content .table_cart .image_cart_td{
    border: 1px solid gray;width: 35%;padding: 10px;
}
.cart_div_main_content .table_cart .image_cart_td img{
    width: 250px;
    height: 150px;
}
.paybuttoncart{
    text-align: center;margin-top: 4%;
}
.main_div_job_post{
    margin-top: 150px;
    margin-bottom: -10%;
}
.job_heading_div{
    background-color: #0a1d55;
    color: white;
    font-weight: 800;
    text-align: center;
    padding: 10px;
}
#jobpost{
    width: 60%;
    margin-left: 20%;
}
.btn_job_post{
    border: none;
    background-color: orange;
    color: white;
    text-align: center;
    margin-left: 35%;
    padding: 5px;
    font-size: 20px;
    width: 30%;
}
#jobdescription{
    width: 100%;
}
.job_oprnring_career_div_main{
    display: flex;
    padding: 10px;
}
.job_oprnring_career_div{
    background-color: white;
    width: 33%;
    margin-left:1%;
    /*border: 1px solid orange;*/
    /*box-shadow:0px 0px 4px 0px;*/
}
/*.career_job_openings .job_oprnring_career_div_main .job_oprnring_career_div:hover{*/
/*    font-size: 20px;*/
/*}*/
.about_job_description{
    padding-top: 50px;
    padding-left: 150px;
    padding-right: 100px;
    
}
.about_job_description h5{
    color: darkblue;
}
.job_oprnring_career_div .anchor_tittle{
    text-decoration: none;
}
.main_div_content_job_details .job_desctription_anchor_apply{
    text-align: center;
    margin-left: 12%;
}
.btn_submit_job_applicant{
    border: none;
    background-color: orange;
    color: white;
    font-size: 20px;
    width: 20%;
    margin-left: 40%;
    padding: 5px;
}

  .news_letter_suibmit{
    padding-left: 30px;padding-right: 30px;padding-bottom: 10px;margin-top:-1%;
  }
  .content_div_news_letter{
    padding-top: 15px;padding-left: 30px;padding-right: 30px;
  }
  .content_div_news_letter h3{
    color: #001075;
  }
  .newsletter_main_div{
    width: 40%;text-align: center;margin-left: 30%;background-color: #e4e4e4;margin-top: -5%;margin-bottom: 0%;z-index: 1;position: absolute;
    font-family: sans-serif;
  }
  .news_letter_submit_btn{
    margin-top: 2%!important;
    border: none;
    background-color: orange;
    color: white;
    width: 20%;
  }
    .news_letter_submit_btn_elearing{
        margin-top: -5%;
        border: none;
        background-color: orange;
        color: white;
        width: 30%;
        margin-left:2%;
      }


  .popup-testimopnal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.popup-content-testimonal {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width:60%; /* Could be more or less, depending on screen size */
}
.popup-content-testimonal h2{
    color: #001075;
    text-align:center;
}
#experienceForm label{
    font-size: 20px;
    font-weight: 600;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.testimonal_popupbutton{
    border: none;
    color: white;
    background-color: orange;
    padding: 10px;
    margin-top:1%;
    border-radius:10px;
    
}

.testimonal_popupbutton_certificate{
       margin-left:40%;
       width:25%;
       border-radius: 5px;
   }

.address_details_show{
   display: flex;
}

.thankyou_page_order{
    margin-top: 8% !important;
}
.register_event_popoup{
    width: 70% !important;
}


.menu-container-elearning .dropdown-content-elearning{
    z-index:1000 !important; 
}
.myaccountnav_dropdown_elearning {
    margin-left: -190% !important;
    margin-top: 8% !important;
    width:101%;
}
/* start_new */
.memebrship_form_elite_heading{
    background-color: #013a77;
    color: white;
    font-size: 40px;
    text-align: center;
    padding: 20px;
}
.memebrship_form{
    margin-bottom: -10%;
}
.main_div_membrship_form_elite{
    margin-top: 150px;
}
.memebrship_form{
    margin-top: 0%;
}
/* end _new */

/* popup main start */

.popup-index {
    display: flex; /* Hide by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    align-items: center; /* Align items vertically center */
    justify-content: center; /* Align items horizontally center */
    transition: opacity 0.5s ease; /* Transition for fade effect */
    opacity: 0; /* Start as transparent */
}

/* When shown, make it visible */
.popup-index.show {
    display: flex; /* Use flexbox for alignment */
    opacity: 1; /* Fully opaque when shown */
}

/* Popup content */
.popup-content-index {
    position: relative;
    margin: auto;
    padding: 0;
    width: 80%;
    max-width: 800px;
}

/* Slideshow container */
.slideshow-container-index {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Slide styling */
.slide-index {
    display: none;
}

.slide-index img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Show first slide by default */
.slide-index:first-child {
    display: block;
}

/* Close button */
.close-index {
    position: absolute;
    top: 0px;
    right: -30px;
    color: white;
    font-size: 40px;
    cursor: pointer;
    opacity: 1;
    z-index: 1000;
    background-color:black;
}

/* Navigation arrows */
.prev-index, .next-index {
    position: absolute;
    top: 35%;
    width: auto;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 24px;
    cursor: pointer;
    transition: 0.3s;
    background: linear-gradient(45deg, black, transparent);
}

.prev-index {
    left: 0;
}

.next-index {
    right: 0;
}

.prev-index:hover, .next-index:hover {
    background-color: rgba(0, 0, 0, 0.8);
}
/* popup main end */

/* annuaal_confernece start */
.main_content_confernece{
    margin-bottom: -10%;
}
.image-container {
    position: relative;
    width: 100%; /* Adjust as needed */
    height: 40%; /* Adjust as needed */
}

/* Background image */
.background-image {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image covers the container */
    text-align: center;
}
.overlay-image {
   margin-left: 35%;
   margin-top: 7%;
   width: 30%; 
}
.heading_present{
    text-align: center;color: white;
}
.heading_present1{
    text-align: center;
    color: white;
    font-size: 50px;
    margin-top: 1%;
}

.overlay_annual_conference {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent black overlay */
    z-index: 1; /* Ensure the overlay is above the image */
}
.sponsorship_div_eventannual_main{
    display:flex;justify-content:space-between;padding-left:40px;padding-right:75px;padding-top:15px;padding-bottom:10px;
}
.sponsorship_div_eventannual_left{
    width:50%;
}
.sponsorship_div_eventannual_right{
    width:50%;
}
.heading_present2{
    text-align: center;color: gold;margin-top: 1%;margin-left:-7%;
}
.overlay-image1 {
    margin-left: 38%;
    margin-top: -1%;
    width: 15%; 
 }
 .heading_present3{
    text-align: center;color: white;margin-top: 0%;
 }
 .button_overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px; /* Spacing between buttons */
    margin-top: 1%;
    
}

.button_overlay a {
    text-decoration: none;
    border: 1px solid black;
    border-radius: 20px;
    padding: 10px 20px;
    font-size: 20px;
    color: white;
    cursor: pointer;
    display: inline-block;
    width: 25%;
    text-align: center;
    margin-bottom: 2%;
}

.button_overlay .sponsoranchor {
    background-color: white;
    color: black;
}

.button_overlay .registeranchor {
    background-color: orangered;
}

.image-container3{
    background-color: black;
   
}
.image-container2{
    /* background-color: black; */
    display: flex;
}
.text_container_image2{
    width: 50%;
    color: white;
    padding: 40px;
    margin-left: 5%;
}
.text_container_image2 P{
    font-size: 19px;
}
.gif_container_image2{
    width: 50%;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-top: 4%;
}
.gif_container_image2 img{
    width: 60%;
}
.container_gif_anchor{
    text-align: center;
    
    margin-top: 3%;
}
.broucher_anchor_gif{
    text-align: center;
    justify-content: center;
    align-items: center;
    background-color: orangered;
    color: white;
    padding: 15px;
    width: 30%;
    border-radius: 20px;
    text-decoration: none;
    
}
.key_diaries_container_content{
    text-align: center;
    color: white;
    margin-top: 5%;
}
.key_diaries_container_boxes{
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin-top: 3%;
}
.key_diaries_container_box1{
    background-color: orangered;
    width: 33%;
    color: white;
    gap: 20px;
    margin-left: 2%;
    margin-right: 3%;

}


.image-container4{
  margin-top: 1%;
  position: relative; 
  /* display: inline-block; */
}
.overlay_popup_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent black background */
    color: white; /* Text color for visibility */
    z-index: 1; /* Ensures the overlay is above the image */
    text-align: center; /* Centers text within the overlay */
    padding: 20px;
}

.popup_image{
    
    transition: transform 0.5s ease; /* Smooth zoom effect */
    transform: scale(1.0); /* Zoom in by 20% */
    height: 150vh;
    /* z-index: 0; */
}
.overlay_popup_image p{
    font-size: 20px;
}

.popupmain_new {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 120vh;
    background-color: rgba(0, 0, 0, 0.7); /* Dark gray background */
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0; /* Hidden by default */
    visibility: hidden; /* Hidden by default */
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 1000; /* Ensure popup is above other content */
    overflow: auto;
}

/* Popup content */
.popupmain-content_new {
    background: #fff;
    border-radius: 5px;
    padding: 20px;
    /* text-align: center; */
    position: relative; /* For positioning the close button */
    max-width: 60%;
    max-height: 60%;
}

/* Show popup */
.popupmain_new.show {
    opacity: 1;
    visibility: visible;
}

/* Close button */
.popupmain_new .close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 35px;
    color: #fff;
    z-index: 1010; /* Ensure the close button is clickable */
    color: black;
}
.popupmain_new.hide {
    opacity: 0;
    visibility: hidden; /* Hides popup */
    transition: opacity 0.3s ease, visibility 0s ease 0s; /* Immediate visibility change */
}
.learn-more-btn {
    margin-top: 20px;
    padding: 10px 20px;
    /* background-color: #007bff; Blue background */
    color: #fff; /* White text */
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.every_popup_conatainer h6{
    color: orangered;
}
.every_popup_conatainer{
    padding: 20px;
}

.main_div_popup{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 20px;
}
.content_popup_main{
    text-align: left;
    color: black;
}
.judgepanel_div_main{
    text-align: center;
    background-color: black;
    color: white;
    justify-content: center;
    align-items: center;
    margin-top: 1%;
}

.judge_panel_judges{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.judge1_panel,.judge2_panel,.judge3_panel,.judge4_panel{
    padding: 20px;
    width: 33%;
}
.judge1_panel img{
    width: 40%;
    margin-bottom: 2%;
}
.judge2_panel img{
    width: 40%;
    margin-bottom: 2%;
}
.judge3_panel img{
    width: 40%;
    margin-bottom: 2%;
}
.judge4_panel img{
    width: 40%;
    margin-bottom: 2%;
}
.rounded-image {
    border-radius: 50%;
    object-fit: cover; /* Ensures the image covers the area without distortion */
}
.event_agenda_main_div{
    margin-top: 1%;
    background-color: #ed8942;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    padding: 30px;
}
.event_agenda_button_div a{
    background-color: black;
    padding: 20px;
    color: white;
    border-radius: 30px;
    /* text-decoration: none; */
}
.event_agenda_content_div{
    margin-right: 15%;
    padding: 20px;
}
.event_agenda_button_div{
    margin-left: 15%;
    padding: 20px;
}
.bottom_main_div_awards{
    margin-top: 1%;
    position: relative;
}

.main_div_content_bottom{
    display: flex;
}
.content_bottom_div1,.content_bottom_div2,.content_bottom_div3,.content_bottom_div4{
    width: 33%;
    padding: 10px;
}


.overlay_popup_image_bottom {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); 
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px; 
}
.bottom_div_headings{
    /* margin-top: -10%; */
    margin-bottom: 5%;
}
.content_bottom_div1 h3,.content_bottom_div2 h3,.content_bottom_div3 h3,.content_bottom_div4 h3{
    color: orangered;
}
.button_bottom_div_sponsor{
    margin-top: 5%;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.sponsor-button {
    background-color: white; /* Blue background color */
    color: black;
    padding: 10px 20px;
    border: none;
    border-radius: 15px;
    cursor: pointer;
    text-decoration: none;
    font-size: 16px;
    display: inline-block;
    min-width: 600px; /* Set a minimum width */
    text-align: center; /* Center the text inside the button */
    transition: background-color 0.3s ease;
}
.event_agenda_button{
    padding: 10px 20px;
    border: none;
    border-radius: 15px;
    cursor: pointer;
    text-decoration: none;
    font-size: 16px;
    display: inline-block;
    min-width: 400px; /* Set a minimum width */
    text-align: center; /* Center the text inside the button */
    transition: background-color 0.3s ease;
}
.main_div_information_bottom{
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 3%;
}

/* annula ocnference end */
.blogs-uppper-nav{
    color: white;
    /* margin-left: 42%; */
    font-size: 20px;   
}
.blogs-uppper-nav:hover{
    color: orange;
}
.upper{
    display: block;
}
.lower{
    display: none;
}
.menu-container-nav{
    margin-right: -15% !important;
}
.knowledgebite{
    margin-right: -3% !important;
}
.menu-container-nav a{
    color: white;
}
.dropdown-content a{
    color: black;
}
.left-nav {
    display: flex;
    align-items: center;
}

.right-nav {
    display: flex;
    align-items: center;
}

.upper_nav_div {
    margin: 0 8px; /* Adjust spacing between items */
}

.contact, .contact1 {
    width: auto; /* Adjust the width to fit the content */
    margin-right: 27px;
}

.cart {
    margin-left: 15px; /* Adjust spacing if needed */
}

.upper_nav1:hover .upper_nav2 {
    margin-left: 0; /* Adjusted margin for dropdown */
    margin-top: 1%;
}

.upper_elearning {
    margin-right: 0%;
}
.menu_space{
    margin-left:10%;
}
.myaccountnav{
    display: block;
}
.myaccountnav1{
    display: none;
}
.contact_div_uopper{
    display: none;
    
}
.inside_nav_cart{
    display: none;
}
.myaccountnav_dropdown{
    margin-left: -190% !important;
    margin-top: 8% !important;
    width:100%;
}
.newsletter_image{
    width: 100%;
    position: relative;
}
.newsletter_image img{
    width: 100%;
}
.overlay_newsletter{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #94b4eba3; 
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px; 

}
.overlay_newsletter h1{
    color:#000d50;
    font-size: 60px;
    font-weight: 900;
    text-align: center;
}
.main_div_newsletter_content{
    display: flex;
    margin-top: 5%;
}
.left_div_newsletter_content{
    width: 60%;
}
.right_div_newsletter_content{
    width: 40%;
}
.left_div_newsletter_content iframe{
    width: 100%;
    height: 100vh;
}
.dashborad_nav_drop{
    margin-top: 2%;
}
.newsletteer_subscribe{
    margin-left:5%;
    margin-top: 5%; 
    margin-bottom: -1%;
    width: 30%;
}
.previous_newsletters{
    margin-top: 5%;
    margin-left: 15%;
}
.previous_newslettersa{
    /* text-align: center; */
    color: black;
    text-decoration: none;
    width: 100%;
    background-color: lightgray;
    width: 45%;
    margin-left: 27%;
}
.previous_newslettersa h2{
    text-align: center;
    margin-top: 3%;
}
.previous_newslettersa ul{
    text-align: left;
    margin-left: 20%;
    margin-top: 2%;
}
.main_div_newsletter{
    margin-bottom: -10%;
}
#read_more_button{
    border: none;
    background-color: #000d50;
    color: white;
    padding: 5px;
    width: 30%;
    
}
.arrow {
    border: solid white;
    border-width: 0 4px 4px 0;
    display: inline-block;
    padding: 3px;
    /* color: white; */
    margin-top: -5%;
  }
  .down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .smal_acren_drop{
    margin-top: -5% !important;
  }
  .popular_link_anchor{
    margin-right: -3%;
    text-decoration:none;
  }
  .confernece_main_heading{
    display: block;
}
.confernece_main_heading2{
    display: none;
}
.key_diary_box1 h2{
    font-size: 35px;
}
.latest_newsletter_section{
    margin-top: 75%;
    margin-left: 15%;
}
.latest_newsletter_section_nmi_report{
    margin-top: 10%;
}
#newsletter_title{
    text-align: center;
}
.newsletterallmain_div1{
    margin-top: 5%;
    margin-bottom: -10%;
}
.backbutton_newsletter{
    background-color: orange;
    color: white;
}
.content_div_video_main{
    display:flex;
}
.content_div_left {
    width:60%;
}
.content_div_right{
    width:40%;
}

.whychosse_heading{
    text-align: center;
    font-size: 50px;
    margin-top: 4%;
    color: darkblue;
    position: absolute;
    top: -40%;
    left: 40%;
}

.about_us_heding{
     font-family: sans-serif;margin-top:8%;color:#ff8600;
}
.right-div22{
        margin-right: 40%;
    margin-left: -40%;

    
}
.div-line1 {
    width: 100%;
    height: 100px;
    background-color: white;
    /*margin: 5% 0 10% 10%;*/
    margin-top:0%;
    margin-bottom:5%;
    margin-left:0%;
    margin-right:0%;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
    position: relative;
}

   .owl-controls {
        position: absolute;
        width: 100%;
        /*top: 50%;*/
        transform: translateY(-50%);
        display: flex;
        justify-content: center;
        align-items: center;
    }
.owl-pagination {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 5px;
}

.owl-page {
    width: 10px;
    height: 10px;
    background: #999;
    border-radius: 50%;
    cursor: pointer;
}

.owl-page.active {
    background: #333;
}

.owl-buttons {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
}

.owl-buttons .owl-prev,
.owl-buttons .owl-next {
    background: #333;
    color: #fff;
    border: none;
    padding: 10px;
    cursor: pointer;
}

.owl-buttons .owl-prev {
    left: 10px;
}

.owl-buttons .owl-next {
    right: 10px;
    margin-top: -20%;
}
.owl-theme{
    margin-top: 10%;
}
.main-img-cont{
    display: flex;
}
.guide_video_practical_main{
    display:flex;
    margin-bottom:-10%;
}

.guide_video_practical{
    width:33%;
}

.popup_event_regist_button{
    background-color: #000e36;
    color: white;
    text-decoration: none;
    padding: 10px;
    margin-left: 25%;
    margin-top: 25%;
}
.popup_event_regist_button:hover{
    color: white;
}
.popup_event_regist_button1{
    background-color: #000e36;
    color: white;
    text-decoration: none;
    padding: 10px;
    margin-left: 20%;
    margin-top: 25%;
    font-weight:700;
    border-radius:20px;
}
.popup_event_regist_button2{
     margin-left: 0% !important;
}
.popup_event_regist_button1:hover{
    color: white;
}
.popup_event_regist_button_main{
    background-color: #000e36;
    color: white;
    text-decoration: none;
    padding: 10px;
    /*margin-left: 45%;*/
    margin-top: 25%;
    font-weight:700;
    border-radius:20px;
}
.popup_event_regist_button_main:hover{
    color: white;
}
.main_div_every_event{
    margin-bottom: -10%;
}
.popular_link_anchor_dropdown{
    min-width:250px !important;
    top:120% !important;
}
.flash-message {
    display: block; /* Show by default */
    background-color: #f8d7da; /* Light red background */
    color: #721c24; /* Dark red text */
    padding: 15px;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000; /* High z-index to appear on top */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Shadow for better visibility */
}

.flash-message-content {
    display: inline;
}

.close-btn {
    float: right;
    font-size: 20px;
    cursor: pointer;
    padding-left: 15px;
}

.close-btn:hover {
    color: #f5c6cb; /* Light red on hover */
}

.inside_content_div1{
        width: 15% !important;
        text-align: center;
        justify-content: center;
        align-items: center;
    }
.inside_content_div1 img{
    margin-left: 15% !important;
}
.download_link1{
    transform: translateX(-40%) !important;
}
.div_content_mag{
    margin-top: 3%;
}
.div_image_content p{
    font-size: 20px;

}
.member_orders_profile{
    margin-top:12%;
    margin-bottom:-10%;
    
}
.member_orders_profile a{
    text-decoration: none;
    background-color: rgb(223, 146, 5);
    padding: 10px; 
    color: white;
    border-radius: 5px;
}
.member_orders_profile a:hover{
    color:white;
}

.anchor_update_profile_buton:hover{
    color:white;
}
.training_div_main{
    display:flex;
    margin-top:10%;
}
.training_div_image{
    width:40%;
}
.training_div_content{
    width:60%;
    background-color:lightblue;
} 
.training_div_image img{
    object-fit: cover;
    width:100%;
}

.wide-container1{
        justify-content: center;
        position: static;
        margin-top: 20%;
        display: block;
        position: relative;
        }
    .wide-container1 .img-div1{
        width: 100%;
        height: 650px;
        margin-top: -25vh;
        margin-left: 0%;
        text-align: center;
        }
    .blue-overlay1 {
        position: absolute;
        width: 100%;
        height: 520px;
        /*background-color: rgba(7, 3, 75, 0.63); */
        background-color: rgb(7 38 97 / 63%);
        color:white;
        }
    .wide-container1 .img-div1 img{
        width:100%;
        height: 80%;
        object-fit: cover;
    }
    .content_div_training{
        /*float:right;*/
        text-align:left;
        margin-left:50%;
    }
    .login_username label{
        margin-left:-37% !important;
    }
    .member_name_membership_main{
        margin-bottom:10px;
    }
    .event_dropdown{
        min-width:250px !important;
    }
    .authbridge_logo{
        width:45% !important;
        margin-left: 25% !important;
        margin-top: 4% !important;
    }
    .events_detils_bottom2 h6{
        font-size:0rem;
    }
    .new_logoauth{
        width: 35% !important;
        margin-left: 28%;
        margin-top: 3%;
        background-color:white;
        padding-top:4px;
    }
    .new_logoauth_heading{
        margin-top:3% !important;
    }
    .gif_container_image2 iframe{
        width:97%;height: 48vh;
    }
    .addresspara_footer{
        margin-left:-2%;
        text-decoration:none;
    }
    .main_div_footer{
        display:flex;
    }
    .Register_link_div{
        text-align:center;
        margin-top:4%;
    }
    .popup_event_regist_button_new{
        margin-left: 0% !important;
        
    }
    /*.withdownload_broucher_register{*/
    /*    margin-left:25% !important;*/
    /*}*/
    .recent_project_main_div{
        background-color:#f1f6fd;;
        margin-top:-6%;
    }
    /*.description_blog_font{*/
    /*    margin-top:-5%; */
    /*}*/
    
    .popup-testimopnal .popup-content-testimonal .close_testimonials{
        font-size:35px;
        color:black;
        float:right;
        cursor:pointer;
    }
     .testimonial-slider {
        max-width: 70%;
        margin: 50px auto;
        text-align: center;
        background: #fff;
        padding: 10px;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        margin-top:0%;
        /*padding-bottom:30px;*/
      }

  .testimonial-slider h2 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 20px;
  }

  .testimonial-quote {
    font-style: italic;
    color: black;
    font-size: 18px;
    margin-bottom: 30px;
  }

  .testimonial-profile {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
  }

  .testimonial-author {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333;
  }

  /* Hide all testimonials except the first one */
  .testimonial-item {
    display: none;
  }

  .testimonial-item.active {
    display: block;
  }
  .testimonals_main_div1{
      background-color:#dddddd;
      margin-top:-5%;
  }
  .blog_main_welcome_div{
      width:100% !important;
      /*margin-left:30%;*/
      /*text-align:justify;*/
      display:flex;
  }
  .blog_main_welcome_div p{
      font-size:15px;
      font-weight:300;
  }
  .knowledge_bite_div_image{
      width:30%;
  }
  .knowledge_bite_div_image img{
      width:100%;
      margin-top:-10%;
  }
  .knowledgebite_div_welcome{
      width:60%;
      margin-top:2%;
  }
  .knowledgebite_div_welcome{
      font-family:sans-serif;
  }
  .knowledgebite_div_welcome p{
      text-align:justify;
  }
  .event_any_questions_heading{
      margin-left:10%;
      text-align:justify !important;
  }
  .content_blog_start p{
      margin-top:-1%;
      font-family:sans-serif;
      margin-left:-1%;
  }
  
  .main_div_certificate_psm_test_certificate{
      margin-top:12% !important;
      text-align:unset !important;
      margin-bottom:-10% !important;
  }
  
  .main_div_certificate_psm_test{
      margin-top:12%;
      /*text-align:center;*/
      margin-bottom:-10%;
  }
  .main_div_certificate_psm_test .image_heading_div{
      background-image: linear-gradient(to right, rgb(70 186 255 / 59%), rgb(201 226 255));
      height:65vh;
      border-radius: 0% 0% 130% 0 / 40%;
      padding: 20px;
      display:flex;
  }
  .main_div_certificate_psm_test .image_heading_div_pppai{
      background-image: linear-gradient(to right, rgb(70 186 255 / 59%), rgb(201 226 255));
      height:65vh;
      border-radius: 0% 0% 130% 0 / 40%;
      padding: 20px;
      display:flex;
  }
  .conference_heading_div_certificate{
      color: #000043 !important;
  }
  
  .main_div_certificate_psm_test .heading_main_div{
      width:65%;
      margin-top:0%;
      font-family:sans-serif;
      font-weight:600;
      /*text-align:center;*/
      color:darkblue;
      padding-left:50px;
      padding-right:50px;
  }
  .main_div_certificate_psm_test .heading_main_div_pppai{
      width:65%;
      margin-top:0%;
      font-family:sans-serif;
      font-weight:600;
      text-align:left;
      color:darkblue;
      padding-left:50px;
      padding-right:50px;
  }
  .main_div_certificate_psm_test .main_div_content_start_certificate{
      width:45%;
      /*float:right;*/
      background-color:white;
      height:42vh;
      /*margin-top:2%;*/
  }
  .main_div_certificate_psm_test .main_div_content_start_certificate_pppai{
     width:45%;
     background-color:white;
      height:auto
    }
  .form-group-psm_certificate{
      margin-top:8%;
      font-family:sans-serif;
  }
  .form-group-psm_certificate input[type="email"]{
      width:80% !important;
      font-size:18px;
      padding:3px;
  }
  .form-group-psm_certificate input[type="name"]{
      width:80% !important;
      font-size:18px;
      padding:3px;
  }
  .form-group-psm_certificate input[type="certificate_name"]{
      width:80% !important;
  }
  .form-group-psm_certificate label{
      font-size:23px;
  }
  .form-group-psm_certificate_pppai{
      margin-top:8%;
      font-family:sans-serif;
  }
  .form-group-psm_certificate_pppai input[type="email"]{
      width:80% !important;
      font-size:20px;
      padding:5px;
  }
  .form-group-psm_certificate_pppai input[type="certificate_name"]{
      width:80% !important;
      font-size:20px;
      padding:5px;
  }
  .form-group-psm_certificate_pppai label{
      font-size:23px;
      
  }
  .get_certificate_button{
      text-align:center;
      margin-top:10%;
      background-color:orange;
      width:60%;
      padding:10px;
      color:white;
      border:none;
      font-size:20px;
      border-radius:10px;
  }
  .main_div_certificate_psm{
      margin-top:13%;
      text-align:center;
      align-items:center;
      justify-content:center;
      margin-bottom:-10%;
      
  }
  .start_div_certificate_show{
      width:80%;
      margin-left:10%;
  }
  .start_div_certificate_show a{
      background-color:orange;
      color:white;
      text-decoration:none;
      padding:10px;
  }
   .start_div_certificate_show a:hover{
       color:white;
   }
  .start_div_certificate_show img{
      margin-top:5%;
      width:90%;
  }
  #pdf-container{
      margin-top:5%;
  }
  #pdf-canvas{
      width:70% !important;
  }
  .conference_heading_div{
      margin-top:1% !important;
  }
  .conference_content_div{
      width:35% !important;
      margin-top:5% !important;
  }
  .conference_content_div_pppai{
      width:35% !important;
      margin-top:0% !important;
  }
  .conference_image_div{
      height:100vh !important;
  }
  .conference_image_div_all_certificate{
      height:auto !important;
  }
  .conference_content_div_all_certificate{
      height:auto !important;
      text-align:center;
  }
  #autofill_checkbox{
        margin-left:40%
    }
    #autofill_checkbox_product_show {
    margin-left: 40%;
    
}
    .blog_main_welcome_div{
        display:flex;
        margin-top: 2%;
        font-family:sans-serif;
    }
       
    .knowledge_bite_div_image{
        width:30%;
    }
    .knowledge_bite_div_image img{
        width:50%;
        margin-left: 20%;
        margin-top:7%;
    }
    .knowledgebite_div_welcome{
        width:70%;text-align:justify;padding-right:70px;
    }
    .latest_blog_main_div{
        height: 47vh;
    }
    .latest_blog_div{
        width:90%;display:flex;height:50vh;margin-top:4%;margin-left:5%
    }
    .image_blog{
        width:40%
    }
  .content_blog_start{
      width:60%;margin-top:-3%;padding:30px;
  }
  .recent-blogs{
      padding-left:50px;padding-right:50px;
  }
  
  .donwload_certificate_button{
      margin-top:5%;
  }
   .about_job_description h4{
     margin-top:-2%;
 }
 .inside_div_job_post{
     padding:10px;
 }
 .event_details_contnet_para .event_details_contnet_para_desc {
     margin-top:-3%;
 }
  .blog_main_small_para p{
      margin-top:-3%;
      
  }
  
  .blog_row{
      justify-content: unset !important;
  }
  /*.content_main_start img{*/
  /*    margin-left: 10% ;*/
  /*}*/
  #confirmationModal {
    display: none; /* Hidden by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent overlay */
    z-index: 1000; /* Ensure it appears on top of other elements */
}

/* Modal Content Box */
#confirmationModal .modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Center the modal */
    width: 90%; /* Responsive width */
    max-width: 400px; /* Max width */
    background-color: #fff; /* White background */
    padding: 20px;
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Soft shadow */
    text-align: center;
}

/* Modal Header */
#confirmationModal .modal-header {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

/* Modal Body Text */
#confirmationModal .modal-body {
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
}

/* Button Container */
#confirmationModal .modal-footer {
    display: flex;
    justify-content: space-between;
}

/* Buttons */
#confirmationModal .modal-footer button {
    padding: 8px 16px;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

#confirmationModal .modal-footer #confirmSubmit {
    background-color: #4CAF50; /* Green button for confirm */
    color: white;
}

#confirmationModal .modal-footer #cancelSubmit {
    background-color: #f44336; /* Red button for cancel */
    color: white;
}

/* Close Button (Optional, if you have a close button in the modal header) */
#confirmationModal .close-confirmation {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    color: #999;
    cursor: pointer;
}

#confirmationModal .close-confirmation:hover {
    color: #333;
}
.certificate-preview{
    margin-top:1%;
    /*margin-left:27%;*/
    text-align:center;
}
  
.certificate-preview img{
      width:700px;
  }
.main_div_certificate_button{
    margin-top:15%;text-align:center;
}

/*.g-recaptcha{*/
/*    margin-left:7%;*/
/*}*/
  

.left_para_step_div{
    text-align:left;
    margin-left:2%
}

.popup-content-testimonal-certificate{
    width: 45%;
}

  
  /*elearning css start*/
    .navbar-custom {
            background: transparent;
            transition: background-color 0.5s ease;
            position: fixed;
            width: 100%;
            z-index: 999;
            font-family:sans-serif;
            /*border-bottom:0.3px solid white;*/
        }

        .navbar-custom.scrolled {
            background-color: white !important;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
      

        .navbar-brand img {
            width: 120px;
        }
         .navbar-custom .navbar-nav .nav-item{
            margin-left: 10px;
         }
         
         /* need to change in eleanring*/
        .navbar-custom .navbar-nav .nav-item .nav-link {
            color: white;
            transition: color 0.5s ease;
            font-size:17px;
        }
        
        
        .navbar-light .navbar-nav .active>.nav-link{
            color:white !important;
        }

        .navbar-custom.scrolled .navbar-nav  .nav-link {
            color: black !important;
        }
        

        .navbar-toggler {
            border-color: white;
        }

        .navbar-custom.scrolled .navbar-toggler {
            border-color: black;
        }

    .custom-carousel .carousel-fade .carousel-item {
    opacity: 0;
    transition: opacity 1s ease-in-out;
    position: absolute;
    width: 100%;
}

.custom-carousel .carousel-fade .carousel-item.active {
    opacity: 1;
    position: relative;
}

/* Ensure images are preloaded and transition smoothly */
.custom-carousel .carousel-item img {
    display: block;
    width: 100%;
    height: auto;
    transition: opacity 0.5s ease-in-out;
    opacity: 0;
}

.custom-carousel .carousel-item.active img {
    opacity: 1;
}

/* Optional: Set a fallback background color to avoid white screen */
/*.custom-carousel .carousel-inner {*/
/*    background-color: transparent;*/
/*    height: 100vh;*/
/*}*/
.custom-carousel .carousel-inner {
    background-color: transparent;
    height: auto;
}
/*.crousel_elearning{*/
/*    height:700px !important;*/
/*}*/
.crousel_elearning{
    height:auto;
}

/* Styling the carousel overlay */
.custom-carousel .carousel-overlay {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: white;
    z-index: 10;
}

/*.custom-carousel .carousel-overlay h1 {*/
/*    font-size: 2.5rem;*/
/*    font-weight: bold;*/
/*}*/

/*.custom-carousel .carousel-overlay p {*/
/*    font-size: 1.2rem;*/
/*    margin: 15px 0;*/
/*}*/

/* Make sure content section stays below navbar */
.custom-carousel .main-content {
    padding-top: 100px;
}
    .carousel-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%; /* Adjust width as needed */
        height: 100%;
        background-image: linear-gradient(to right, rgb(15 27 49 / 70%),rgb(15 27 49 / 65%),rgb(15 27 49 / 20%), rgb(15 27 49 / 0%));
        color: white;
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align:center;
        font-family:sans-serif;
    }
    
    .carousel-item {
        position: relative;
    }
    .carousel-overlay h1{
        width:50%;
        margin-left:10%;
        font-weight:800;
        font-size:35px;
        margin-top:3%;
        
    }
    .carousel-overlay p{
        width:50%;
        margin-left:10%;
        /*font-weight:900;*/
        font-size:20px;
    }
    /*.carousel_item_elearning img{*/
    /*    height:700px !important;*/
    /*}*/
     .carousel_item_elearning img{
        height:auto;
    }
    .carousel-overlay .butn{
        display: inline-block;
        padding: 14px 25px 14px 55px;
        position: relative;
        background-color: #f5a23f;
        color: #ffffff;
        text-transform: capitalize;
        border-radius: 5px;
        font-size: 15px;
        text-transform: uppercase;
        font-weight: 800;
        cursor: pointer;
        border: none;
        transition: 0.5s;
        width:20%;
        margin-left:25% !important;
        
    }
    #customCarousel{
        margin-top:-20%;
    }
   .elearning_boxes{
    box-shadow: 0px -8px 40px -10px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    box-sizing: border-box;
    border: none !important;
    /*text-align: center;}*/
   }
   .boxes-container {
    margin-top: -200px; /* Adjust this value as needed */
    position: relative; /* Ensure positioning context */
    z-index: 1; /* Higher than the carousel overlay */
    font-family:sans-serif;
}
.elearning_boxes h4{
    color:#073f97;
}
.position-relative {
    position: relative !important;
    font-family:sans-serif;
}
section {
    padding: 120px 0;
    overflow: hidden;
    background: #fff;
    position: relative;
}
.aboutus-style-01 .about-text{
background: #ffffff;
    display: flex;
    border-left: 4px solid #073f97;
    max-width: 290px;
    box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.06);
    align-items: center;
    justify-content: center;
    padding: 25px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    animation: move5 3s infinite linear;
    z-index: 111;
}

.aboutus-style-01 .about-text .about-counter {
    display: flex;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
   color:#073f97;
    padding-right: 10px;
}
.aboutus-style-01 .img-2 {
    position: absolute;
    bottom: 0;
    right: 51px;
    z-index: 11;
}
.aboutus-style-01 .about-text p {
    line-height: 26px;
    font-weight: 700;
    color: #000000;
    margin: 0;
}
    .shape20 img {
    animation: rotateme 20s linear infinite;
}
.shape18 img {
    animation: rotateme 20s linear infinite;
}
.image-hover img {
    transition: all 2s ease;
    transform: scale(1);
    z-index:1;
}
.aboutus-style-01 .bg-shape1 {
    position: absolute;
    top: -70px;
    left: -50px;
    /*z-index: 0;*/
    
}
.aboutus-style-01{
    margin-bottom:-5%;
    margin-top:-5%;
}
.section-heading .sub-title {
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    color: #ff7029;
    font-weight: 600;
    background-color: rgba(255, 112, 41, 0.2);
    padding: 7px 10px 6px 10px;
    line-height: 1;
    border-radius: 5px;
    margin-bottom: 15px;
}

.section-heading .sub-title {
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    color: #ff7029;
    font-weight: 600;
    background-color: rgba(255, 112, 41, 0.2);
    padding: 7px 10px 6px 10px;
    line-height: 1;
    border-radius: 5px;
    margin-bottom: 15px;
}
.section-heading {
    margin-bottom: 50px;
    text-align: center;
    position: relative;
}
.div_index_courses{
    margin-top:-5%;}
    
.bg-very-light-gray{
    background-color:#fafafa;
}

.cover-background {
    position: relative !important;
    background-size: cover !important;
    overflow: hidden !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    /*height:80vh;*/
    height:auto;
    
}
.bg-img {
    background-size: cover;
    background-position: center;
    /*height: 70vh; */
    position: relative;
}
.overlay_elearning_popular {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6); /* Adjust opacity */
    z-index: 1;
}
.bg-img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background-color:rgb(0 0 0 / 66%);*/
    background-color: rgb(0 0 0 / 31%);
    /*z-index: 1;
}
.bg-img_courses:before{
    background-color: rgb(115 68 68 / 29%) !important;
}

.bg-img .content {
    position: relative;
    z-index: 2; /* Ensure content is above the overlay */
    color: white; /* Adjust text color to be visible */
    text-align: center; /* Center the text */
    padding-top: 30vh; /* Push content down for centering */
}
.category-item-01 {
    display: flex;
    align-items: center;
    /*background: rgb(158 203 241 / 40%);*/
    background: rgb(158 203 241 / 77%);
    border-radius: 5px;
    text-align:center;
    padding: 20px 1px;
    /*color:white;*/
    color: #3d0202;
}
.category-item-01:hover{
    color:#3d0202;
}
.div_popular_courses{
    margin-top:-5% !important;
}
.section-heading h2{
    color:white;
    z-index:1000;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
    margin-top:30px !important
}

.why-choose-content {
    border-radius: 5px;
    padding: 50px 40px;
    background: #ffffff;
    box-shadow: 0px 5px 24.25px 0.75px rgba(0, 0, 0, 0.1);
    margin-left: -50px;
    z-index: 1;
    position: relative;
}
.why-choose-img {
    margin-right: -50px;
    position: relative;
    width: 80%; /* Set your desired width */
    height: auto; /* Keep the aspect ratio of the image */
}
.video-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.7); /* Black w/ opacity */
}

.video-modal-content {
    position: relative;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
    background-color: #fff;
}

.video-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.video-close:hover,
.video-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.text-primary {
    color: darkblue !important;
}
.video_btn {
    position: relative;
    height: 80px;
    width: 80px;
    background: #ff7029;
    text-align: center;
    display: inline-block;
    line-height: 80px;
    color: #fff;
    border-radius: 50%;
    transition-duration: 0s;
}
.translate-middle {
    transform: translate(-50%, -50%) !important;
}
.start-50{
    margin-left:30% !important;
}
.dotted-seprator {
    border-top: 2px dotted #ededed;
}
.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}
.counter_div{
    margin-top:-3%;
}

.counter-wrapper {
    position: relative;
    text-align: center;
}
.counter-wrapper .counter-icon {
    width: 100px;
    height: 100px;
    display: table;
    border: 2px dotted #ff7029;
    border-radius: 5px;
}
.counter-wrapper .counter-content {
    background-color: #ffffff;
    position: absolute;
    top: 50%;
    left: 85px;
    transform: translateY(-50%);
    text-align: left;
}
.counter-wrapper .counter-content .counter-number {
    font-size: 34px;
    font-weight: 800;
    line-height: 1;
    color: #001689;
    margin-bottom: 5px;
}
.d-table-cell {
    display: table-cell !important;
}

.align-middle {
    vertical-align: middle !important;
}
.section-heading {
    margin-bottom: 50px;
    text-align: center;
    position: relative;
}
.justify-content-center {
    justify-content: center !important;
    margin-top:-10% !important;
}
.carousel-container {
  position: relative;
  width: 100%;
  max-width: 1200px; /* Adjust for desktop max width */
  margin: auto;
  overflow: hidden;
  display: flex; 
   margin-top:3%
}
 
/*.carousel-slide {*/
/*  min-width: 20%; */
/*  transition: transform 0.5s ease;*/
/*  display: flex;*/
/*  justify-content: center;*/
/*}*/

.carousel-slide{
    margin-left:-4%;
}

.carousel-slide img {
  /*width: 60%;*/
  height: 10vh;
}

/* Controls */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%; 
  width: auto;
  padding: 1px;
  margin-top: -22px;
  color: white;
  /*font-weight: bold;*/
  font-size: 30px;
  transition: 0.6s ease;
  border-radius: 50%;
  user-select: none;
  background-color:burlywood;
  border:none;
}

.prev {
  left: 0;
}

.next {
  right: 0;
}

.prev:hover, .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}


.footer-bar {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 80px;
    border-top: 2px dotted rgba(225, 225, 225, 0.2);
}
.footer-list li {
    list-style-type: none;
    color: #fff;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 2px dotted rgba(255, 255, 255, 0.2);
}
.footer-list{
    list-style-type:none;margin-left: -15%;
}
.media{
    /*color: #fff;*/
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted lightgray;
}
.bg-light {
    /*margin-top:-6%;*/
    height:auto;
    background-color: #eceff1 !important;
}
.testimonals_main_div_elearning{
     background: #eceff1 !important;
}
.testimonals_second{
    margin-top:-7%;
}
.card-style3 .card-icon i {
    display: block;
    width: 65px;
    height: 65px;
    font-size: 28px;
    line-height: 65px;
    background: #004891;
    border-radius: 50%;
    color: #ffffff;
    text-align: center;
}
[class^="ti-"], [class*=" ti-"] {
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.media_body_1{
    margin-left:3%;
}
.media_body_2{
    margin-left:5%;
}
.categoryitem1{
    padding :20px 0px 50px 0px;
}
.categoryitem2{
    padding :20px 0px 20px 0px;
}
.categoryitem3{
    padding :20px 20px 20px 0px;
}
.categoryitem4{
    padding :0px 0px 10px 00px;
}
.categoryitem5{
    padding :20px 0px 20px 0px;
}
.categoryitem6{
    padding :20px 0px 20px 0px;
}
.dropdown-submenu {
  position: relative;
}
.navbar-light .navbar-nav .nav-link{
    color:white !important;
}
.dropdown-menu {
    max-width: 200%; /* Set a maximum width */
    min-width:0rem !important;
    overflow: hidden; /* Hide any overflowing content */
    margin-top: 20% !important;
    margin-left: -80% !important;
    width:250px !important;
    box-shadow:1px 2px 20px -7px;
}
.dropdown-menu.scrolled{
        background-color:lightgray;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }
.dropdown-item{
    white-space:inherit !important;
}
.dropdown-item:hover{
    background-color:lightgray;
}
.dropdown-item {
    padding:10px !important;
} 
.dropdown-menu a:hover{
    background-color:lightgray;
}
.dropdown-submenu a.dropdown-toggle {
    padding-right: 1.5rem; /* Add space for dropdown indicator */
}
.footer_color_div{
    background-color:#032f5b !important;
}

.all_courses_div{
    text-align:center;
    margin-top:5%;

}
.all_courses_div a{
    background-color:#00195d;
    padding:10px;
    font-size:25px;
     color:white;
     width:30%;
     padding-left:50px;
     padding-right:50px;
     border-radius:5px;
}
.all_courses_div a:hover{
    color:white;
}
/*.avatar{*/
/*    margin-top:0%;*/
/*}*/
.avatar img{
    width:100%;
}
.card-style1 .card-img .course-tag {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 5px 10px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 12px;
    color: white;
    font-weight: 700;
    background: darkblue;
    z-index: 1;
}
.image-hover {
    position: relative;
    overflow: hidden;
}
.card-style1:hover .card-img img {
    transform: scale(1.2);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.card-style1 .card-img img {
    width: 100%;
    transition: .6s;
}
.card_back_clr{
    background-color:#f3d8b87a !important;
}
.main_div_all_courses{
    margin-top:-5%;
    margin-bottom:-5%;
}

.bg-img_courses_start:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background-color: rgb(0 0 0 / 66%);*/
    background-image: linear-gradient(to right, rgb(0 0 0 / 57%), rgb(157 157 157 / 49%));
    
}
.every_cpourse_page_main_image{
    /*height:50vh;*/
    height:auto;
    margin-top:2%;
}
.courses-info .course-meta .item.author .author-img {
    display: table-cell;
    vertical-align: top;
}
.courses-info .course-meta .item {
    float: left;
    margin-right: 38px;
}
.courses-info .course-meta .item.author .author-img img {
    height: 50px;
    border-radius: 50%;
    margin-right: 15px;
}
.courses-info .course-meta .item.author .desc {
    display: table-cell;
    vertical-align: top;
}
.tab-style1 ul.resp-tabs-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    border-bottom: unset;
    border-radius: 5px;
    box-shadow: 0px 5px 24.25px 0.75px rgba(0, 0, 0, 0.1);
}
ul.resp-tabs-list {
    margin: 0px;
    padding: 0px;
    padding-left: 0;
}
.tab-style1 .resp-tabs-list li {
    display: inline-block;
    padding: 20px;
    border-bottom: none;
    outline: none;
    float: unset;
    font-size: 18px;
    flex-grow: 1;
    flex-basis: 160px;
    padding-left: unset;
    text-align: center;
    transition: 0.2s;
}
.tab-style1 .resp-tabs-list li {
    position: relative;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    font-weight: 800;
    display: inline-block;
    padding: 30px;
    margin: 0;
    font-size: 16px;
    list-style: none;
    cursor: pointer;
    min-width: auto;
    border-radius: 5px;
    color: #012c69;
    background: #ffffff;
}
.tab-style1 .resp-tabs-list li.resp-tab-active {
    background: #ff7029;
    color: #ffffff;
    border: none;
    font-weight: 800;
    border-radius: 5px;
    position: relative;
}
.tab-style1 .resp-tabs-list li {
    display: inline-block;
    padding: 20px;
    border-bottom: none;
    outline: none;
    float: unset;
    font-size: 18px;
    flex-grow: 1;
    flex-basis: 160px;
    padding-left: unset;
    text-align: center;
    transition: 0.2s;
}
.sidebar{
    margin-top:15%;
}
.sidebar .widget {
    margin-bottom: 30px;
    padding: 30px;
    box-shadow: 0px 5px 24.25px 0.75px rgba(0, 0, 0, 0.1);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: papayawhip;
}
.sidebar .widget-title {
    margin-bottom: 1.5rem;
    background-color:#012c69;
    color:white;
}
.sidebar .widget-title h3 {
    font-size: 1.3rem;
    position: relative;
    margin-bottom: 0;
    padding-left: 25px;
}
.search {
    position: relative;
}
/*.search input[type="text"] {*/
/*    width: 100%;*/
/*    background-color: #fff;*/
/*    padding: 12px 25px;*/
/*    padding-right: 55px;*/
/*    box-shadow: 0px 16px 32px 0px rgba(227, 227, 227, 0.3);*/
/*    border: 1px solid #ededed;*/
/*    border-radius: 5px;*/
/*}*/
.search button {
    position: absolute;
    top: 12px;
    right: 25px;
    background: transparent;
    border: none;
    color: #2fbfa7;
    font-size: 18px;
}
.cousrse_main_div_start{
    margin-top:-10%;
    margin-bottom:-5%;
}
.ratings i{
    color:orange !important;
}
.course-list li {
    position: relative;
    padding-left: 0;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px dotted #dddddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.course-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.course-list li i {
    font-size: 14px;
    color: #ff7029;
}
.resp-tab-item.active {
        background-color: #d97702 !important; 
        color: white !important; 
    }

.accordion-button{
    padding:10px !important;
}

#curriculum{
    margin-top:5%;
}
.sidebar_widget_buynow img{
    width:100%;margin-top:4%;align-items:center;text-align:center;
}
.sidebar_widget_buynow_content{
    text-align:center;
}
.anchor_buy_now_course{
    background-color:orange;
    color:white;
    padding:10px;
    padding-left: 60px;
    padding-right: 60px;
}

.anchor_buy_now_course:hover{
    color:white;
    background-color:#012c69;
}
#navbarNav{
    width:75%;
}
/*change for dropdown elearning*/
#navbar-logo{
    /*margin-left:-30%;*/
    width:40%;
}
.dropdown-submenu .dropdown-menu {
    width:130% !important;
  }
  
  
.sidebar_nav {
  height: 90vh; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  z-index: 1; /* Stay on top */
  top: 0;
  left: 0;
  background-color: #111; /* Black*/
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */
  /*margin-top:8%;*/
  overflow: auto;
}

/* The sidebar links */
.sidebar_nav a {
  padding: 8px 8px 8px 15px;
  text-decoration: none;
  font-size: 17px;
  color: #5b5a5a;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidebar_nav a:hover {
  color: orange;
}

/* Position and style the close button (top right corner) */
.sidebar_nav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/* The button used to open the sidebar */
.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color: #444;
}


/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s; /* If you want a transition effect */
  /*padding: 20px;*/
  /*margin-left:-90%;*/
  /*margin-bottom: -5%;*/
}

.main_div_button_arrow{
    margin-left:-90%;
  margin-bottom: -5%;
}
.course_navbar_back{
    padding:55px 0px !important;
}
.course_navbar_back_eleanring_course_section{
    padding:77px 0px !important;
}
.main_div_sidebar{
    margin-top:-20%;
}
.content_course_start_div{
      margin-top:5%;
  }
  .heading_div_start_course h2{
      /*margin-left:10%;*/
      padding:15px;
      margin-top:1%;
  }
  .quiz_heading_div_course{
      background-color:#032f5b;
  }
  .result-container{
    margin-top:5%;
    background: linear-gradient(156deg, #c7cbff82, #c7cbff82, #c7cbff82, #c7cbff82);
    width: 70%;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-left: 15%;
    padding: 40px;
    border-radius: 20px 20px 100px 20px;
    font-family: sans-serif;
}
.result-container h1{
    color:#5a16ff;
}
.result-container h2{
    color:#2c52bd;
}
.result-container .quiz_result_container_total_main{
    display:flex;
    justify-content:space-between;
}
.quiz_result_container_total_main .quiz_result_container_total_question h2{
    background-color:#ff7600;border-radius:50%;width: 25%;text-align:center;color:white;margin-left: 30%;
}
.quiz_result_container_total_main .quiz_result_container_correct_question h2{
     background-color:#ff7600;border-radius:50%;width: 30%;text-align:center;color:white;margin-left: 30%;
}
.quiz_result_container_total_main .quiz_result_container_wrong_question h2{
     background-color:#ff7600;border-radius:50%;width: 25%;text-align:center;color:white;margin-left: 30%;
}
.quiz_btn_class_main{
    display:flex;
    justify-content:space-between;
    text-align:center;
}
.quiz_btn_anchor_1{
    margin-left:45%;
     padding:10px;
     background-color:#004285;
     color:white;
     margin-top:2%;
     border-radius:5px;
}
.quiz_btn_anchor_2{
    margin-left: 45%;
    padding:10px;
    background-color:#004285;
    color:white;
    margin-top:2%;
    border-radius:5px;
}
.quiz_btn_anchor_1:hover,.quiz_btn_anchor_2:hover{
    color:white;
}
.course_details_btn_download{
    margin-left: 0% !important;
}
.review{
    border-bottom:1px dotted lightgray;
}
.star-rating {
    display: flex;
    cursor: pointer;
}

/* Style for each star */
.star {
    font-size: 30px;
    color: #ccc; 
    transition: color 0.3s ease; 
}
.gold {
    color: gold;     
}

.star.selected {
    color: gold;
}
/* Feedback form styling */
.feedback-form textarea {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}

.feedback-form button {
    background-color: #032f5b;
    color: white;
    padding: 10px 15px;
    border: none;
    cursor: pointer;
    margin-bottom:5%;
    border-radius:5px;
}

.feedback-form button:hover {
    background-color: #032f5b;
}

.elearning_begginer1{
    margin-top: -12%
}
.elearning_begginer4{
    margin-top: -3%;
}
.executive_1{
    margin-top: 4%;
}
.management_1_cpp{
    margin-top: 3%;
}
.management_2csm{
    margin-top:3%;
}
.executive2_negotation{
    margin-top:3%;
}
.text-white{
    margin-left:-4%;
}
.text-white-elearning{
        margin-left: 0% !important;
    }
.footer_logo_elearning{
    width:60%;
}
.footer-border{
    margin-left:2%;
}
.row_div_cpurse_anme_details_main_div h1{
        color:#1752c3;;font-size:50px;font-weight:900;font-family:sans-serif;background-color: #f0f8ff75;padding:10px;
    }
.course_heding h2{
        color:#012c69;
        margin-left: 0%;
        
    }
.main_div_course_start_all{
       display:flex;
   }
 .sidebar_nav_course_start{
     color:black;background-color:white;
 }
.heading_div_start_course_iupper{
       display:none;
   }
   .heading_div_start_course_bottom{
       display:block;
   }
   .amin_side_bar_modulke_heding{
       text-align:center;background-color: papayawhip; padding: 10px;
   }
   .quiz_div_course_main{
       width:780px;background-color:#d0e6f596;justify-content:center;text-align:center;align-items:center;margin-left:17%;padding:20px
   }
   .start_quiz_div{
       padding:20px;
   }
   .main_div_heading_elearning{
       background-color: #004893;
        color: #ffffff;
   }
   .main_div_upload_file_elearning{
       margin-bottom:0% !important;
   }
   .main_div_heading_elearning h2{
       padding:10px;
   }
   .all_cpourse_page_main_image{
       /*height:70vh;*/
       height:auto;
   }
    .all_course_row_heding_to h1{
           color:#093983;font-size:50px;font-weight:900;font-family:sans-serif;margin-top:5%
       }
     .all_course_row_heding_to p{
         font-size:40px;color:#236709;
     }
   .subscribe_elearning_email_field{
      width: 160px;
      transition: none;
      -webkit-transition: none;
      font-size:16px;
  }
  .all_course_leasson_rating_margin_bottom{
      margin-bottom:5%;
  }
  .courses_main_page_background{
      background-color: antiquewhite;
  }
  .beginner_course_name_main a{
      color:#0b247f !important;
  }
   /*.display-30{*/
   /*    margin-top: -10%;*/
   /*}*/
   
   
   .upper-nav-elearning {
        /*background-color:#004891 !important;*/
       background-color:#004b8d !important;
        
    }
   /*.navbar-nav-ul-elearning{*/
   /*    padding-left: 130px !important;*/
   /*}*/
   .navbar-nav-ul-elearning li{
       margin-left: 25px !important;
        /*width: 18% !important ;*/
   }
   /*.contact_us_elearning{*/
   /*    margin-left: 17px !important;*/
   /*}*/
   .learn_whenveere_choose{
       text-align:justify;
   }
   
   
   
   .pagination-elearning a {
        display: inline-block;
        padding: 5px 10px;
        background-color: #004495;
        text-decoration: none;
        color: #ffffff;
        border: none;
        margin-right: 5px;
    }
    
    .pagination-elearning a:hover {
        background-color: #004495;
        color:white;
    }
    .backto_corse_btn{
        color:white;
        background-color:orange;
        padding: 5px;
        border: none;
        border-radius: 5px;
        width: 15%;
        height: auto;
        margin-top: 3%;
        margin-left:10%;
    }
        
    }
    .backto_corse_btn:hover{
        color:white;
    }
    
    .course_name_back_btn_div h2 {
            padding: 15px;
            margin-top: 1%;
            margin-left:15%;
        }
    
/*poup enquire_copurse start ----------------*/

.popup_enquire_course_main {
    position: fixed;
    top: 2%;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none; /* Initially hidden */
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

/*.enquire_course_popup {*/
/*    background: #fff;*/
/*    padding: 20px;*/
/*    border-radius: 8px;*/
/*    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);*/
/*    width: 400px;*/
/*}*/
.enquire_course_popup {
    position: relative; /* Ensure the close button is positioned relative to the popup container */
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    width: 50%;
    margin-top:9%;
}

.form_enquire_field {
    margin-bottom: 15px;
}

.form_enquire_field label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.form_enquire_field input,
.form_enquire_field textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.form_enquire_field button {
    background: #004085;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 4px;
    cursor: pointer;
    width: 40%;
    margin-left: 30%;
}

.form_enquire_field button:hover {
    background: #0056b3;
}
.close-popup-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: transparent;
    border: none;
    font-size: 30px;
    font-weight: bold;
    color: #000;
    cursor: pointer;
    z-index: 10; /* Ensure it stays on top of other elements within the popup */
}

.close-popup-btn:hover {
    color: red; /* Change color on hover for better UX */
}
.enquire_course_popup h2{
    text-align:center;
    color:#032175;
}
.btn_enquire_course{
    border:none;
    text-align:center;
    align-items:center;
    justify-content:center;
    color:white;
    background-color:#004085;
    padding: 5px;
    width: 60%;
    margin-left: 20%;
}
.btn_enquire_course:hover{
    background-color:orange;
}
.poup_enquire_submit_main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none; /* Initially hidden */
    justify-content: center;
    align-items: center;
    z-index: 1000;
}
.submit_enquire_course_popup {
    position: relative;
    background: #fff;
    padding: 60px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    width: 600px;
    text-align: center;
    border: 3px solid #38484d;
}
.submit_enquire_course_popup h2{
    color:darkblue;
}
.close-popup-btn-ok{
    border: none;
    background-color: #004085;
    color: white;
    width: 29%;
    padding: 10px;
    margin-top:2%;
}
.main_div_certificate_button_course{
    margin-top:2%;
    text-align:center;
}
.testimonal_popupbutton_elearning{
    text-align:center;
    margin-left:40%;
    margin-bottom:2%;
}
.testimonal_popupbutton_elearning_submit{
    margin-left:7%;
}

.search-container-elearning-certificate{
    margin-top:2%
}
.search_certifiacte_user{
    width:40%;
    font-size:15px;
    display:flex;
}
.certificate-list-elearning table{
    margin-left:4%;
    width:90%;
    border-collapse: collapse;
}
.certificate-list-elearning .line_all_certifiacte {
    height: 1px;                  /* Set the height of the line */
    width: 100%;                  /* Set the width to 100% */
    background-color: gray;       /* Set the background color to gray */
    margin: 20px 0;               /* Optional: Add some margin to separate it from other content */
}

.btn_search_certificate{
    border:none;
    background-color:orange;
    color:white;
    margin-left:10px;
    width:50%;
}
/*popup enquire course end------------------------*/

/*  poup elearning reattempt ------------------------------  */
.custom-modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
  justify-content: center;
  align-items: center;
  animation: fadeIn 0.3s ease-out;
}

/* Modal Content */
.custom-modal-content {
  display: flex;
  flex-direction: column;
  width: 90%;
  max-width: 500px;
  background-color: white;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  animation: slideUp 0.3s ease-out;
}

/* Modal Header */
.custom-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #f0f0f0;
  padding-bottom: 10px;
}

.custom-modal-title {
  font-size: 1.6rem;
  color: #333;
  font-weight: bold;
}

/* Close Button */
.custom-close-btn {
  font-size: 1.6rem;
  color: #aaa;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}

.custom-close-btn:hover {
  color: #333;
}

/* Modal Body */
.custom-modal-body {
  margin-top: 15px;
  font-size: 1.2rem;
  color: #555;
  text-align: center;
}

/* Modal Footer */
.custom-modal-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}

/* Footer Button */
.custom-btn-close {
  background-color: #072875;
  color: white;
  border: none;
  padding: 10px 20px;
  font-size: 1.2rem;
  cursor: pointer;
  border-radius: 5px;
}

.custom-btn-close:hover {
  background-color: #45a049;
}

.reviews_section h3{
    margin-left:15%;
    margin-top:2%;
}
.reviews_section{
    margin-top:5%;
}
.knowledge_bit_review_form{
    width:70%;
    margin-left:15%;
}
.review_submit_btn_bite{
    background-color:orange !important;
    color:white !important;
}
.review_item{
    margin-left:15%;
    border-bottom: 1px solid lightgray;
    width:70%;
    /*margin-top: 5%;*/

}
.pagination_controls_knowledge_bite{
    margin-left:15%;
    margin-top:2%;
}
.no_review_margin_review{
    margin-left:15%
}
#top_brand_slider_wrapper {
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: auto;
  overflow: hidden;
}

.top_brand_slider {
  display: none;
  width: 100%;
}

.top_brand_slider img {
  width: 100%;
  display: block;
}

.top_brand_slider_wrapper .prev, .top_brand_slider_wrapper .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 12px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border: none;
  background-color: rgba(0,0,0,0.5);
  user-select: none;
  z-index: 1000;
}

.top_brand_slider_wrapper .prev {
  left: 0;
}

.top_brand_slider_wrapper .next {
  right: 0;
}
/*memebershipo_eleanring page css start*/
.welcomelink_elearning{
    display:none;
}
.membership-container {
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    margin-top: -5%;
    margin-bottom: -7%;
    padding-left: 100px;
    padding-right: 100px;
}

.main-title {
    font-size: 2.5rem;
    color: #003e9f;
    font-family: sans-serif;
    font-weight: 800;
}

.subtitle {
    font-size: 1.2rem;
    margin-bottom: 40px;
    color:black;
}

.membership-levels {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Centers items in the row */
    gap: 20px; /* Adds spacing between rows and boxes */
}

.membership-level {
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 8px;
    width: calc(33.33% - 20px); /* Makes each box take 1/3 of the row minus gap */
    height: 250px; /* Fixed height for consistent flipping */
    perspective: 1000px; /* Perspective for 3D effect */
    position: relative;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.membership-level .flip-card {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.6s;
}

.membership-level:hover .flip-card {
    transform: rotateY(180deg); /* Flip on hover */
}

.flip-card-front, .flip-card-back {
    width: 100%;
    height: 100%;
    position: absolute;
    backface-visibility: hidden;
    border-radius: 8px; /* Match container radius */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}

.flip-card-front {
    background: #004891;
    color: #ffffff;
}

.flip-card-back {
    background: #f4f4f4;
    color: #555;
    transform: rotateY(180deg); /* Back side of the card */
}

.membership-level h3 {
    font-size: 25px;
    margin: 10px 0;
}

.membership-level .description {
    font-size: 0.9rem;
    text-align: center;
    margin: 0;
    color:black;
}

.join-now {
    margin-top: 10%;
    font-size: 40px;
    color: #333;
}

.join-now a {
    color: #ffffff;
    text-decoration: none;
    /*font-weight: bold;*/
    background-color: orange;
    padding: 15px;
    border-radius:10px
}
.join-now a:hover{
    color: #ffffff;
}
/*membership eleanringng page css end*/






.g-recaptcha{
    text-align:center;justify-content:center;align-items:center;margin-left:35%
}
.weekly_quiz_result_show_main{
    text-align:center;
    margin-top:5%;
}
.weekly_quiz_winner_btn{
    background-color:orange;
    color:white;
    padding:5px;
    border-radius:5px;
    text-decoration:none;
}

.weekly_quiz_winner_btn:hover{
    color:white;
}

.main_div_weekly_quiz_winners{
    margin-top:150px;
}
.heding_weekly_wuiz_winner_page{
    text-align:center;

}
.main_div_weekly_quiz_winners{
    margin-bottom:-10%;
}

.table_weekly_quiz_winner thead{
    border:1px solid lightgray;
}
.table_weekly_quiz_winner tr{
    border:1px solid lightgray;
}
.table_weekly_quiz_winner td{
    border:1px solid lightgray;
}
.table_weekly_quiz_winner th{
    border:1px solid lightgray;
}

.quiz_btn_anchor__reattempt{
    margin-left:0%;
     padding:10px;
     background-color:#004285;
     color:white;
     margin-top:2%;
     border-radius:5px;
}
.quiz_btn_anchor__reattempt:hover{
    color:white;
}




/*ASSESSMENT TEST CSS START*/

.main_div_assessment_test{
    margin-top:180px;
    /*display:flex;*/
     width:100%;
     margin-bottom:-10%;
     border-top:1px solid darkblue;
     padding:10px;
     justify-content:;
}
.assessment_div_heading{
    display:flex;
}

.assessment_div_heading_image img{
    width:100%;
    /*border-left:1px solid darkblue;*/
    /*border-right:1px solid darkblue;*/
    /*border-bottom:1px solid darkblue;*/
    /*margin-top:-2%;*/
}
.assessment_div_content_main{
    padding:20px;
   
}
.assessment_div_heading{
    padding-left:20px;
    /*padding-top:20px;*/
    padding-right:20px;
}
.assessment_div_heading_inner{
    width:70%;
}
.assessment_div_heading_image{
    width:20%;
}
.assessment_start_btn{
    text-align:center;
    align-items:center;
    background-color:#ff7600;
    color:white;
    border:none;
    padding:10px;
    border-radius:10px;
}
.button-container {
    display: flex;
    justify-content: center; /* Centers horizontally */
    margin-top: 20px; /* Adjust as needed */
}

.main_div_assessment_test{
    margin-top:150px;
}

.anchoer_tag_back_btn_test{
    float:right;font-size:18px;color:orange
}
.main_div_asssessment_result{
    margin-top:160px;
    justify-content:center;
    text-align: center;
    margin-bottom:-10%;
}

.main_div_result_not_show{
    width:50%;
    background-color: #0059a5d9;
    margin-left:25%;
    min-height: 150px; /* Set a minimum height */
    /*display: flex;*/
    align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
    text-align: center; /* Ensure text is centered */
    border: 1px solid #0059a5d9;
     padding: 50px 20px;
     color: white;
    border-radius: 10px;
    
}

.assesment_test_result_backbtn{
    margin-top:5%;
    
}
.assesment_test_result_backbtn button{
    background-color:#ff7600;
    color:white;
    border:none;
    border-radius:10px;
    width:25%;
    margin-top:3%;
    padding:15px;
}
.category_wise_result_assessment_test{
    width:60% !important;
    margin-left:20% !important;
}
.summary_div_quiz_question_category_assessment_test table{
    width:60% !important;
    margin-left:20% !important;
}
.summary_div_quiz_question_asssessment_test{
    width:60% !important;
    margin-left:20% !important;
    margin-top:1% !important ;
}
.candidate_name_assessment_test_div{
    width:60% !important;
    margin-left:20% !important;
    background-color: #ecf8fb;
    margin-top: 1%;
}
/*ASSESSMENT TEST CSS END*/

/*Womens DAY PAGE CSS START*/
.main_img_div_womens_page{
    width:100%;
    margin-top:160px;
    position: relative;
    display: inline-block;
}
.main_img_div_womens_page img{
    width:100%;
    display: block;
}
.overlay_womens_day {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 118, 189, 0.84); /* Adjusted transparency syntax */
    z-index: 1;
    display:flex;
    flex-direction:column;
    align-items: center; /* Centers vertically */
    justify-content: center; /* Centers horizontally */
    text-align: center; /* Ensures text alignment */
}

.overlay_womens_day h1 {
    font-size: 85px;
    color: white;
    margin: 0; /* Removes any default margins */
    font-family:serif;
    /*margin-top:10%;*/
    width:70%;
     /*margin-left:15%;*/
     padding: 20px;
}
.overlay_womens_day h2{
     /*border-top:1px solid white; */
     /*border-width:70%;*/
     /*margin-top:15%;*/
     color: white;
     width:70%;
     /*margin-left:15%;*/
     border-bottom:1px solid white; 
     padding:10px;
}
.overlay_womens_day h3 {
    position: relative;
    font-size: 120px;
    color: white;
    font-family: serif;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px; /* Adjust spacing between text and lines */
    width:70%;
    /*margin-left:15%;*/
    padding:20px;
}

.overlay_womens_day h3::before,
.overlay_womens_day h3::after {
    content: "";
    flex: 1;
    height: 2px;
    background-color: white;
    max-width: auto; /* Adjust length of the line */
}
.content_div_start_wromens_page{
    width:85%;
    text-align:justify;
    margin-left:7%;
    margin-top:2%;
    padding:30px;
}
.content_div_start_wromens_page p{
    font-size:20px;
    font-family:sans-serif;
}
.digit-quotes-styling blockquote {
    font-size: 23px;
    margin-top: 2rem;
}


.testimonial-box {
        /*text-align: center;*/
        padding: 20px;
        /*border-radius: 10px;*/
        /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
        /*background: #fff;*/
        margin-bottom: 20px;
        border-right: 1px solid lightgray;
        /*transition: all 0.3s ease-in-out; */
        /*transform-origin: center center;*/
    }
    
    .testimonial-img {
        width: 200px;
        height: 200px;
        border-radius: 50%;
        object-fit: cover;
        margin-bottom: 10px;
        border: 10px solid rgb(163 207 233 / 84%);
        }
    .designation {
        /*font-style: italic;*/
        color: #666;
    }
    .testimonial-single {
        /*display: flex;*/
        justify-content: center;
        text-align:center;
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
         background-color:#000047;
        
    }
    .img_name_div_women_testimonal{
        display:flex;
        justify-content: center;
    }
    .testimonial-single-womens_day{
        background-color:#000047;
        color:white;
         border-right: none !important;
        
    }
    .designation_womens_day_single{
        color:white
    }
    .testimonial-box blockquote {
    font-size: 16px; /* Text size for the main message */
    /*font-style: italic;*/
    
    position: relative;
    padding-left: 40px; /* Indent for the quote */
    line-height: 1.8;
}
    .testimonial-box blockquote::before {
        content: "“"; /* Opening quote */
        font-size: 80px; /* Large size */
        font-weight: bold;
        color: #cccccc; /* Light color to match the style in the image */
        position: absolute;
        top: -20px; /* Adjust vertical position */
        left: 0; /* Left-align the quote */
        line-height: 1;
    }
    /*.blockquote_span_class{*/
    /*    font-size:50px;*/
    /*}*/
    .name_para_div_testimonal h4{
        margin-left:2%;
    }
    .panalist_main_div{
        display:flex;
    }
    
    
    .panalist_main_div {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 20px; /* Space between boxes */
        padding: 20px;
        width: 85%;
         margin-left: 7.5%;
    }

.panalistbox {
    width: 23%; /* Adjust for 4 in a row */
    text-align: center;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 10px;
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
    transition: all 0.3s ease-in-out; /* Smooth transition for hover */
    transform-origin: center center; /* Scale from the center */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.panalistbox:hover {
    transform: scale(1.1); /* Enlarge the box by 10% */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4); /* Larger shadow for a pop-out effect */
}
.panalistbox img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 10px;box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.25);
    /*border: 10px solid rgba(0, 118, 189, 0.84);*/
}

.modratorbox{
    width: 60%; /* Adjust for 4 in a row */
    text-align: center;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    /*transition: all 0.3s ease-in-out; */
    /*transform-origin: center center;*/
    margin-left:20%;
}
/*.modratorbox:hover{*/
/*    transform: scale(1.1); */
/*    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);*/
/*}*/
.modratorbox img{
   width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 10px;
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.25);
}
.panalist_heading{
    padding:30px;
    /*font-size:50px;*/
}
.womens_testimonal_container{
    margin-top:2%;
    padding:10px;
}
.testimonal_btn_womens_day{
    text-align:center;
}
.testimonal_popupbutton_womnes{
    width:20%;
    margin-left:40%;
}

.summary_div_quiz_question .asssessment_test_result_div{
    width:50% !important;
}

.heading_table_category_assessment_test, .dta_table_category_assessment_test {
    text-align: left; /* Align text to the left */
    vertical-align: middle; /* Vertically center the text */
    padding-left:80px;
}
.heading_table_category_assessment_test_score, .dta_table_category_assessment_test_score{
    padding-left:30px;
    text-align: left;
    vertical-align: middle;
}
.content_div_start_wromens_page  p{
    border-bottom:1px solid lightgray;
}
.modrator_main_div{
    padding:25px;
}
.modrator_main_div h1{
    padding:20px;
    font-size:50px;
    
}
.main_div_testimonal_start_womens{
    margin-top:-2%;
}
.main_heading_mod_pan{
    color:#003973;
}
.main_div_womens_day_page{
    margin-bottom:-10%;
}
.main_div_panalist_moderator{
    width: 100%; /* Adjust for 4 in a row */
    text-align: center;
    padding: 20px;
    background: #f1f9ff;
    border-radius: 10px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
   margin-top:2%;

}
.join_webinar_div{
    text-align:center;
}
.anchor_tag_join_link{
    color:orange;
    
}

.overlay_womens_day .register_now_btn_womens_day{
    color:white;
    border:none;
    background-color:orange;
    border-radius:5px;
    padding:10px;
    font-size:20px;
}


.video_div_main{
    margin-left:20%;
    width:70%;
    padding:20px;
}
/*WOMENS DAY P[AGE CSS END*/


/* procuremrnt_sense_css start*/
.main_div_sense_result{
    margin-top:10%;
    font-family:sans-serif;
    margin-bottom:-10%;
}
.main_div_sense_all_show{
    width:53%;margin-top:3%;background-color:beige;margin-left:23%;padding:20px;font-family:sans-serif;
}


.main_div_sense_all_show li{
    padding:10px;
}

.procurement_sense_heading_div{
    padding:10px;
   
}
.procurement_sense_image_div{
    margin-top:2%;
    text-align: center;
   
}
.procurement_sense_heading_div_sense_only{
    font-family:sans-serif;
}
.procurement_sense_heading_div_sense_only ol{
    list-style:none;
}
.procurement_sense_heading_div_sense_only{
    width:60% !important;
}
.procurement_sense_heading_div_sense_img_only{
    width:40% !important;
}
.procurement_sense_heading_div_sense_img_only img{
    width:70% !important;
}
.procurement_sense_image_div img{
    width:50%
}
.procurement_sense_content_div {
    margin-top: -10%;
    width: 70%;
    margin-left: 2%;
}
.procurement_sense_assessment_content_div{
    margin-top: -5% !important;
    width:60% !important;
}
.procurement_sense_assessment_heading_div{
    width:60% !important;
    font-family:sans-serif;
}
.procurement_sense_img_heading_div{
    width:40% !important;
}
.procurement_sense_img_heading_div img{
    width:100% !important;
    margin-top:15% !important;
}
.assessment_teats_phone{
    display:none !important;
}
.assessment_teats_big_screen{
    display:block !important;
}


.rating-table td{
    padding:10px;
    font-size: 20px;
    border-bottom: 1px solid #717171;
}
.rating-table th{
    padding:10px;
}
.rating-table input{
    margin-left:5% !important;
}
.quiz_questiin_form_div_main .quiz_procurement_sense_assessment_tool{
    width:100% !important;
}

.image_div_sense_bigscreen{
    display:block;
}
.image_div_sense_phone{
    display:none;
}

.question_wise_score_div{
    width:100%;
    display:flex;
    margin-top: 2%;
    text-align:center;
}

.boxes_result_question_div{
    height:auto;
    background-color:#50aeff;
    padding: 10px;
    padding-left: 20px;
    margin-left:1%;
    color:white;
    /*white-space: pre-line;*/
}

.main_div_sense_all_show .paragrph_sense{
    line-height:30px;
}
.main_div_sense_all_show .paragrph_number{
    line-height:30px;
}

/*.popup-content-index-elearning{*/
/*    max-width: 650px !important;*/
/*}*/


/* procurement style css end*/




/* Annual conference page 2025 css start*/
#timer_annual{
    color:white;font-size:50px;
}
.main_div_annual_conference_2025{
    margin-bottom:-10%;
}
.annual_conference_2025_video_div video{
    width:100%;
    padding-top:1px;
}
.video_overlay_div{
    display: none;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 99%;
     background: rgb(50 68 119 / 42%);
     text-align: center;
     color: white;
     padding-top: 20%;
    
         }
.video_overlay_div h1{
    text-align:center;
    color:white;
    font-size:70px;
    /*transform: translate(0%, -110%);*/
    transform: translate(0%, -90%); 
}
.video_overlay_div .date_heading_annula_conference{
    color:white;
    transform: translate(0%, -200%);
}
.video_overlay_div .present_heaidng{
    color: white;
    transform: translate(0%, 0%);

}
.video_overlay_div h2{
    font-size:35px;
    /*transform: translate(0%, -300%);*/
    transform: translate(0%, -270%);
    color:yellow
}
.main_div_partner_aweards{
    /*display: flex;*/
    /*align-items: center;*/
    /*text-align: center;*/
    /*justify-content: center;*/
    /*transform: translate(0%, -37%);*/
    /*gap: 400px;*/
    /*background-color: #f0f8ffb3;*/
    
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 70px;
    background-color: #ffffffe3;
    /*padding: 20px 0;*/

}
.div_authbridge_partner img{
    max-width: 150px; width: 100%; height: auto;
}
.contisoft_partner img{
    max-width:80px !important;
}
.uber_logo_img img{
    max-width:100px !important;
}
.contisoft_partner_hed{
    transform: translate(0%, 40%);
}

.div_fox_box_partner img{
     max-width: 150px; width: 100%; height: auto;
}

.chemc_analyst_iamg{
    position: absolute; top: 0px; left: 50%; 
    transform: translateX(-50%);
    width: 100%; justify-content: center; pointer-events: none; z-index: 10;
}
.chemc_analyst_iamg img{
    max-width: 350px; width: 100%; height: auto;
}


.button_annual_conference{
    /*display:flex;*/
    text-align:center;
    align-items:center;
    justify-content:center;
    /*gap: 300px;*/
    /*margin-left:-5%;*/
    transform: translate(0%, -200%);
}
.btn_div_spnsor_2025_conference button{
    border:none;
    /*width:50%;*/
    border-radius:10px;
    font-size:20px
}

.button_annual_conference button{
    border:none;
    width:30%;
    border-radius:10px;
    font-size:20px
}
.nomination_up_btn{
    padding:10px;
}
.btn_div_spnsor_2025_conference .sponsorship_btn{
    background-color:#ff7300;
    color:white;
    padding:10px;
    /*float: inline-end;*/
    /*margin-right: 13%;*/
    
}
.button_annual_conference .register_btn{
    background-color: #ff2000;
    color:white;
    padding:10px;
    margin-left:5%;
    
}
.content_div_start_conference_2025{
    /*display:flex;*/
    /*padding:30px;*/
    font-family:sans-serif;
    padding-left: 105px;
    padding-right: 130px;
    /*gap:50px;*/
    text-align:center;
    
}
.content_div_main_2025_with_btn{
    padding:30px;
}
.content_left_annual_2025_start{
    width:100%;
    padding:8px;
}
/*.content_right_annual_2025_start{*/
/*    width:40%;*/
/*    padding:10px;*/
/*}*/
.paragraph_conference{
    margin-left:-1%;
}
.border_line_div{
    border-bottom:groove;
    width: 84%;
    margin-left: 9%;
    /*margin-top:-3%;*/
    border-image: linear-gradient(to right, #00000003, #a9a9a9, #00000003) 1;
    
}
.main_div_accordation{
    display:flex;
    width:80;
    /*margin-left:10%;*/
    padding-left: 130px;
    padding-right: 130px;
    gap:50px;
    font-family:sans-serif;
}

.annula_confernece_acciordation {
      width: 100%;
      max-width: 600px;
      margin: 20px auto;
      
    }

    .annula_confernece_acciordation .accordion-header {
      background-color: white;
      cursor: pointer;
      padding: 15px;
      font-size: 16px;
      border-bottom: groove;
      outline: none;
      transition: background-color 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      border:none;
    }
    /* Hover effect for the header */
    .annula_confernece_acciordation .accordion-header:hover {
      background-color: #ddebff;
    }

    /* Active header style */
    .annula_confernece_acciordation .accordion-header.active {
      background-color: #ddebff;
    }

    /* Accordion content styling */
    .annula_confernece_acciordation .accordion-content {
      padding: 0 15px;
      background-color: white;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease-out;
      border-bottom: 1px dotted #828282;
    }

    /* Optional: style for content when expanded */
    .annula_confernece_acciordation .accordion-content p {
      margin: 15px 0;
    }

.accordion-title {
      flex: 1;
      text-align: left;
    }
    .toggle-icon {
      font-weight: bold;
      margin-left: 10px;
      text-align: right;
    }
    .heading_div_annual_2025_why{
        text-align:center;
        /*margin-top:2%;*/
        padding-left: 50px;
        padding-right: 50px;
    }
    .heading_div_annual_2025_why h2{
        color:#003e9f;
    }
    
    .main_div_accordation_heading{
        padding:30px;
    }
    .btn_div_spnsor_2025_conference{
        justify-content:center;
        align-items:center;
        text-align:center;
        display:flex;
        gap:300px
    }
    .btn_sponsor_conference_2025{
        background-color:#ff7300;
        border:none;
        color:white;
        padding:10px;
        width:100%;
        border-radius:10px;
        
    }
    
    .btn_sponsor_conference_2025_download{
        background-color:#ff7300;
        border:none;
        color:white;
        padding:10px;
        width:100%;
        border-radius:10px;
        float:left;
        margin-left: 13%;
        
    }
    .btn_sponsor_conference_2025_download_event_agenda{
        background-color:#ff7300;
        border:none;
        color:white;
        padding:10px;
        width:100%;
        border-radius:10px;
        /*float:right;*/
        
    }
    
    .key_dates_div {
      display: flex;
      flex-wrap: wrap;
      gap: 20px; /* spacing between cards */
      padding: 20px;
      justify-content: center;
      font-family:sans-serif;
    }

    /* Each card container with a fixed width for 4 cards per row */
    .key_dates_conference_2025 {
      flex: 1 1 calc(25% - 20px);
      max-width: calc(25% - 20px);
      perspective: 1000px; /* enables 3D effect */
    }

    /* The flip card container */
    .flip-card {
      background-color: transparent;
      width: 100%;
      height: 200px; /* adjust height as needed */
    }

    /* The inner container that will be flipped */
    .flip-card-inner {
      position: relative;
      width: 100%;
      height: 100%;
      text-align: center;
      transition: transform 0.6s;
      transform-style: preserve-3d;
    }

    /* Flip the card on hover */
    .key_dates_conference_2025:hover .flip-card-inner {
      transform: rotateY(180deg);
    }
    .main_div_key_dates_diary{
        text-align:center;
        margin-top:2%;
        font-family:sans-serif;
    }
    .key_dates_conference_2025 .description{
        font-size:35px;
    }
    
    .main_div_awards_all_categories{
        font-family:sans-serif;
        padding:30px;
       
    }
    
    .categories_div_box_main {
        display: flex;
        flex-wrap: wrap;
        gap: 10px; /* Adds 10px space between boxes (both horizontally and vertically) */
        padding-left: 50px;
        padding-right: 50px;
        
    }
    
    .categories_div_boxes {
        flex: 1 1 calc(25% - 10px); /* Four boxes per row with gap considered */
        padding: 30px; /* 10px internal padding on all sides */
        box-sizing: border-box;
        border: 1px solid lightblue;
        text-align: center;
        border-radius: 15px;
        transition: transform 0.5s ease;
        margin-top:1%;
        background: #e7f5ff;
    }
    .categories_div_boxes:hover {
        transform: translateY(-20px); /* move up by 10px on hover */
    }
    .categories_div_boxes h6{
        font-family:sans-serif;
    }
   
    /* Modal (popup) styles */
    .awards_popup_2025 {
      display: none; /* Hidden by default */
      position: fixed;
      z-index: 1000;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgba(0, 0, 0, 0.5);
    }
    .popup-content-awards_2025 {
      background-color: #fff;
        margin: 15% auto;
        padding: 40px;
        width: 100%;
        max-width: 700px;
        position: relative;
        border-radius: 10px;
    }
    .close {
      position: absolute;
      top: 10px;
      right: 20px;
      font-size: 30px;
      font-weight: bold;
      cursor: pointer;
    }
    .open-popup{
        color:red !important;
        font-size:15px;
    }
    .heading_div_categories_awrds_2025{
        text-align:center;
        margin-top: 2%;
        font-family:sans-serif;
        
        
    }
    .heading_div_categories_awrds_2025 h1{
        color:#003e9f;
    }
    
    .div_judging_panel_awards_2025 {
        display: flex;
        width: 100%;
        padding: 10px;
        justify-content: center;
        align-items: stretch; /* ensures all children stretch to the same height */
        text-align: center;
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .div_1_judging_panel {
        width: 25%;
        padding: 20px;
        border: 2px solid #e6adad;
        box-sizing: border-box;
        flex: 1 1 calc(25% - 10px);
        display: flex;             /* make the box a flex container */
        flex-direction: column;    /* stack its children vertically */
        min-height: 300px;         /* set a minimum height (adjust as needed) */
        transition: transform 0.5s ease;
    }
    
    .div_1_judging_panel .image_div_judge {
        margin-bottom: 10px;       /* add space between image and text */
    }
    
    .div_1_judging_panel .content_judge_panel_div {
        flex: 1;                   /* take remaining space to force uniform height */
    }
    
    .div_1_judging_panel .image_div_judge img {
        width: 40%;
        border-radius: 50%;
        object-fit: cover;
    }
    .heading_div_main_judge_panel{
        text-align:center;
        font-family:sans-serif;
        
    }
    .main_div_judging_panel_awards_2025{
        background-image: linear-gradient(to right, rgb(245 240 240 / 67%), rgb(255 207 207 / 49%));
        padding: 30px;
        margin-top: 1%;
        font-family:sans-serif;
        }
        
    .heading_div_main_judge_panel h1{
        color:#003e9f;
        font-weight:700;
    }
     .div_1_judging_panel:hover {
        transform: translateY(-20px); /* move up by 10px on hover */
    }
    
    .main_div_event_agenda_2025{
       
        padding:30px;
    }
    .main_div_event_agenda1{
        display:flex;
        justify-content: space-around;
        padding:30px;
        background-image: linear-gradient(to right, rgb(189 224 255 / 62%), rgb(0 64 163 / 44%));
        margin-top: 2%;
    }
    .div_content_right button{
        border:none;
        background-color:#ff7300;
        color:white;
        font-size:20px;
        padding:10px;
        border-radius:10px;
    }
    .main_div_event_agenda1 .div_content_left h2{
        color:#003e9f;
        font-weight:700;
    }
    .content_right_annual_2025_start iframe{
        width:420px;
        height:255px;
    }
    
    
    .main_div_sponsorship_conference_form {
        display: none;                /* Hidden by default */
        position: fixed;              /* Fixed position for overlay */
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);  /* Semi-transparent background */
        z-index: 1000;                /* High z-index to appear on top */
        overflow: auto;               /* Enable scrolling if needed */
    }
    
    /* Modal content styling */
    .div_sponsorship_conference_form_2 {
        background: #fff;
        margin: 10% auto;             /* Center the modal */
        padding: 5px;
        width: 100%;
        max-width: 600px;             /* Adjust as necessary */
        border-radius: 5px;
        position: relative;
    }
    .form_div_conference_2025{
        width:100%;
        padding:10px;
        
    }
    .form_div_conference_2025 input[type=text]{
        width:100% !important;
        padding: 5px;
    }
    .form_div_conference_2025 input[type=email]{
        width:100% !important;
        font-size: 16px !important;
    }
    .btn_div_sponsorship{
        text-align:center;
    }
    .form_div_conference_2025 .g-recaptcha{
        margin-left: 25%;
    }
    .form_div_nomination .g-recaptcha{
        margin-left: 0% !important;
    }
    #submit_form_conference_sponsor_2025{
        text-align:center;
        border: none;
        background-color: orange;
        color: white;
        padding: 10px;
        width: 30%;
        border-radius: 5px;
    }
    .div_sponsorship_conference_form_2 h2{
        text-align:center;
        background:#007ad3bd;
        color:white;
        padding:10px;
        
    }
    .popup-content-awards_2025 p{
        line-height:30px;
    }
   .div_1_judging_panel h5{
        background:#007a81;
        color: white;
        padding: 10px;
        font-family:sans-serif;

    }
    
    .glimps_div_main_conference_2025 h2{
        text-align:center;
        color:#003e9f;
        padding:10px;
    }
    .glimps_div_slider_div {
        position: relative;
        width: 100%;
        max-width: 850px; /* Adjust as needed */
        height: 500px;    /* Adjust as needed */
        overflow: hidden;
        margin: 0 auto;   /* Center the slider */
        padding:10px;
      }
    
      .glimps_div_slider_div .slide_glimps {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: opacity 1s ease-in-out;
      }
    
      .glimps_div_slider_div .slide_glimps.active {
        opacity: 1;
      }
  .glimps_div_slider_div img{
      width:100%;
  }
  .glimps_div_slider_div .prev,
  .glimps_div_slider_div .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 12px;
    cursor: pointer;
    border-radius: 0%;
    z-index: 10;
  }
  
  .glimps_div_slider_div .prev {
    left: 10px;
  }
  
  /*.glimps_div_slider_div .next {*/
  /*  right: 20px;*/
  /*}*/
  
  /* Dots container */
  .glimps_div_slider_div .dots {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
  }
  
  /* Dots styling */
  .glimps_div_slider_div .dot {
    height: 15px;
    width: 15px;
    margin: 0 5px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.6s ease;
  }
  
  .glimps_div_slider_div .dot.active,
  .glimps_div_slider_div .dot:hover {
    background-color: rgba(255, 255, 255, 0.9);
  }
  
  .present_heaidng_awards{
      color:#ff4700;
  }
  .present_heaidng_gold_oartner{
      color:#ff4700;
  }
  
  #annual_conference_testimonal {
      width: 70%;
      margin: 40px auto;
      overflow: hidden;
      position: relative;
      border: 1px solid #ddd;
      border-radius: 4px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }
    .testimonial_annual_confernece_2024{
        text-align:center;
        padding:10px;
        color:#003e9f;
        margin-top:2%;
    }
    /* Wrapper for all slides */
    .annual_conference_slider-wrapper {
      display: flex;
      transition: transform 0.5s ease-in-out;
    }
    /* Individual slide */
    .annual_conference_slide {
      flex: 0 0 100%; /* Each slide will now take up 100% of the container */
      box-sizing: border-box;
      padding: 20px;
      text-align: center;
    }
    /* Testimonial text styling */
    .annual_conference_testimonial {
      font-size: 1.2em;
      color: #000000;
      margin-bottom: 10px;
    }
    /* Author text styling */
    .annual_conference_author {
      font-style: italic;
      color: #000000;
    }
    
    .div_start_organizing_committe{
        display: flex;
        width: 100%;
        padding: 10px;
        justify-content: center;
        align-items: stretch; /* ensures all children stretch to the same height */
        text-align: center;
        flex-wrap: wrap;
        gap: 10px;
        
    }

    .div_start_organizing_committe_member {
        width: 25%;
        padding: 20px;
        border-right: 1px solid lightgrey;
        box-sizing: border-box;
        /*flex: 1 1 calc(25% - 10px);*/
        display: flex;             /* make the box a flex container */
        flex-direction: column;    /* stack its children vertically */
        min-height: 300px;         /* set a minimum height (adjust as needed) */
        transition: transform 0.5s ease;
    }
    .div_start_organizing_committe_member .image_div_judge img{
        width: 40%;
        border-radius: 50%;
        object-fit: cover;
    }
    .main_div_organizing_committe{
        padding:30px;
        text-align:center;
        font-family:sans-serif;
    }
    .main_div_organizing_committe h1{
        color:#003e9f;
    }
    
    
    .hall_fame_main_div_2025{
        padding:30px;
    }
    
    .hall_fame_div_slider_div {
        position: relative;
        width: 70%;
        aspect-ratio: 44 / 9; /* maintains 16:9 ratio */
        overflow: hidden;
        margin: 0 auto;
        padding: 10px;
    }
    
    .slide_hall_fame {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: scale-down;
        object-position: center;
        opacity: 0;
        transition: opacity 0.8s ease-in-out;
        z-index: 1;
    }
    
    .slide_hall_fame.active {
        opacity: 1;
        z-index: 5;
    }
      /*.hall_fame_div_slider_div img{*/
      /*    width: 100%;*/
      /*  height: 100%;*/
      /*}*/
    .hall_fame_div_slider_div .prev,
    .hall_fame_div_slider_div .next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        border: none;
        padding: 12px;
        cursor: pointer;
        z-index: 10;
    }
  
  .hall_fame_div_slider_div .prev {
    left: 10px;
  }
  
  /*.glimps_div_slider_div .next {*/
  /*  right: 20px;*/
  /*}*/
  
  /* Dots container */
  /*.hall_fame_div_slider_div .dots {*/
  /*  position: absolute;*/
  /*  bottom: 15px;*/
  /*  left: 50%;*/
  /*  transform: translateX(-50%);*/
  /*  display: flex;*/
  /*}*/
  
  /* Dots styling */
  /*.hall_fame_div_slider_div .dot {*/
  /*  height: 15px;*/
  /*  width: 15px;*/
  /*  margin: 0 5px;*/
  /*  background-color: rgba(0, 0, 0, 0.5);*/
  /*  border-radius: 50%;*/
  /*  cursor: pointer;*/
  /*  transition: background-color 0.6s ease;*/
  /*}*/
  
  /*.hall_fame_div_slider_div .dot.active,*/
  /*.hall_fame_div_slider_div .dot:hover {*/
  /*  background-color: rgba(255, 255, 255, 0.9);*/
  /*}*/
  .hall_fame_main_div_2025 .img_hall_of_fame{
      justify-content:center;
      align-items:center;
      text-align:center;
  }
  .hall_fame_main_div_2025 .img_hall_of_fame img{
      width:70%;
      padding:20px;
      margin-top:2%;
  }
  
    .nominatingmodal {
        position: fixed;
        z-index: 1;
        left: 0; top: 0;
        width: 100%; height: 100%;
        overflow: auto;
        background-color: rgba(0,0,0,0.4);
    }
    .nominatingmodal-content {
        background-color: #fff;
        margin: 10% auto;
        padding: 20px;
        border-radius: 10px;
        width: 50%;
    }
    .closenominating_form {
    /* position: relative; */
        top: 97px;
        right: 20px;
        font-size: 40px;
        font-weight: bold;
        cursor: pointer;
        float: right;
        color:white;
    }
    .nominating_awards_div_main{
        justify-content:center;
      align-items:center;
      text-align:center;
      margin-top:5%;
        
    }
  .nominating_awards_div_main .nominating_btn{
      border:none;
      background-color:#ff7300;
      color:white;
      padding:10px;
      border-radius:10px;
      
  }
  .nominatingmodal-content h2{
      text-align:center;
      background-color:#016b75;
      padding:10px;
      color:white;
  }
  .btn_div_sponsorship button{
      border:none;
      border-radius:5px;
      background-color:#ff7300;
      color:white;
      padding:10px;
      width: 40%;
  }
    
    /*.main_div_associate_partner{*/
    /*    width:70%;*/
    /*    margin-left:15%;*/
    /*    text-align:center;*/
        /*max-width: 40%;*/
        /*margin: 50px auto;*/
    /*    text-align: center;*/
    /*    background: #fff;*/
    /*    padding: 10px;*/
    /*    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);*/
    /*    border-radius: 10px;*/
    /*    margin-top: 2%;*/
    /*    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;*/
    /*    cursor: pointer;*/
    /*    position: relative;*/
    /*}*/
    /*.associate_partner_box{*/
    /*    max-width: 35%;*/
    /*    margin: 50px auto;*/
    /*    text-align: center;*/
    /*    background: #fff;*/
    /*    padding: 10px;*/
        /*box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);*/
    /*    border-radius: 10px;*/
    /*    margin-top: 2%;*/
    /*    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;*/
    /*    cursor: pointer;*/
    /*    position: relative;*/
    /*}*/
    /*.associate_partner_box .paetrner_1_associate_img img{*/
    /*    width:60%;*/
    /*}*/
    /*.main_div_asociate_partner_start{*/
    /*    display:flex;*/
    /*}*/
    /*.main_div_associate_partner h2{*/
    /*    font-size:50px;*/
    /*    padding:20px;*/
    /*    color:#003E9E;*/
    /*}*/
/* annual confwerence 2025 css end*/

/*exam center of ism india css start*/


#accordion-tab-ism-india-exam-center .accordion-item-exam-center {
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  padding: 30px;
}

#accordion-tab-ism-india-exam-center .accordion-title-exam-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
}

#accordion-tab-ism-india-exam-center .accordion-content-exam-center {
  display: none;
  padding: 10px;
  /*background-color: #f9f9f9;*/
  margin-left: 100px;
  border: 1px solid lightslategray;
  text-align:center;
}

#accordion-tab-ism-india-exam-center .accordion-item-exam-center.active .accordion-content-exam-center {
  display: block;
}


.main_div_ism_chapters_director{
    margin-top:150px;
    margin-bottom:-10%;
}
.div_start_chpaters_ism_india{
    text-align:center;
    background-color:lightblue;
    color:#d50000;
    padding:30px;
}
.div_start_chpaters_ism_india h1{
    font-size:60px;
}
.main_div_ism_chapters{
    background-color:aliceblue;
}

.div_1_ism_chapters_panel {
        
        flex: none !important;
        
    }
    
    .div_1_ism_chapters_panel:hover {
    transform: translateY(-10px) !important;
}


.main_div_event_registration_form{
    margin-top:-5%;
    margin-bottom:-10%
}
.main_div_event_registration_image{
    width:100%;
    position:relative;
     display: inline-block;
}
.main_div_event_registration_image img{
    display: block;
    width: 100%;
    height: auto;
}
.image_overlay_event_registration{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); /* Black overlay with 40% opacity */
    z-index: 1;
}
.image_overlay_event_registration h1{
    color:white;
    text-align:center;
    margin-top: 20%;
    /*font-size:60px;*/
    
}

.main_div_content_form_start{
    display:flex;
}


.form_div_start_main{
    width:70%;
}
.form_div_start_main form{
    width:100%;
    padding:50px;
}
.events_form_div{
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap;
    padding:10px;
    
}
 .contact-info li .icon {
    /*position: absolute;*/
    left: 0;
    top: 0;
    height: 40px;
    width: 40px;
    text-align: center;
    font-size: 18px;
    line-height: 40px;
    background-color: #004b8d;
    color: #ffffff;
}
 .contact-info li{
     list-style-type:none;
     display: flex;
     position: relative;
    /*padding-left: 55px;*/
    margin-bottom: 30px;
    margin-left: -5%;
    
 }

 .inner-column{
     padding:50px;
 }
 
 .contact-info li p {
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    font-weight: 400;
    margin: 0;
    margin-top: -4%;
}
 
 .events_form_div_fileds {
    flex: 1;
    min-width: 250px;
}

.events_form_div_fileds label {
    display: block;
    font-weight: 500;
    margin-bottom: 5px;
}

.events_form_div_fileds input {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border-radius: 5px;
    border: 1px solid #ccc;
}
.contact_div_start_big_screen{
        position: relative;
        display:block;
}
.contact_div_start_small_screen{
    
        display:none;
}
.events_form_div select{
    width:30%;
    padding:5px;
}
.events_form_div_submit_buton{
    text-align:center;
    padding:10px;
}
.events_form_div_submit_buton button{
    width:20%;
    border:none;
    padding:10px;
    background-color:orange;
    color:white;
    font-size:20px;
    border-radius:10px;
    text-align:center;
}
.event_formn_gcaptcha{
    margin-top:2%;
}


/* exma center of ism india css end*/
/*chat bot css*/

#ism-chatbot-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 360px;
    z-index: 9999;
    font-family: Arial, sans-serif;
}

#ism-chatbot-box {
    display: none;
    flex-direction: column;
    height: 460px;
    border: 1px solid #ccc;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

#ism-chatbot-header {
    background: #004080;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#ism-chat-messages {
    flex: 1;
    padding: 10px;
    overflow-y: auto;
    background: #f9f9f9;
    font-size: 14px;
}

#ism-chat-input {
    display: flex;
    border-top: 1px solid #ccc;
}

#ism-chat-input input {
    flex: 1;
    padding: 8px;
    border: none;
    outline: none;
    font-size: 14px;
}

#ism-chat-input button {
    background: #004080;
    color: #fff;
    padding: 8px 10px;
    border: none;
    cursor: pointer;
}
/*chat boit css end*/

/*all-registration css start*/

.main_div_all_registrations{
    margin-top:150px;
    margin-bottom:-10%;
}
.main_div_content_registration{
    padding:10px;
}
.main_div_content_registration .table-responsive-registration table{
    width:100%;
    border:1px solid lightgray;
    text-align:center;
}
.main_div_content_registration input{
    width:50%;
}


.search-form-registration {
    margin-bottom: 20px;
}
.search-input-registration {
    width: 200px;
    transition: width 0.3s ease;
    padding: 8px;
    border: 1px solid #bbb;
    border-radius: 4px;
    font-size: 16px;
}
.search-input-registration:focus {
    width: 350px;   /* Expands smoothly */
    outline: 2px solid #007bff;
}
.search-btn-registration {
    padding: 8px 16px;
    background: orange;
    color: #fff;
    border: none;
    border-radius: 4px;
    margin-left: 8px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.2s;
}
.search-btn-registration:hover {
    background: #0056b3;
}
.clear-link-registration {
    margin-left: 10px;
    color: white;
    text-decoration: none;
    font-size: 15px;
}
.clear-link-registration:hover {
    color: white;
}
.form_div_registration{
    display:flex;
}
.select_div_form_registration{
    display:flex;
}

.main_div_content_registration .table-responsive-registration table  td, th{
    border:1px solid lightgray;
    padding:10px;
}
.main_div_content_registration .table-responsive-registration table tr{
    border:1px solid lightgray;
    padding:10px;
}
/*all-registration css end*/


/*flash card css start*/

.main_div_flash_cards{
    margin-top:150px;
    margin-bottom:-10%;
}

.flas_card_content_start{
    max-width: 400px;
    margin: auto;
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 0 10px #ccc;
}
.flash_card {
    position: relative;
    width: 60%;
    perspective: 1000px;
    margin: 20px auto;
    background: #f9f9f9;
    border-radius: 10px;
    text-align: center;
}
.flash_card,
.flash_card_inner {
  height: auto;
  min-height: 200px;
}


.flash_card_inner {
    position: relative;
    width: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    border-radius: 10px;
}

.flash_card.flipped .flash_card_inner {
    transform: rotateY(180deg);
}

.flash_card_front,
.flash_card_back {
    position: absolute;
    width: 100%;
    backface-visibility: hidden;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: left;
    border-radius: 10px;
    box-shadow: 0px 4px 10px 5px rgb(0 0 0 / 20%);
}


.flash_card_front,
.flash_card_back {
  height: auto;
  min-height: 200px;
  overflow: auto;
}

.flash_card_front {
    background: white;
}

.flash_card_back {
    background: #f0f0f0;
    transform: rotateY(180deg);
}

.flash_card_content {
    max-width: 90%;
    position: relative;
    /*width: 60%;*/
    perspective: 1000px;
}

.flash_card_content p,
.flash_card_content ul {
    font-size: 20px;
    margin: 10px 0;
}

.flash_card_content ul {
    list-style-type: none;
    padding-left: 10px;
}

.flash_card_content ul li {
    margin-bottom: 8px;
}

.flash_card_back p {
    font-size: 24px;
    margin: 0;
    text-align: center;
}
.flash_card_back_about p{
    text-align: left !important;
}
.pagination_flashcard{
    margin-top:3%;
}
.pagination_flashcard a{
    text-decoration:none;
}
.pagination_flashcard button{
    border:none;
    border-radius:10px;
    background:none;
    font-size:25px;
}

.flash_card_heading{
    background-color:#19417f;
    padding:10px;
}
.flash_card_heading h1{
    text-align:center;
    color:white;
    padding:10px;
}
.main_div_form_category_select{
    text-align:center;
    padding:40px;
}
.main_div_form_category_select form button{
    border:none;
    background-color:orange;
    color:white;
    padding:5px;
    width:10%;
    font-size:20px;
    border-radius:10px;
}
.main_div_form_category_select form label{
    font-size:25px;
}

.main_div_form_category_select form select{
    font-size:20px;
}

.main_div_flash_cards_show{
    display:flex;
    margin-bottom:-10%;
    margin-top:10px;
    background-color:#bbdcf3;
    padding:20px;
    text-align:center
}
.flash_cards_div_left{
    padding:20px;
    width:50%;
}
.flash_cards_div_left h1{
    color:#00569f;
}
.flash_cards_div_right{
    padding:20px;
    width:50%;
}
.flash_cards_div_right button{
    border:none;
    background-color:orange;
    color:white;
    width:30%;
}

.flash_cards_div_right a{
    text-decoration:none;
    color:white;
    font-size:30px;
}
/*flash card css end*/

/*psm competency css start*/
.image_div_pan_cmp{
    text-align:center;
    padding-left:50px;
    padding-right:50px;
}
.image_div_pan_cmp img{
    width:70%;
}
.contebnt_main_div{
    width: 90%;
    padding-left: 45px;
    margin-left: 5%;
    padding-right: 45px;
    padding-top: 20px;
}
.pan_competency_headiong_div{
    background: #b9dfeb;
    color: #0a3b79;
    display:block;text-align:center
}
.pan_competency_headiong_div h3{
    padding:20px;
}

.result_div_img_head_pcm{
    margin-top: 150px;
    background-color: rgb(15 78 157) !important;
    padding: 10px !important;
    color: white !important;
    text-align: center !important;
}
.result_div_img_head_pcm h2{
    font-size:40px;
    padding:50px;
}

.result_div_img_head_pcm h2 span{
    font-size:20px;

}
.main_div_result_content{
    width:80%;
    margin-left:10%;
    border:none;
    box-shadow:0px 5px 12.25px 8.75px rgba(0, 0, 0, 0.1);
    border-radius:10px;
    padding:20px;
    margin-top: 2%;
}
.internal_div_personal_info{
    display:flex;
    gap: 300px;
}
.main_div_asssessment_result_pcm{
    margin-top: 160px;
    justify-content: center;
    /*text-align: center;*/
    margin-bottom: -10%;
    font-family:sans-serif;
}
.main_div_personal_information{
    padding:50px;
}
.main_div_score_summary{
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    padding-top: 10px;
    font-size:20px;
}
.main_div_personal_information .internal_div_personal_info .personal_div_name_email_time h2{
    padding:10px;
    font-size:20px;
}
.main_div_personal_information .internal_div_personal_info .personal_information_div_attempt_time h2{
    padding:10px;
    font-size:20px;
}
.main_div_score_summary .score_summary_div_strat h2{
    padding:10px;
    font-size:20px;
}
.main_div_score_summary h1{
    color:#003b93;
    font-weight:700;
    font-size:30px;
}
.main_div_personal_information h1{
    color: #003b93;
    font-weight: 700;
    font-size: 30px;
}
.back_btn_div_pcm{
    text-align:center;
}

.congratulation_div_pcm{
    text-align:center;
    align-items:center;
    justify-content:center;
    margin-top: 5%;
}
.pcm_congratualtion_div_main h1{
    color:#003b93;
    font-weight:700;
    font-size:40px;
}
.certifiacte_btn_donaload_psm{
    background-color:#ff7600;
    border:none;
    color:white;
    font-size:25px;
    padding:10px;
    border-radius:10px;
}
/*psm competency css end*/


/* events_new_pages start css*/

.main_div_events_new_page{
    width:100%;
    margin-top:150px;
    margin-bottom:-10%;
}

.div_start_1_events_new_page{
    width:100%;
    font-family:sans-serif;
}
.heading_main_div_image{
    width:100%;
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.image_text_overlay {
    position: absolute;
    top: 50%;  /* adjust vertically */
    left: 50%; /* adjust horizontally */
    transform: translate(-50%, -50%);
    color: white;
    font-size: 2rem;
    font-weight: bold;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.7);
}

.heading_main_div_image img{
    width:100%;
}

.div_start_2_events_new_page_content{
    width: 90%;
    display: flex;
    margin-top: 2%;
    margin-left: 5%;
    gap: 30px;
}
.div_3_satrt_new_event_page_left_content_filter{
    width:25%;
}
.div_4_satrt_new_event_page_right_content{
    width:75%;
}

.div_start_contebnt_right_1{
    background-image: linear-gradient(to right, rgb(245 138 4 / 91%), rgb(47 159 97));
    padding: 30px;
    color: white;
    text-align:center;
    
}
.div_start_contebnt_right_1 h2, p{
    padding:10px;
    }
    
    
.filter_dic_start_1{
    border-top: 5px solid #f04e23;
    -webkit-box-shadow: 4px 4px 4rem -2px #ccc;
    box-shadow: 4px 4px 4rem -2px #ccc;
    padding: 10px;
    background-color: #fff;
    position: relative;
}

.content_start_web_event_1{
    border-top: 5px solid #f04e23;
    -webkit-box-shadow: 4px 4px 4rem -2px #ccc;
    box-shadow: 4px 4px 4rem -2px #ccc;
    padding: 1.2rem;
    background-color: #fff;
    position: relative;
    /*margin-top:2%;*/
}

.content_start_web_event_1 table{
width: 100%;
    table-layout: fixed;
    padding-bottom: 4.8rem;
    text-align:left;
}
.content_start_web_event_1 td{
    padding-top:20px;
    padding-bottom:20px;
    padding-left:20px;
}
.content_start_web_event_1 th{
    padding-left:20px;
}
.content_start_web_event_1 tr{
    border-top:1px solid lightsteelblue;

}
.content_start_web_event_1 table a{
    text-decoration:none;
    color:black;
    
}
.content_start_web_event_1 table a:hover{
    color:#ff6a00;
    text-decoration: underline;
}
.content_start_web_event_1 table tr:hover{
    background-color:#e9e6e6;
}
.event_register_new_bttuon{
    background-color:orangered;
    color:white;
    border:none;
    border-radius:5px;
    font-size: 15px;
    padding: 5px;
    width: 70%;
    margin-bottom: 5%;
    
}
.event_register_new_bttuon:hover{
    text-decoration: underline;
}

.event_view_details_new_bttuon{
    background-color:transparent;
    color:orangered;
    border:2px solid orangered;
    border-radius:5px;
    font-size: 15px;
    padding: 5px;
    width: 70%;
    
}

.event_view_details_new_bttuon:hover{
    background-color:orangered;
    color:white;
    border-radius:5px;
    text-decoration: underline;
    

}
.div_pagination1_start_content{
    margin-left:1%;
}  

.filter_div_serach_filter{
    display:flex;
    justify-content: space-between;
    align-items: center;
}



.accordion-event_type_filter {
  background-color: #f5f5f5;
  border: none;
  padding: 10px;
  /*font-weight: bold;*/
  cursor: pointer;
  width: 100%;
  text-align: left;
  border-top: 1px solid lightsteelblue;
}

.arrow-icon {
  float: right;
}

.panel-event_type_filter {
  display: none;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #ccc;
}


 .accordion-event_type_filter:hover {
  background-color: #ccc;
}

.filter_div_serach_filter a{
    color:orangered;
    text-decoration:none;
}
.filter_div_serach_filter a:hover{
    text-decoration:underline;
    color:orangered;
}

/*events_new_pages end css*/
.tr_data_ril{
    align-items:flex-start;
    text-align:justify;
    
}
.table_ril_score table{
    width: 70% !important;
    border: 1px solid lightgray;
    text-align: center;
    margin-left: 15% !important;
}
.total_records_count{
    text-align:center;
}
.total_records_count h5{
    background-color:#004b8d;
    color:white;
    width:70%;
    margin-left:15%;
    padding:10px;
}
.ril_search_certifiacte_user{
    gap:50px;width: 100%;
}
.ril_pagination{
    margin-left:15%;
}



.image_heading_div_conference{
    display:flex;
    background-image: linear-gradient(to right, rgb(70 186 255 / 59%), rgb(201 226 255));
    margin-top: 165px !important; 
    border-radius: 0% 0% 130% 0 / 30%;
    font-family:sans-serif;
    margin-bottom:-12%;
    padding: 25px;

}
.conference_certificate_form_new form{
    background-color: white;padding:10px;text-align:center; border-radius: 15px;
}

.table-responsive-elearning {
    width: 100%;
    overflow-x: auto;   /* Enables horizontal scroll */
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}

.table-responsive-elearning table {
    min-width: 600px;   /* Adjust as needed */
    border-collapse: collapse;
}

.table-responsive-elearning th,
.table-responsive-elearning td {
    padding: 8px 12px;
    white-space: nowrap; /* Prevent text from wrapping */
}

/* HERO  for Strategic partnerhsip*/
/*.hero-mou {*/
/*    background: linear-gradient(to right, #003366, #006699);*/
/*    color: white;*/
/*    text-align: center;*/
/*    padding: 80px 20px;*/
/*    margin-top:150px;*/
/*}*/
/*.hero-mou h1 {*/
/*    font-size: 40px;*/
/*}*/
/*.hero-mou p {*/
/*    font-size: 18px;*/
/*}*/

/* HERO BACKGROUND IMAGE */
/*.margin{*/
/*    margin-top:150px;*/
/*}*/
/*.hero-mou {*/
/*    position: relative;*/
/*    background: url("/static/images/strategic_image.webp") center/cover no-repeat;*/
/*    height: clamp(450px, 65vh, 700px);*/
/*    display: flex;*/
/*    align-items: center;*/
/*    padding: 0 8%;*/
/*    border-bottom: 4px solid #f1c40f;*/
    /*margin-top:150px;*/
/*}*/

/* overlay */
/*.hero-overlay-mou {*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    background: linear-gradient(*/
/*        to right,*/
/*        rgba(0, 30, 80, 0.85),*/
/*        rgba(0, 30, 80, 0.5),*/
/*        rgba(0, 30, 80, 0.2)*/
/*    );*/
/*}*/

/* content */
/*.hero-content-mou {*/
/*    position: relative;*/
/*    z-index: 2;*/
/*    max-width: 650px;*/
/*    color: white;*/
/*}*/


/* Logo bar */
/*.logo-bar-mou {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    margin-bottom: 20px;*/
/*}*/

/*.logo-bar-mou img {*/
/*    height: 45px;*/
/*}*/

/*.divider-mou {*/
/*    margin: 0 10px;*/
/*    font-size: 20px;*/
/*    color: #ccc;*/
/*}*/

/* Title */
/* heading */
/*.hero-mou h1 {*/
/*    font-size: 46px;*/
/*    font-weight: 700;*/
/*}*/



/* Text */
/*.hero-mou p {*/
/*    font-size: 16px;*/
/*    margin-bottom: 25px;*/
/*    opacity: 0.9;*/
/*}*/

/* Buttons */
/* buttons */
/*.hero-buttons-mou button {*/
/*    padding: 14px 26px;*/
/*    border-radius: 6px;*/
/*    font-weight: 600;*/
/*}*/

/*.hero-buttons-mou button:first-child {*/
/*    background: #f1c40f;*/
/*    color: black;*/
/*}*/

/*.secondary-mou {*/
/*    background: transparent;*/
/*    border: 2px solid white;*/
/*    color: white;*/
/*}*/
/*.hero-mou {*/
/*    position: relative;*/
/*    width: 100%;*/
/*    height: clamp(420px, 65vh, 650px);*/
/*    overflow: hidden;*/
/*    margin-top:150px;*/
/*    padding:0px 0px;*/
/*}*/

/* IMAGE */
/*.hero-img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*    object-position: center;*/
/*}*/

/* OVERLAY (lighter + gradient) */
/*.hero-overlay {*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    background: linear-gradient(*/
/*        to right,*/
/*        rgba(0, 30, 80, 0.8),*/
/*        rgba(0, 30, 80, 0.4),*/
/*        rgba(0, 30, 80, 0.2)*/
/*    );*/
/*}*/

/* CONTENT CONTAINER */
/*.hero-container {*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    padding: 0 8%;*/
/*    z-index: 2;*/
/*}*/

/* LEFT CONTENT */
/*.hero-left {*/
/*    max-width: 550px;*/
/*    color: white;*/
/*}*/

/* BADGE */
/*.hero-badge {*/
/*    display: inline-block;*/
/*    background: #f1c40f;*/
/*    color: black;*/
/*    padding: 6px 14px;*/
/*    border-radius: 20px;*/
/*    font-weight: 600;*/
/*    margin-bottom: 15px;*/
/*}*/

/* TITLE */
/*.hero-left h1 {*/
/*    font-size: 42px;*/
/*    font-weight: 700;*/
/*    margin-bottom: 15px;*/
/*}*/

/* TEXT */
/*.hero-left p {*/
/*    font-size: 16px;*/
/*    opacity: 0.9;*/
/*    margin-bottom: 25px;*/
/*}*/

/* BUTTONS */
/*.hero-buttons a {*/
/*    display: inline-block;*/
/*    padding: 12px 22px;*/
/*    margin-right: 10px;*/
/*    border-radius: 6px;*/
/*    text-decoration: none;*/
/*    font-weight: 600;*/
/*}*/

/*.btn-primary {*/
/*    background: #f1c40f;*/
/*    color: black;*/
/*}*/

/*.btn-outline {*/
/*    border: 2px solid white;*/
/*    color: white;*/
/*}*/
/* LOGO BAR */
/*.logo-bar {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    margin-bottom: 20px;*/
/*}*/
/*.logo-bar img {*/
/*    height: 50px;*/
/*}*/
/*.divider {*/
/*    margin: 0 15px;*/
/*    font-size: 24px;*/
/*}*/


/* MOBILE */
/*@media (max-width: 768px) {*/
/*    .hero-left h1 {*/
/*        font-size: 26px;*/
/*    }*/

/*    .hero-container {*/
/*        justify-content: center;*/
/*        text-align: center;*/
/*    }*/
/*}*/
/* SECTION for Strategic partnerhsip */
/*.section-mou {*/
/*    max-width: 1100px;*/
/*    margin: auto;*/
/*    padding: 70px 20px;*/
/*}*/
/*.section-mou:nth-child(even) {*/
/*    background: #ffffff;*/
/*}*/
/*.section-mou:nth-child(odd) {*/
/*    background: #f9fbfd;*/
/*}*/
/*.section-mou h2 {*/
/*    color: #003366;*/
/*    margin-bottom: 20px;*/
/*}*/

/* CARD */
/*.card-mou {*/
/*    background: #f4f7fb;*/
/*    padding: 25px;*/
/*    border-radius: 10px;*/
/*    margin-bottom: 20px;*/
/*}*/
/*.card-mou {*/
/*    background: white;*/
/*    padding: 25px;*/
/*    border-radius: 10px;*/
/*    border-left: 4px solid #003366;*/
/*    box-shadow: 0 5px 15px rgba(0,0,0,0.05);*/
/*    transition: 0.3s;*/
    
/*}*/

/*.card-mou:hover {*/
/*    transform: translateY(-5px);*/
/*}*/
/*.card-mou h3 {*/
/*    color: #003366;*/
/*    margin-bottom: 10px;*/
/*}*/
/* GRID */
/*.grid-mou {*/
/*    display: flex;*/
/*    gap: 20px;*/
/*    flex-wrap: wrap;*/
/*}*/
/*.grid-mou {*/
/*    display: grid;*/
/*    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));*/
/*    gap: 20px;*/
/*}*/
/*.grid-mou .card-mou {*/
/*    flex: 1 1 45%;*/
/*}*/

/* CTA */
/*.cta-mou {*/
/*    background: linear-gradient(135deg, #003366, #00509e);*/
/*    color: white;*/
/*    text-align: center;*/
/*    padding: 70px 20px;*/
/*    margin-bottom: -10%;*/
/*}*/

/*.cta-mou button {*/
/*    background: #f1c40f;*/
/*    padding: 14px 28px;*/
/*    border-radius: 6px;*/
/*    font-weight: bold;*/
/*}*/


/* startegic partnership css start*/
/* HERO */
.hero-strategic {
    background: linear-gradient(to right, #002147, #004080);
    color: white;
    padding: 80px 20px;
    text-align: center;
}
.hero-strategic h1 {
    font-size: 42px;
    margin-bottom: 10px;
}
.hero-strategic p {
    font-size: 18px;
}

/* SECTION */
.section-strategic {
    padding: 60px 20px;
    max-width: 1100px;
    margin: auto;
}
.section-strategic h2 {
    font-size: 28px;
    color: #002147;
    margin-bottom: 20px;
}

/* CARDS */
.card-container-strategic {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.card-strategic {
    flex: 1 1 45%;
    background: #f5f7fa;
    padding: 20px;
    border-radius: 10px;
    transition: 0.3s;
}
.card-strategic:hover {
    transform: translateY(-5px);
}



/* CTA */
.cta-strategic {
    background: #002147;
    color: white;
    text-align: center;
    padding: 60px 20px;
}
.cta-strategic button {
    background: #ff9900;
    border: none;
    padding: 12px 25px;
    margin: 10px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
}
.cta-strategic button:hover {
    background: #e68a00;
}

/* FOOTER STRIP */
.footer-strip-strategic {
    background: #004080;
    color: white;
    text-align: center;
    padding: 20px;
}
/* startegic partnership css end*/

/*  new elearning dropdown start */


/* MEGA MENU */
/* PANEL */
.courses-fullscreen-panel{

    position:fixed;

    inset:0;

    width:100%;
    height:60vh;

    background:#fff;

    z-index:999999;

    display:none;
    
}

/* OPEN */
.courses-fullscreen-panel.show{
    display:block;
}

/* CLOSE */
.courses-close-btn{

    position:fixed;

    top:18px;
    right:18px;

    width:46px;
    height:46px;

    border:none;

    border-radius:50%;

    background:#014891;

    color:#fff;

    font-size:28px;

    display:flex;

    align-items:center;
    justify-content:center;

    cursor:pointer;

    z-index:9999999;

    box-shadow:
        0 10px 30px rgba(0,0,0,.18);
}


.courses-panel-sidebar::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(180deg, #005bea, #00c6fb);
}
/* WRAPPER */
.courses-panel-wrapper{

    display:flex;

    height:100%;
    
    position:relative;

    overflow:hidden;
}

.courses-panel-wrapper::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;

    height:3px;

    background: linear-gradient(180deg, #005bea, #00c6fb);

    z-index:10;
}

.courses-panel-sidebar,
.courses-panel-content{

    position:relative;

    z-index:1;
}

/* LEFT */
.courses-panel-sidebar{

    width: 320px;
    background: #dceeff82;
    padding: 66px 30px;
    border-right: 1px solid #004eb5;
    /*box-shadow: 0 10px 30px rgba(0, 0, 0, .18);*/
    position:relative;
}

.courses-panel-sidebar::after{

    content:"";

    position:absolute;

    top:0;
    right:0;

    width:4px;
    height:100%;

    background:
        linear-gradient(
            180deg,
            #005bea,
            #00c6fb
        );
}

/* BUTTON */
.course-category{

    display:block;

    width:100%;

    text-align:left;

    border:none;

    background:none;

    padding:12px 0;

    font-size:17px;

    font-weight:600;

    cursor:pointer;

    color:#334155;

    transition:.3s;
}

.course-category:hover,
.course-category.active{

    color:#ff2727;
}

/* RIGHT */
.courses-panel-content{

    flex:1;

    padding:80px 50px;

    overflow-y:auto;
    
    background:
        radial-gradient(
            circle at top right,
            rgba(0,91,234,.05),
            transparent 25%
        ),
        radial-gradient(
            circle at bottom left,
            rgba(0,198,251,.04),
            transparent 25%
        ),
        #ffffff;
}
.courses-panel-content::before{

    content:"";

    position:absolute;

    top:60px;
    right:80px;

    width:280px;
    height:280px;

    background:
        radial-gradient(
            rgba(0,91,234,.08),
            transparent 70%
        );

    border-radius:50%;

    pointer-events:none;
}


/* LIST */
.courses-list{

    display:none;

    grid-template-columns:
        repeat(2,1fr);

    gap:20px;
}

/* ACTIVE */
.courses-list.active{
    display:grid;
}

/* LINKS */
.courses-list a{

    display:block;

    padding:10px;

    border-radius:16px;

    background:#bddeff7d;

    text-decoration:none;

    color:#1e293b;

    transition:.3s;

    font-size:14px;

    font-weight:500;
    
    background:
        rgba(255,255,255,.72);

    backdrop-filter:
        blur(10px);

    border:
        1px solid rgba(0,91,234,.08);

    box-shadow:
        0 8px 24px rgba(0,0,0,.05);
        width:90%;
}


.courses-list a:hover{

    background:#014891;
    /*background:#0148918f;*/

    color:#fff;

    transform:translateY(-3px);
    text-decoration:none;
}

.all-course-nav-link{

    display:flex;

    align-items:center;

    gap:8px;
}

.all-course-arrow{

    font-size:12px;

    transition:.3s;
}

/* OPTIONAL ROTATE WHEN OPEN */
.all-course-nav-link.active
.all-course-arrow{

    transform:rotate(180deg);
}

.healthcare_certifiacte_link{
        background-color: #d8044a !important;
    border-radius: 15px !important;
    border:1px solid !important;
}


.navbar-custom.scrolled .navbar-nav  .healthcare_certifiacte_link{
            color: white !important;
        }
        



/* MOBILE */
@media screen and (max-width:1024px){
    .courses-fullscreen-panel{

    overflow-y:auto;

    -webkit-overflow-scrolling:touch;
    height:auto;
}

    .courses-panel-wrapper{
        display:block;
    }

    .courses-panel-sidebar{

        width:100%;

        padding:60px 20px 20px;

        display:block;

        overflow-x:auto;

        gap:20px;
    }

    .course-category{

        min-width:max-content;

        padding:12px 18px;

        background:#fff;

        border-radius:30px;

        border:1px solid #dbeafe;

        font-size:15px;
        margin-top:10px;
    }

    .courses-panel-content{

        padding:30px 20px;
    }

    .courses-list{

        grid-template-columns:1fr;
    }
    
    .courses-close-btn{
        top:12px;
    }
}

/* new elearning dropdown end*/

/* weekly quiz css start new*/
.weekly_quiz_heading_div{
    background: linear-gradient(135deg,#0d47a1,#1976d2);
    padding: 25px 40px;
    border-radius: 18px;
    margin: 20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:white;
    box-shadow:0 10px 25px rgba(0,0,0,0.1);
}

.weekly_quiz_left h1{
    color:white;
    font-size:48px;
    margin:0;
    font-weight:700;
    letter-spacing:1px;
}

.weekly_quiz_right h3{
    color:#ffdd57 !important;
    font-size:38px;
    margin:0;
    font-weight:700;
    background: rgba(255,255,255,0.12);
    padding: 20px 30px;
    border-radius: 16px;
    text-align: center !important;
    backdrop-filter: blur(10px);

}

.weekly_quiz_main_div{
    padding:20px;
}

.weekly_quiz_form_main{
    display:flex;
    gap:30px;
    align-items:flex-start;
}


.weekly_quiz_question_card h3{
    font-size:35px;
    font-weight:500;
    color:#0f172a;
    margin-bottom:20px;
}

.weekly_quiz_question_card p{
    font-size:25px;
    line-height:1.7;
    color:#1e293b;
    font-weight:500;
}

.weekly_quiz_question_card label{
    display:flex;
    align-items:flex-start;
    gap:14px;
    padding:18px 20px;
    border:2px solid #edf2f7;
    border-radius:16px;
    margin-bottom:18px;
    cursor:pointer;
    transition:0.3s;
    font-size:22px;
    line-height:1.6;
}

.weekly_quiz_question_card input[type='radio']{
    width:22px;
    height:22px;
    margin-top:5px;
    accent-color:#2563eb;
}

.weekly_quiz_question_card br{
    display:block;
    margin-bottom:20px;
}

.weekly_sidebar{
    background:white;
    border-radius:20px;
    padding:25px;
    width:320px;
    box-shadow:0 10px 30px rgba(0,0,0,0.06);
    margin-top:0% !important;
    border: 1px solid #20b2aa8c;
}

.weekly_quiz_question_card{
    background:white;
    border-radius:24px;
    padding:45px;
    box-shadow:0 10px 30px rgba(0,0,0,0.06);
    border:1px solid #eef2f7;
}

.weekly_sidebar .question_number_show{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:12px !important;
    width:100% !important;
    background:transparent !important;
    border:none !important;
    justify-content:flex-start !important;
    padding:0 !important;
}

.weekly_sidebar .questions_numbers{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    border-radius:14px !important;
    /*background:#f1f5f9 !important;*/
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:18px !important;
    font-weight:600 !important;
    color:#1e293b !important;
    border:2px solid #20b2aa8c !important;
    transition:0.3s ease;
    margin:0 !important;
    padding:0 !important;
}


.weekly_sidebar .questions_numbers:hover{
    background:#2563eb !important;
    color:white !important;
    border-color:#2563eb !important;
}


.next_button_quiz,
.previous_button_quiz,
.submit_button_quiz{
    min-width:180px;
    height:58px;
    border:none;
    border-radius:14px;
    font-size:20px;
    font-weight:600;
    transition:0.3s;
}

.next_button_quiz{
    background:#0f172a;
    color:white;
}

.next_button_quiz:hover{
    /*background:#2563eb;*/
    transform:translateY(-2px);
}

.weekly_quiz_heading_div{
    background:linear-gradient(135deg,#0f172a,#2563eb);
    border-radius:24px;
    padding:35px 45px;
}

.previous_button_quiz{
    background:#e2e8f0;
    color:#222;
}

.submit_button_quiz{
    background:#16a34a;
    color:white;
}

.next_button_quiz:hover,
.previous_button_quiz:hover,
.submit_button_quiz:hover{
    transform:translateY(-2px);
}
.weekly_quiz_question_card label:hover{
    border-color:#2563eb;
    background:#f8fbff;
}

.weekly_sidebar_small_screen{
    margin-bottom:10px !important;
}


@media(max-width:991px){

    .weekly_quiz_form_main{
        flex-direction:column-reverse;
    }

    .weekly_quiz_heading_div{
        flex-direction:column;
        gap:15px;
        text-align:center;
    }

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

    .weekly_quiz_right h3{
        font-size:28px;
    }

    .weekly_sidebar{
        width:100%;
    }
}


.weekly_intro_right{
    flex:1;
    display:flex;
    justify-content:center;
    align-items:center;
}

.weekly_intro_right img{
    width:100%;
    border-radius:28px;
    box-shadow:0 15px 35px rgba(0,0,0,0.08);
}

/* weekly quiz css end new*/




/* Animations */
@keyframes slideUp {
  from {
    transform: translateY(50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* end popup elearning reattempot exam ---------------------------------------------------------*/
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
  
}

@media (min-width: 768px) {
  /* Show main dropdown when hovering over the parent link */
  .dropdown:hover > .dropdown-menu {
    display: block; /* Show main dropdown */
  }

  /* Initially hide sub-dropdown */
  .dropdown-submenu .dropdown-menu {
    display: none; /* Hide sub-dropdown by default */
    position: absolute; /* Position it correctly */
    left: 80%; /* Position it to the right of its parent */
    top: 0; /* Align it to the top */
  }

  /* Show sub-dropdown only when hovering over the "More Courses" link */
  .dropdown-submenu:hover > .dropdown-menu {
    display: block; /* Show sub-dropdown */
  }
}

@media screen and (max-width: 768px) {
  .carousel-slide {
    min-width: 100%; /* On mobile, show only 1 image per page */
  }
}
  /*elearning css end*/
  
  
  
@media screen and (max-height: 800px) and (min-height: 750px) {
    .lower-nav.show {
        height: 102% !important;
        margin-top: 14% !important;
        width: 85%;
    }
}
@media screen and (max-height: 750px) and (min-height: 700px) {
    .lower-nav.show {
        height: 107% !important;
        margin-top: 14% !important;
        width: 85%;
    }
}
    
@media screen and (max-height: 700px) and (min-height: 650px) {
    .lower-nav.show {
        height: 115% !important;
        margin-top: 13% !important;
        width: 85%;
    }
}
@media screen and (max-height: 650px) and (min-height: 600px) {
    .lower-nav.show {
        height: 125% !important;
        margin-top: 13% !important;
        width: 85%;
    }
}

@media screen and (max-height: 600px) and (min-height: 550px) {
    .lower-nav.show {
        height: 134% !important;
        margin-top: 13% !important;
        width: 85%;
    }
    .carousel-item img {
        height: 300px; /* Further reduce carousel height for smaller screens */
    }
}
@media screen and (max-height: 550px) and (min-height: 500px) {
    .lower-nav.show {
        height: 146% !important;
        margin-top: 13% !important;
        width: 85%;
    }
}
@media screen and (max-height: 500px) and (min-height: 450px) {
    .lower-nav.show {
        height: 100% !important;
        margin-top: 13% !important;
        width: 85%;
    }
}

@media screen and (max-width: 1400px) and (min-width: 1300px) {

    .menu-link{
        font-size:15px !important;
    }
}

@media screen and (max-width: 1218px) and (min-width: 1130px) {
    .menu-link{
        font-size:13px !important;
    }
}

@media screen and (max-width: 1131px) and (min-width: 1025px) {
    .menu-link{
        font-size:11px !important;
    }
}
@media screen and (max-width: 1300px) and (min-width: 1218px) {

    .menu-link{
        font-size:15px !important;
    }
}
@media screen and (max-width: 1300px) and (min-width: 1025px) {
    /*.menu_space{*/
    /*    margin-left: 8% !important;*/
    /*}*/
    /*.menu-link{*/
    /*    font-size:15px !important;*/
    /*}*/
    .right-div22 {
        margin-right: 17% !important;
        margin-left: -17% !important;
    }
    .left_frontscm{
        width: 288px !important;
        height: 380px !important;
        left: 50% !important;
        
    }
    .par-let {
        font-size:25px !important;
    }
    .whychosse_heading{
        top: -30%;
        left: 32%;
    }
    .wide-container{
        margin-top: 15%;
    }
    .main_div_footer {
        margin-top:22%;
    }
    .newsletter_main_div {
        width:50%;
        margin-top:0%;
        /*margin-left:25%;*/
    }
    .competency1_content_div_main .competency1_content_left h5 {
        font-size:20px;
    }
    .right-nav{
        /*font-size:15px !important;*/
        margin-right:-2%;
    }
    .upper_nav_div{
     margin:0px 6px;   
    }
      .box .head2{
          margin-left:13%;
      }
    
     .testimonial-quote {
         font-size:15px;
     }
     .testimonals_heading_div{
         font-size:18px !important;
     }
     /*.carousel-inner{*/
     /*    height:90vh;*/
     /*}*/
     .carousel-inner{
         height:auto;
     }
     .bg-light {
        height:50vh;
    }
    /*.carousel_item_elearning img{*/
    /*    height:600px !important;*/
    /*}*/
    .carousel_item_elearning img{
        height:auto;
    }
    .cover-background {
        /*height:70vh !important;*/
        height:auto !important;
    }
    .footer {
        height:50vh !important;
    }
    .latest_blog_main_div {
        height:36vh !important;
    }
    .every_cpourse_page_main_image{
    /*height:35vh !important;*/
    height:auto;
    }
    .lower-nav {
        font-size:10px !important;
    }
    #navbarNav{
        width:86%;
    }
    #navbar-logo{
        margin-left:-1%;
        /*width:80%;*/
    }
    
    .navbar-custom .navbar-nav .nav-item .healthcare_certifiacte_link{
            color: white;
            transition: color 0.5s ease;
            font-size:12px;
            
        }
        
    .navbar-custom .navbar-nav .nav-item .nav-link{
        color: white;
        transition: color 0.5s ease;
        font-size:12px;
    }
    .dropdown-submenu .dropdown-menu {
        width:130% !important;
      }
       .dropdown-submenu .login_acount_drop_ele{
        width:100% !important;
    }
      .latest_blog_main_div {
          height:30vh !important;
      }
      
        .content_div_start .content_main_start{
          padding-left: 100px !important;
        padding-right: 100px !important;
      } 
      .content_div_start .image_div_content2 img{
      height: 40vh !important;
      margin-top:5% !important;
  }
  /*.content_course_start_div{*/
  /*    margin-left:20%;*/
  /*}*/
  .heading_div_start_course h2{
      margin-left:0% !important;
  }
  .course_name_back_btn_div h2{
      margin-left:15% !important;
  }
  .main_div_sidebar{
    margin-top:-20%;
    
}
.sidebar_nav {
    height:55vh !important;
     
}
.main_div_certificate_psm_test .main_div_content_start_certificate_pppai{
    height:39vh !important;
}
/*.g-recaptcha{*/
/*    margin-left:25%*/
/*}*/
.certificate-preview{
    margin-top:1%;
    /*margin-left:20%;*/
}

.video_overlay_div h1{
    text-align:center;
    color:white;
    font-size:60px;
    /*transform: translate(0%, -110%);*/
    transform: translate(0%, -80%); 
}

.video_overlay_div .present_heaidng{
    color: white;
    transform: translate(0%, -40%);

}

.present_heaidng_awards{
 transform: translate(0%, -10%);
    
}

/*.present_heaidng_gold_oartner{*/
/*    transform: translate(0%, -10%);*/
/*}*/

/*.div_authbridge_partner img{*/
/*    max-width: 250px; width: 100%; height: auto;*/
/*}*/

/*.div_fox_box_partner img{*/
/*     max-width: 250px; width: 100%; height: auto;*/
/*}*/


/*.main_div_partner_aweards {*/
    
/*    transform: translate(0%, -40%);*/

/*}*/

/*.video_overlay_div .date_heading_annula_conference{*/
/*    transform: translate(0%, -180%);*/
/*}*/

/*.button_annual_conference{*/
/*    transform: translate(0%, -180%);*/
/*}*/


/*.button_annual_conference {*/
/*        transform: translate(0%, -180%);*/
/*    }*/
 
}   

@media screen and (max-width: 1180px) and (min-width: 1024px) {
    /*.carousel_item_elearning img{*/
    /*    height:500px !important;*/
    /*}*/
    .carousel_item_elearning img{
        height:auto;
    }
    
    .carousel-overlay h1{
        font-size:30px;
        margin-top:0%;
    }
    .carousel-overlay .butn{
        width:25%;
    }
    /*.boxes-container{*/
    /*    margin-top:-10%;*/
    /*}*/
    /*.bg-img {*/
    /*    height:50vh;*/
    /*}*/
    /*.bg-light {*/
    /*    height:50vh;*/
    /*}*/
    /*.carousel_item_elearning img{*/
    /*    height:700px !important;;*/
    /*}*/
    .carousel_item_elearning img{
        height:auto;
    }
    .carousel-slide img {
          width: 60%;
          height: 8vh;
        }
    .footer {
    height:50vh !important;
    }
     .latest_blog_main_div {
        height:36vh !important;
    }
    .every_cpourse_page_main_image{
    /*height:35vh !important; */
    height:auto;
}
.lower-nav {
    font-size:10px !important;
}
.dropdown-submenu .dropdown-menu {
    width:130% !important;
  }
  .dropdown-submenu .login_acount_drop_ele{
    width:100% !important;
}
  .latest_blog_main_div {
      height:30vh !important;
  }
   
  .content_div_start .content_main_start{
      padding-left: 100px !important;
    padding-right: 100px !important; 
  }
  .content_div_start .image_div_content2 img{
      height: 40vh !important;
      margin-top:5% !important;
  }
  /*.content_course_start_div{*/
  /*    margin-left:20%;*/
  /*}*/
  .heading_div_start_course h2{
      margin-left:0% !important;
  }
    .main_div_sidebar{
    margin-top:-20%;
}
.sidebar_nav {
    height:55vh !important;
    
}
/* change for eleanirng */
    #navbar-logo{
        margin-left:-1%;
        width:30%;
    }
    
    
    .main_div_certificate_psm_test .main_div_content_start_certificate_pppai{
    height:39vh !important;
}

/*.g-recaptcha{*/
/*    margin-left:10%*/
/*}*/


.video_overlay_div h1{
    text-align:center;
    color:white;
    font-size:60px;
    /*transform: translate(0%, -110%);*/
    /*transform: translate(0%, -80%); */
}

.video_overlay_div .present_heaidng{
    color: white;
    transform: translate(0%, -40%);

}


/*.div_authbridge_partner img{*/
/*    max-width: 250px; width: 100%; height: auto;*/
/*}*/

/*.div_fox_box_partner img{*/
/*     max-width: 250px; width: 100%; height: auto;*/
/*}*/

.present_heaidng_awards{
 transform: translate(0%, -10%);
    
}

/*.present_heaidng_gold_oartner{*/
/*    transform: translate(0%, -10%);*/
/*}*/

/*.main_div_partner_aweards {*/
    
/*    transform: translate(0%, -40%);*/

/*}*/

/*.video_overlay_div .date_heading_annula_conference{*/
/*    transform: translate(0%, -180%);*/
/*}*/

/*.button_annual_conference{*/
/*    transform: translate(0%, -180%);*/
/*}*/


/*.button_annual_conference {*/
/*        transform: translate(0%, -180%);*/
/*    }*/


}

@media screen and (max-width: 1200px) and (min-width: 1000px) {
/*    .button_annual_conference{*/
/*    transform: translate(0%, -180%);*/
/*}*/
    
}

@media screen and (max-width: 990px) and (min-width: 700px) {
    .navbar-brand img{
        width:80px !important;
    }
}

@media (min-width: 992px) {
    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    
    
}
@media (min-width: 576px) {
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .div_popular_courses{
    margin-top:-8%;
}
}
@media screen and (max-width: 1024px) and (min-width: 360px) {
    .no-scroll {
        overflow: hidden;
      }
    
      /* CSS for adding scrollbar to navbar */
      .lower-nav.show {
        max-height: 112%;
        overflow-y: auto; 
      }
    body {
        overflow-x: hidden;
    }
    .upper-nav {
        justify-content: space-between;
        /*white-space: nowrap;*/
        width: auto;
        height: auto;
        /* overflow: hidden; */
        padding:0px;
    }
    .row {
        display: flex;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    
    .menu-link-upr {
        display: block;
        /*margin: 10px auto; */
        text-align: center; /* Center the text */
        padding:10px !important;
    }
    .lower-nav .menu-container .menu-link{
        width: 100%;
        flex-wrap: nowrap;
    }
    .menuem {
        /*margin-bottom: 32px;*/
        /*margin-left: 10%;*/
        font-size: 12px !important;
        /*font-family:sans-serif !important;*/
        padding:10px;
    }
    
    .menuph {
        margin-top: 0%;
        /*margin-left: calc(-100% + 5px); */
        font-size: 12px !important;
        /*font-family:sans-serif !important;*/
        width:100%;
        padding:5px;
    }
    
    .elearning {
        /* margin-left: 11%; */
        padding: 4px;
        float: right;
        margin-right: 40px;
    }
    .search{
        font-size: 20px;
        margin-top: 7%;
        margin-left: 15%;
        width: 65%;
    }
    .original{
        display: none !important;
    }
    .smalll{
        display: block !important;
    }

    .nav2{
        background-color: gray;
    }
    
    .menu-toggle {
        display: block; /* Show on smaller screens */
    }

    .lower-nav {
        display: none; /* Hide by default on smaller screens */
        flex-direction: column;
        width: 100%;
        position:absolute;
        top: -2%;
        left: -17%;
        background-color: rgb(255, 255, 255);
        height: 100%;
        z-index: 9999; /* Ensure lower navigation appears above carousel */
    }
    
    .lower-nav .menu-link {
        margin-left: 20%; /* Align menu links to the left */
    }
    
    .lower-nav .menu-link:last-child {
        margin-bottom: 0; /* Remove bottom margin from last menu link */
        padding: 10px;
    }

    .lower-nav.show {
        display: flex;
        height: 100%;
        margin-top: 2% !important;
        width: 100%;
    }
    .lower-nav a img {
        width: 45%;
        margin-left: 9%;
        margin-top: 0%;
        height: 100%;
    }
    .lower-nav .logoimgalowermenu{
        height: auto;
        width: auto;
        margin-left: 10%;
    }
    .logo_menu_upper{
        margin-left: 7%;
        border-bottom: 1px solid black;
        
    }
    
      .closenavbar{
        border: none;
          float: right;
          font-size: 20px;
          margin-left: 90%;
          margin-top: -23%;
          color: white !important;
          border-radius:3px;
          display: block;
      }
      
    .menu-container{
        width: 100%;
        position: relative;
        padding:10px;
        float: left;
    }
    
    

    .menu-link {
        padding: 10px; /* Adjust padding for menu links */
        text-align: center;
        margin: 3% 2% 4% 0%;
    }

    .menu-link:last-child {
        border-bottom: none; /* Remove border from last menu link */
    }

    #carouselExampleIndicators {
        z-index: 0; /* Ensure carousel appears below lower navigation */
    }

    .carousel-item img {
        margin-top: 10px;
        width: 100%; /* Set width to desired dimension */
        height: 30%;; /* Set height to desired dimension */
        object-fit: fill; /* Maintain aspect ratio while filling the available space */
        overflow: hidden; /* Hide overflow content */
        margin-bottom: 10px;
    }
    .carousel-inner{
        height: auto;
        margin-top: -5%;
    }
    .carousel-caption-container{
        z-index: 0;
    }
    .carousel-caption-container .banner-div p{
        font-size: 10px;
    }
    .carousel-caption-container .banner-div h1{
        font-size: 15px;
        
    }
    .carousel-caption-container .banner-div{
        margin-top: 21%;
        display: block;
        margin-left: 9%;
        width: 100%;
        
    }
    .carousel-caption-container a{
        font-size: 10px;
        padding:5px;
        margin-left: 0%;
        background-color: orange;
        color: white;
    }

    .training-div-right1{
        width: 100%;
    }
    .training-div-right{
        width: 97%;
        height: 311px;
    }
    .training-div-right{
        width: 110%;
    }
    .img-right{
        width: 106%;
        height: 285px;
        margin-top: -115%;
        margin-left: 43%;
    }

    .image-div-left h3{
        white-space:inherit;
        font-size: 20px;
    }
    .image-div-left{
        margin-left: 0%;
        white-space:inherit;
    }
    .image-div-left p{
        font-size: 15px;
    }
    /* .right-div22 img{
        margin-left: 0px;
    } */
    .readhead{
        margin-left: 35%;
    }
    .head1{
        margin-left: 30%;
    }
    .readhead1{
        margin-left: 40%;
    }
    .head2{
        margin-left: 35%;
    }
    .box {
        width: calc(100% - -13px); /* Make the boxes full width with some margin */
        margin-left:0%;
    }
    /*.container {*/
    /*    flex-direction: column;*/
    /*}*/
    .container {
        flex-direction: row-reverse;
    }

    .left-1-div,
    .left-2-div,
    .left-3-div,
    .left-4-div {
        margin: 5% auto;
        width: auto; /* Adjusted width for responsiveness */
    }
    .left-1-div img {
        width: 300px;
        height: 400px;
        border-radius: 9px ;
    }
    .left-1-div{
        background-color: transparent;
        margin-left:5%;
    }
    

    .right-div {
        width: auto;
        height: auto;
        margin-top: -25%; 
        border-radius: 0 0 70px 70px; /* Remove bottom border-radius */
        text-align: center;
    }
    .right-div p{
        font-size: 15px;
    }
    .left-div {
        margin-left: 0;
        height: auto;

    }
    .left-2-div {
       display: none;
    }

    .left-3-div {
        background-color: transparent;
        margin-left: -7%;
        margin-top: 5%;
    }
    .left-3-div img{
        width: 300px;
        height: 450px;
        margin-left: 11%;
        margin-top: -18%;}

    .left-4-div {
        display: none;
    }
    .head-right-div{
        font-size: 30px;
        color: white;
    }
    

    .image-div-left{
        margin-left: 0%;

    }
    
    .training_div_overlay .first_page_training_content {
        width: 60%;
        height: 90%;
        position: absolute; /* Position absolutely */
        transform: translateY(-50%); /* Center vertically */
        right: 0; /* Align to the right */
        padding: 5px;
        background-color: rgba(3, 28, 56, 0.82); /* Adjust background color */
        box-sizing: border-box; /* Include padding in width calculation */
        color: white;
        margin-top: 26%;
      }
      .training_div_overlay .first_page_training_content .media_query_hide{
        display: none;
      }
    
      /* Adjust font sizes for better readability */
      .training_div_overlay .first_page_training_content h1 {
        font-size: 13px;
      }
      .training_div_overlay .first_page_training_content h3 {
        font-size: 10px;
        margin-top: -8%;
        margin-left: -5%;
      }
      .training_div_overlay .first_page_training_content p {
        font-size: 9px;
        margin-top: -12%;
        margin-left: -3%;
      }
      .training_div_overlay .first_page_training_content h2{
        font-size: 9px;
        margin-top: -24%;
      }
      .training_div_points_main {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; /* Distribute items evenly */
        margin-top: -7%;
    }
    
    .training_div_points_main h6 {
        flex-basis: 50%;
        margin-bottom: -18px;
        font-size: 5px;
    }

    
    .left_right_div_why_us .first_page_why_us_img{
        width: 100%;
    }
    
    .left_right_div_why_us .right_div1 p{
        font-size: 10px;
        padding: 5px;
        /* margin-top: -5%; */
        width: 100%;
    }
    .left_right_div_why_us .right_div1 h2{
        font-size: 25px;
        margin-bottom: 0%;
    }
    .left_right_div_why_us{
        display: block;
    }
    .left_right_div_why_us .right_div1 {
        width: 100%;
    }

    /* neww css end */


    .image-div-left h2{
        font-size: 23px;
    }

    .point {
        width: 100%; /* Set width to 100% for points in smaller screens */
    }
    .div-line {
        width: 100%;
        margin-left: 0%;
        margin-top: 10%;
    }
    
    .nav1{
        width: 100%;
        margin-left: 0% !important;
    }
    /*.nav12{*/
    /*    margin-left: 9% !important;*/
    /*}*/
    .row1,.row2,.row3 {
        font-size: 6px;
        padding: 0px;
        margin-top: 7% !important;
    margin-left: 10%;
    margin-right: -10%;
    margin-bottom: -5%;
    }
    .row{
        /*margin-top: 0% !important;*/
    /*margin-left: -9% !important;*/
    /*margin-right: 8% !important;*/
    padding: 0px;
    font-size: 3px !important;
    }
    .righ_left_main_div{
        display: block;
        margin-bottom: 5%;
    }
    .left_div_scm ,.right-div-scm2{
        width: 100%;
    }
    .top_image2,.pink_overlay {
        width: 100%;
    }
    .left_frontscm{
        height: 400px;
        width: 270px;
        margin-left: -20%;
    }
    .btn-left {
        left: 10%; /* Adjust left position for smaller screens */
        width: 80%; /* Adjust width for smaller screens */
        font-size: 25px;
        margin-top: 50%;
    }
    

    
    .wide-container{
        justify-content: center;
        position: static;
        margin-top: 80%;
        position: relative;
        width:100%;
    }
    
    .wide-container .img-div{
        /*width: 345px;*/
        width:100%;
        height: 600px;
        margin-top: -30vh;
        margin-left: -1%;
        text-align: center;
    }
    .blue-overlay {
        position: absolute;
        /*width: 106%;*/
        width:100%;
        height: 100%;
        background-color: rgba(7, 3, 75, 0.63); /* Blue color with 50% opacity */
    }
    .wide-container .img-div img{
        width: 100%;
        height: 100%;

        object-fit: cover;
    }
    .wide-container .img-div .blue-overlay .inside-div1{       
         position: absolute; 
        top: 13%; 
        left: 50%; 
        transform: translate(-50%, -50%);
         background-color: transparent;
         border: 1.5px solid rgba(87, 89, 192, 0.637);
         width: 215px;
         /*width:100%;*/
         height: 125px;
    }
    .wide-container .img-div .inside-div1 .icon-wide-img1{
        font-size: 30px; 
        color: white;
        margin-top: 0vh;
        padding: 10px;
    }
    .wide-container .img-div .inside-div1 h5{
        font-size: 18px;
    }
    
    
    .wide-container .img-div  .inside-div2 {
        position: absolute;
        top: 35.5%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: transparent;
        border: 1.5px solid rgba(87, 89, 192, 0.637);
        width: 213px;
        height: 124px;
    }
    .wide-container .img-div .inside-div2 .icon-wide-img2{
        font-size: 30px; 
        color: white;
        margin-top: 0vh;
        padding: 10px;
    }
    
    .wide-container .img-div .inside-div3 {
        position: absolute; 
        top: 60%; 
        left: 50%; 
        transform: translate(-50%, -50%);
         background-color: transparent;
         border: 1.5px solid rgba(87, 89, 192, 0.637);
          width: 213px; 
          height: 124px;
    }
    .wide-container .img-div .inside-div3 .icon-wide-img3{
        font-size: 30px; 
        color: white;
        margin-top: -1vh;
        padding: 10px;
    }
    .wide-container .img-div .inside-div4 {
        position: absolute;
        top: 85%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: transparent;
        border: 1.5px solid rgba(87, 89, 192, 0.637);
        width: 213px;
        height: 124px;
    }
    .wide-container .img-div .inside-div4 .icon-wide-img4{
        font-size: 30px; 
        color: white;
        margin-top: 0vh;
        padding: 10px;
    }
    .wide-container .img-div .inside-div3 h5{
        font-size: 18px;
    }
    .par-let {
        font-size: 15px;
        text-align: center;
        margin-top: 10%;
        font-size: 20px
        
    }
    

    .right-div-scm2{
        margin-left: 0%;
        margin-top: 3%; 
         height: auto;
         padding: 20px;
         display: flex; /* Use flexbox */
        flex-direction: column; /* Display items vertically */
        align-items: center;
        width: auto;
    }

    

    .right-div21{
        width: 125%;
        margin-bottom: 20px;
        text-align: center;
        margin-left: 0%;
        height: 175px;
        display: block;
        
    }
    .right-div21 img {
        width: 58%;
        height: 100%;
        float: left;
        margin-top: 0%;
    }
    .right-div21 h2 {
        color: white;
        text-align: center;
        margin-right: 0%;
        margin-top: 0%;
    }
    .right-div21 .iconbeginner{
        margin-top: 0%;
        margin-left: 66%;
    }

    .right-div22{
        width: 125%;
    margin-bottom: 20px;
    text-align: center;
    margin-left: 0%;
    height: 200px;
    display: block;
        
    }
    .right-div22 img {
        width: 62%;
        height: 100%;
        float: left;
        margin-top: -23%;
        margin-left: -1%;
    }
    
    .right-div22 h2 {
        color: white;
        text-align: center;
        margin-left: 65%;
        margin-top: 3%;
    }
    .right-div22 .iconexecutive{
        margin-top: 0%;
        margin-left: 66%;
    }

    .right-div23{
        width: 125%;
    margin-bottom: 40px;
    text-align: center;
    margin-left: -1%;
    height: 186px;
    display: block;
    }
    .right-div23 img{
        width: 59%;
        float: left;
        margin-top: 2%;
        margin-left: -3%;
    }
    
    .right-div23 h2 {
        color: white;
        text-align: left;
        margin-right: -19%;
        margin-top: 3%;
        font-size: 24px;
    }
    .right-div23 .iconmanager{
        width: 27%;
        margin-bottom: 40px;
        text-align: center;
        margin-left: 64%;
        height: 71px;
        display: block;
        border-radius: 30px;
        margin-top:6%;
    }
    

    .level1 {
        font-size: 70px; /* Adjust font size for smaller screens */
        margin-left: 3%; /* Adjust margin for smaller screens */
        margin-top: -7%;
        margin-bottom: 17%;
        position: static;
    }
    .level1::after{
        margin-left: 5%;
        margin-bottom: -2%;
    }
    .level{
        margin-left: 0%;
       font-size: 18px;
    }
    .container1 {
        flex-direction: column;
        align-items: center;
    }

    .mission,
    .vision,
    .gifdiv {
        width: 100%;
    }
    .content-container{
        height: 1500px;
    }
    .vision p{
        text-align: center;
        margin-right: 1%;
    }
    .vision h2{
        text-wrap: nowrap;
        margin-top: 5%;
    }

    .mission h2{
        text-align: center;
        margin-top: 6%;
        /* margin-left: 30vh; */
    }
   
    .mission{
        text-align: center;

    }
    .container1{
        display: inline;
        flex-direction: column;
        text-align: center;
        justify-content: center;
    }
    

    .inner-image {
        position: relative;
        top: 2%;
        left:-1%;
        max-width: 85px;
        height: 85px;
    }
    .outer-image {
        position: relative;
        margin-left:2vh;
        height: 100px;
    }
    .inner-image-right {
        
        max-width: 90px; /* Adjust as needed */
        height: 100px;
    }

    .outer-image-right {
        position: relative;
        height: 100px;
        margin-left:15vh;
        margin-top: 5vh;
    }    

    .gifdiv {
        text-align: center;
        width: 100%;
        margin-top: 15%;
    }
    .mission p{
        text-align: center;
    }



    .container-recent-project h1{
        color: black;
        padding: 10px;
        font-size: 25px;
         
    }
    .container-recent-project p{
        font-size: 17px;
    }
    .bottom-slide{
        width: 100%;
        margin-left: 21%;
    margin-top: 58%;
    }
    .bottom-slide h1{
        font-size: 15px;
        margin-right: -40%;
        float: right;
    }

    .First{
        background-color: rgb(49, 125, 192);
        display: flex;
        /* width: 250vh; */
        height: 60vh;
    }
    .First img{
        height: 165px;
        width: 160px; 
        margin-left: 10vw; 
        margin-top: 15vh;
    }
    .First h1{
        color: white;
        margin-left: 2%;
    margin-top: 7%;
    font-size: 20px;
    }
    .First .slides{
        margin-left: 30vw;
    }
    .first_slide p{
        font-size: 12px;
        margin-top: 25%;
        width: 121%;
        text-align: left;
    }
    .first_slide{
        width: 100%;
        margin-left: -27%;
        margin-top: 140%;
        height: auto;
        text-wrap: nowrap;
    }

    .first_slide ul{
        width: 100%;
        margin-left: -5%;
        white-space: inherit;
        font-size: 11px;
        text-align: left;
    }
    .bottom-slide h3{
        font-size: 10px;
    }
     .bottom-slide .firsth3{
        display: list-item;
        list-style-type: circle;
    }
     .bottom-slide .secondh3{
        display: list-item;
    }
     .bottom-slide .thirdh3{
        display: list-item;
    }
    

    .second{
        background-color: rgb(235, 74, 74);
        display: flex;
        height: 60vh;
    }
    .second h1{
        font-size: 20px;
        color: white;
        margin-top: 5%;
        margin-left: 2%;
    }
    .second img{
        height: 165px;
        width: 160px; 
        margin-left: 10vw; 
        margin-top: 7vh;
    }
    .second_slide{
        margin-top: 124% !important;
    }
    .second_slide p{
        font-size: 12px;
        text-align: left;
        text-wrap: nowrap;
    }
    .second_slide ul{
        margin-left: 2vh !important;
    }

    .third{
        background-color: rgb(88, 171, 240);
        display: flex;
        height: 60vh;
    }
    .third h1{
        font-size: 20px;
        color: white;
        margin-top: 5%;
        margin-left: 2%;
    }

    .third img{
        height: 165px;
        width: 160px; 
        margin-left: 10vw; 
        margin-top: 7vh;
    }
    .third_slide{
        margin-top: 124% !important;
        
    }
    .third_slide p{
        font-size: 12px;
        text-align: left;
    }
    .third_slide ul{
        margin-left: 2vh;
    }

    .bottom_form_img_main_container{
        display: block;
        margin-top: 5%;
        background-color: #fbf7f7;
    }
    .formleftcontainer, .formrightcontainer{
        width: 100%;
    }   
    .formleftcontainer form .first_last_name_div{
        display: flex;
    } 
    .first_last_name_div input{
        width: 50%;
    }
    .form-group input[type="submit"]{
        width: 40%;
        justify-content: center;
        margin-left: 10%;
        margin-top:5%;
    }
    .testimonals_main_div{
        height: auto;
        /* margin-bottom: -35%; */
    }
    .tx-portfolio, .tx-border-box, .tx-folio-img{
        width: 160%;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-left: -2%;
    }
    .tx-portfolio-item::after{
        left: 110%;
        bottom: -7px;
    }

    .person-name{
        left: 110%;
        top:85%;
    }
    .folio-content{
        font-size: 15px;
    }
    .tx-portfolio{
        margin-top: 20%;
    }

    .tx-portfolio .prev-slide{
        margin-top: -40%;
    }
    .tx-portfolio .next-slide{
        margin-top: -40%;
    }
    .footer{
        height: 80vh;
    }
    .footer_logo {
        width: 100%;
        margin-left: 5vw;
    }
    .footer_logo img{
        width: 150px;
    }
    .footer_logo .footer_logo_lower_text{
        width: 42%;
    }
    .footer_logo h6{
        margin-left: 6%;
    }
    .footer_logo p{
        margin-top: 5%;
    width: 100%;
    text-align: left;
    margin-left: -4%;

    }
    .main_div_footer{
        display:block;
    }
    .links_footer {
        float: left;
        margin-top: 10%;
        width:50%;
        margin-left:-3%;
    }
    /*.links_footer h5{*/
    /*    margin-left: 15%;*/
    /*}*/
    .download_broucher{
        width: 50%;
        margin-top:10%;
        margin-right:0vw;
    }
    .social_icon{
        /*margin-right: 25%;*/
        margin: -90px -13px;
    }
    .about-img-cont iframe{
        height:30vh;
    }
    .about-us-container .board-of-directors {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around; /* Adjust as needed */
    }
    .about-us-container {
        margin-top: 0px;
    }

    .board-of-directors .director-container .director {
        flex: 1 0 200px; /* Adjust width as needed */
       margin-left: -10%;
        padding: 10px;
        
        
    }

    .global_certification_data{
        width: 100%;
        margin-left: 0%;
        text-align: center;
    }
    .global_certification_img_right{
        width: 100%;
        align-items: center;
        justify-content: center;
        margin-top:130%;
    }
    .global_certification_img_right img{
        width: 100%;
        margin-left:0%;
        
    }
    .consulting_main_img_div img {
        width: 100%;
        height: 20vh;
    }
    .consulting_main_div .content_div_consulting img{
        width:100%;
        margin-top: 7%;
        margin-left:0%;
    }
    .consulting_main_div{
        margin-top: 0px;
    }
    .right_img_div_trainig_img .corporate_trainig_right_img1{
        display: none;
    }
    .trainig_main_div {
        margin-top: 20px;
    }
    .trainig_main_div .right_img_div_trainig_img img{
        width: 100%;
        margin-left: 0%;
    }
    .trainig_main_div .right_img_div_trainig_img{
        float: none;
        width: 100%;
    }
    .right_img_div_trainig_img .corporate_trainig_right_img2 {
        margin-top: 8%;
    }
    .right_img_div_trainig_img .corporate_trainig_right_img3{
        margin-top: 10%;
    }
    .trainig_main_div .content_traning_div{
        width: 100%;
        text-align: center;
        margin-left: 0%;
    }
    .accordion__icon{
        margin-left:85%;
    }
    .cpsm_global_main {
        margin-top: 20px;
    }
    .cpsm_global_main img{
        height: 17vh;
    }
    .overlay_cpsm {
        height: 17vh;
    }
    .cpsm_heading{
        height: auto;
    }
    .cpsm_heading h1{
        font-size: 20px;
    }
    .cpsm_content{
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .inner_img_cont_div{
        display: block;
    }
    .inner_img_cont_div .right-image-cpsm-div{
        width: 100%;
        float: none;
        margin-left: 2%;
    }
    .inner_img_cont_div .right-image-cpsm-div2{
        width: 100%;
        float: none;
        margin-left: 0%;
    }
    .inner_img_cont_div .right-image-cpsm-div3{
        width: 100%;
        float: none;
        margin-left: 0%;
    }
    .inner_img_cont_div .left-cpsm-div{
        width: 100%;
    }
    .cpsm_cont_bottm h3{
        width: 100%;
        text-align: center;
    }
    .exam_schedule_div img {
        height: 30vh;
    }
    .overlay_exam_scdule h1{
        font-size: 60px;
    }
    .heading_cpsm_exam_dynamic h3{
        font-size: 22px;

    }
    .heading_cpsm_exam_dynamic{
        height: auto;
    }
    .exam_dynamic_content .dynmaic_center_date_regis_div{
        display: block;
        width: 100%;
    }
    .exam_dynamic_content .dynmaic_center_date_regis_div .exam_schedule_center{
        width: 100%;
    }
    .exam_dynamic_content .dynmaic_center_date_regis_div .exam_schedule_exam_date{
        width: 100%;
    }
    .exam_dynamic_content .dynmaic_center_date_regis_div .exam_schedule_register_date{
         width: 100%;
    }
    .bottom_content{
        display: block;
    }
    .bottom_paragraph_div{
        height: auto;
    }
    .exam_registratin_div_img{
        margin-top: 0%;
    }
    .exam_registratin_div_img img {
        height: 25vh;
    }
    .overlay_exam_registartion h1 {
        font-size: 40px;
    }
    .exam_registration_main_div .google_from_div h1 {
        font-size: 25px;
        z-index: 0;
    }
    .google_from_div .main_date_heading_exam_register {
    font-size: 22px;
    }
    .exam_registration_main_div .google_from_div form {
        width: 100%;
        z-index: 0;
    }
    .exam_registration_main_div .google_from_div .form-group .register_exam_type {
        font-size: 14px;
    }
    .exam_registration_main_div .google_from_div .payment_content_exam_registration label {
        font-size: 12px;
        padding: 10px;
    }
    .bank_details_container {
        margin-top: 0%;
        margin-right: 0%;
    }
    .bank_details_container img {
        margin-left: 20%;
        width: 60%;
    }
    .google_from_div .exam_note_div {
        margin-top: 200%;
    }
    .exam_registration_main_div .google_from_div h3{
        margin-right: 0%;
        z-index: 0;
    }
    .exam_registration_main_div{
        margin-top: 20px;
    }
    .bank_details_container .h8_bank_details{
        margin-right: 0%;
    }
    .google_from_div .exam_note_div ul{
        list-style:circle;
        line-height:30px
    }
    
    .main_exam_practical_tips .head_div_practical_exam img {
        height: 25vh;
    }
    .overlay_practical h1 {
        font-size: 40px;
        margin-top: 15%;
    }
    .main_exam_practical_tips .practical_content_main_div{
        display: block;
    }
    .main_exam_practical_tips .practical_content_main_div .practical_img_div {
        width: 100%;
    }
    .main_exam_practical_tips .practical_content_main_div .practical_img_div img {
        height: 25vh;
    }
    .main_exam_practical_tips .practical_content_main_div .practical_content_img_div{
        width: 100%;
    }
    .practical_tips_overlay {
        clip-path: polygon(100% 0, 100% 100%, 60% 100%, 0% 0%);
    }
    .main_exam_practical_tips .middle_contaent_practical{
        display: block;
    }
    .main_exam_practical_tips .middle_contaent_practical h1 {
        padding: 20px;
        width: 100%;
    }

    .main_exam_practical_tips .middle_contaent_practical img{
        width: 100%;
        margin-left: 0%;
    }
    .main_exam_practical_tips .practical_tips_pdf_div{
        display: block;
        margin-left: 0%;
    }
    .main_exam_practical_tips .practical_tips_pdf_div img{
        width: 100%;
      
    }
    .main_exam_practical_tips .practical_tips_pdf_div h1 {
        margin-top: 5%;
        width: 100%;
        
    }
    .main_exam_practical_tips{
        margin-top: 20px;
    }
    .div_volunteer_img img {
        height: 25vh;
    }
    .overlay_join_volunteer p{
        font-size: 15px;
        text-align: justify;
        float: right;
    }
    .overlay_join_volunteer h1{
        font-size: 22px;
        text-align: justify;
        float: right;
    }
    .main_div_volunteer .div_content_volunteer h2 {
        padding: 0px;
        color: orange;
    }
    .main_div_volunteer .div_content_volunteer {
        padding:20px;
    }
    .main_div_volunteer{
        margin-top: 20px;
    }
    .form_main_volunteer{
        display: block;
    }
    .form-group-vounteer input[type="text"],
    .form-group-vounteer input[type="email"],
    .form-group-vounteer textarea,
    .form-group-vounteer select {
        width: 90%;
        

    }
    .form-group-vounteer button{
        margin-left: 25%;
        width: 40%;
    }
    .main_div_member_join .member_join_img_upper_div img {
        height: 20vh;
    }
    .overlay_join_member h1 {
        font-size: 25px;
        float: right;
        text-align: justify;
        margin-top: 10%;
    }
    .main_div_member_join .join_as_member_div_content {
        padding: 10px;
        margin-top: 2%;
    }
    .main_div_member_join{
        margin-top: 20px;
    }
    .content_div_member .first_div_mmeber h1{
        margin-left: 0%;
    }
    .line_membership_left_div{
        width: 95%;
    }
    .content_div_member .first_div_mmeber ul{
        width: 100%;
    }
    .content_div_member .first_div_mmeber .proffesinal_anchor{margin-left: 15%;}
    .content_div_member .first_div_mmeber img{
        float: none;
        margin-top: 15%;
        width: 100%;
    }
    .content_div_member .second_div_member {
        padding: 20px;
    }
    .content_div_member .second_div_member ul {
        padding: 15px;
        width: 100%;
    }
    .content_div_member .second_div_member h6{
        text-align: center;
        margin-left: 0%;
    }
    .content_div_member .second_div_member h1{
        margin-left: 0%;
        text-align: center;
    }
    .content_div_member .second_div_member img {
        width: 100%;
        float: none;
        margin-top: 15%;
    }
    .login_main_img_div{
        margin-top: 5%;
    }
    .login_main_img_div img{
        width: 100%;
        height: 17vh;
    }
    .overlay_login{
        width: 100%;
        margin-left: 0%;
    }
    .login_form_div form{
        width: 100%;
        margin-left: 0%;

    }
    .login_form_div label{
        text-align: center;
        margin-left: 0%;
    }
    .form_login .toggle-password{
        margin-top: 18%;
        width: 85%;
    }
    .login_form_div .form_login a{
        margin-top: 5%;
        margin-left: 0%;
    }
    .form_login button {
        width: 50%;
    }
    .main_div_member_mytrainig .member_contnet_div_img img {
        height: 20vh;
    }
    .main_div_member_mytrainig .member_contnet_div_img{
        margin-top: 20px;
    }
    .overlay_member_contnet h1 {
        float: left;
        font-size: 40px;
    }
    .div_member_content_main {
        padding: 15px;
    }
    .div_member_content_main p{
        width: 100%;
        margin-top: 5%;
    }
    .div_member_content_main h2{
        color: orange;
    }
    .div_member_content_main ul {
        width: 100%;
    }

    .div_member_content_main img{
        margin-top: 5%;
        width: 100%;
    }
    .main_div_pmi_image{
        margin-top: 20px;
    }
    .main_div_pmi_image img{
        height: 20vh;
    }

    .overlay_nmi_pmi_report h1{
        font-size: 35px;
        text-align: justify;
    }
    .main_div_pmi_content {
        display: block;
    }
    .inner_div_content{
        width: 100%;
    }
    .main_div_pmi_content .inner_div_img {
        width: 100%;
    }
    .pmi_report_heading_cont{
        display: block;
        margin-left: 0%;
        text-align: left;
    }
    .pmi_report_heading_cont .inner_pmi_report_heading_img{
        width: 100%;
    }
    .pmi_report_heading_cont .inner_pmi_report_heading_img img{
        margin-left: 0%;
    }
    .pmi_report_heading_cont .inner_pmi_report_heading_img h6{
        text-align: center;
    }
    .pmi_report_heading_cont2{
        display: block;
        margin-left: 0%;
        text-align: left;
    }
    .pmi_report_heading_cont2 .inner_pmi_report_heading_cont2{
        width: 100%;
    }
    .pmi_report_heading_cont2 .inner_pmi_report_heading_img2{
        width: 100%;
    }
    .pmi_report_heading_cont2 .inner_pmi_report_heading_img2 img {
        width: 100%;
    }
    .pmi_report_heading_cont2 .inner_pmi_report_heading_img2 h6{
        text-align: center;
    }

    .blog_image_div .blog_image_left img{
        height: 20vh;
    }
    .blog_right_image h2{
        font-size: 20px;
        margin-top:0%;
    }
    .blog_right_image p{
        font-size: 10px;
    }
    .content_div_start .image_div_content2{
        display: none;
      }
      .content_div_start .image_div_content1{
        display: block;
         width: 100%;
         margin-top:-10%;
      }
      .content_div_start{
        display: block;
      }
     
      .content_div_start .content_main_start {
        width: 100%;
        padding-left: 0px !important;padding-right: 0px !important;
        
      }
      .blogs_main_div{
        margin-top: 20px;
      }
      .overlay_events{
        height: 50%;
      }
      .event_img_main_div img{
        height: 25vh;
      }
      .event_img_main_div {
        margin-top: 20px;
      }
      .overlay_events h1 {
        font-size: 30px;
      }
      .content{
        margin-top: -55%;
        padding: 0px;
        z-index: 0;
        
      }
      .event-list{
        width: 100%;
        margin-left: 0%;
      }
      .events_main_div {
        margin-top: 0%;
      }
      .event .description{
          width:100%;
      }
      .event .description .tittle_event {
        font-size: 25px;
      }
      .main_img_div_event_details h1 {
        font-size: 25px;
        padding: 15px;
      }

    /*  .event_details_contnet_para .event_details_content_img2{*/
    /*    display: none;*/
    /*}*/
    /*.event_details_contnet_para .event_details_content_img1{*/
    /*    display: block;*/
    /*}*/
    .event_details_content_img2{
       width:100%; 
    }

    .main_div_every_event .event_details_contnet_para{
        display: block;
    }

    .event_details_contnet_para .event_details_content_img1 {
        width: 100%;
    }
    .event_details_content_img1 img{
        width: 100%;
    }
    .event_details_contnet_para .event_details_contnet_para_desc {
        width: 100%;
        margin-top: 5%;
        padding: 10px;
        margin-left:0%;
    }
    .event_details_description img{
        margin-top:-20%;
    }
    .register_event_popoup{
        display: block !important;
        width:60% !important;
        margin: 0%;
        margin-left: 10% !important;
        margin-top: 5%
    }
   
    .modal-content input[type="text"], .modal-content input[type="checkbox"], .modal-content input[type="email"]{
        width:140% !important;
        margin-left: -35% ;
        font-size:11px;
    }
    .modal-content label{
        margin-left: -40%;
    }
    .check_box_event_registeration {
        grid-template-columns:5% 100%;
        margin-left:-30%;
        width: 100%;
    }
    .modal-content input[type="submit"]{
        width: 80%;
        margin-left: 0%;
    }
    
    .table_bottom_event_details{
        display: block;
        width: 100%;
        margin-left: 0%;
    }
    .table_bottom_event_details .events_detils_bottom1{
        width: 100%;
    }
    .table_bottom_event_details .events_detils_bottom2{
        width: 100%;
    }
    .table_bottom_event_details .events_detils_bottom3{
        width: 100%;
    }

    .contact-img-div-con img{
        height: 25vh;
    }
    .contact-blue-overlay-img {
        height: 25vh;
    }
    .heading-headquarter {
        margin-top: 10px;
    }
    .contact-no-email {
        margin-top: 5%;
    }
    .conatct_email_phn{
        display: block;
    }
    .head_quarter_contact_email{
        margin-left: -20%;
    }
    .form-contact-us{
        margin-top: 5%;
    }
    .form-contact{
        width: 100%;
        margin-left: 0%;
    }
    .headin-con{
        padding: 0px;
    }
    .headin-con h3{
        padding: 0px;
    }
    .headin-con p{
        padding: 0px;
    }

    .form-group-contact input[type='text'], .form-group-contact input[type='email'], .form-group-contact textarea {
        width: 100%;
    }
    .form-contact-us form button {
        width: 60%;
    }

    .map_address_flex_contact{
        display: block;
    }
    .address-contact {
        width: 100%;
    }
    .mapcontactus{
        margin-left: 0% !important;
    }
    .mapcontactus iframe{
        width: 300px;
    }
    .carousel-control-prev{
        z-index: 0 !important;
    }

    .usr_name_small{
        margin-left: 10%;
        margin-left: 18%;
        width: 88%;
        background-color:#000732;
    }

    .username_show_small{
        display: block;
        color: rgb(255 255 255);
        margin-top: 2%;
        padding: 10px;
        font-size: 25px;
    }
    .username_show{
        display: none;
    }
    .overlay_competency_test1 h1{
        font-size: 15px;
        margin-left: -25%;
    }
    .competency_test1_main_div {
        margin-top:20px;
    }
    .competency_test1_main_div .competency1_content_div_main{
        display: block;
    }

    .competency1_content_div_main .competency1_content_left{
        width: 100%;
        margin-left: 0%;
    }
    .competency1_content_div_main .competency1_content_right{
        width: 100%;
    }
    .quiz_questiin_form_div_main .quiz_start_div_all{
        width: 100%;
    }
    .quiz_main_div .quiz_questiin_form_div_main{
        display: block;
    }
    .quiz_start_div_all form button{
        width: 35%;
    }
    .quiz_questiin_form_div_main .quiz_question_number_div{
        width: 100%;
    }
    .big_scren{
        display: none;
    }
    .small_screen{
        display: block;
    }
    .quiz_start_div_all form .submit_button_quiz{
        width: 35%;
    }
    .modal-content-confirmation {
        margin: 70% auto;
    }
    .summary_div_quiz_question{
        width: 100%;
        display: block;
        margin-left: 0%;
        padding: 0px;
        font-size: 20px;
        
    }
    .summary_div_quiz_question .space{
        margin-left: 0%;
    }
    .category_wise_result{
        margin-left: 0%;
        width: 100%;
    }
    .summary_div_quiz_question_category .dta_table_category{
        font-size: 10px;
    }
    .summary_div_quiz_question_category .heading_table_category{
        font-size: 15px;
    }
    .total_question_quiz{
        font-size: 15px;
    }
    .total_question_no_quiz{
        font-size: 15px;
    }
    .summary_div_quiz_question_category table{
        width: 100%;
        margin-left: 0%;
    }
    .competency_img_div img{
        height: 16vh;
    }
    .overlay_comptency h1 {
        margin-left: -25%;
        font-size:15px;
    }
    .overlay_comptency p{
        font-size: 13px;
        padding: 5px;
        margin-left: -30%;
    }
    .competency_content_div{
        display: block;
    }
    .competency_content_div img{
        width: 100%;
    }
    .competency_content_div p{
        padding: 0px;
        font-size: 20px;
        margin-top: 0%;
        margin-left: 0%;
        font-family:gill sans;
    }
    .anhor_big{
        display: none;
    }
    .anhor_small{
        display: block;
    }
    .next_content_compteency{
        display: block;
    }
    .competency_next_content_head {
        width: 100%;
    }
    .competency_next_content_anchor{
        width: 100%;
        padding: 0px;
    }
    .competency_next_content_anchor p {
        text-align: left;
    }
    .competency_test_first_img_div img{
        height: auto;
    }
    .quiz_heading_div .quiz_heaidng_main_div_left h1{
        font-size: 30px;
    }
    .pan_idnia_quiz_heaidng h1{
        font-size:20px !important;
        text-align: center;
        margin-top:5%;
    }
    .quiz_heading_div .quiz_heaidng_main_div_right h3 {
        font-size: 20px;
    }
    .heading_memeberr_profile {
        margin-top: 20px;
    }
    .heading_memeberr_profile h1 {
        font-size: 35px;
    }
    .member_profile_main_div .row{
        display: block;
        flex-wrap: none;
    }
    .image_div_membr_profile img{
        margin-left: 30%;
        margin-top: 5%;
        width:100%;
    }
    .image_div_membr_profile{
        width:30% !important;
    }
    .member_orders_profile{
        display: inline-grid !important;
    }
    .member_profile_main_div{
        width: 100%;
        margin-left: 0%;
    }
    .name_memeberr_profile h5{
        font-size: 25px;
    }
    .name_memeberr_profile{
        margin-left: 0%;
        width: 100%;
    }
    .th_profile{
        padding: 10px;
        font-size: 17px;
    }
    .table_profile{
        margin-left: 5%;
    }
    .form_display_flex{
        display: block;
    }
    .form_update{
        width: 100%;
    }
    .main_div_updtae_profile form{
        width: 100%;
        margin-left: 0%;
        padding: 0px;

    }
    .main_div_updtae_profile form .update_button_profile {
        margin-left: 20%;
        width: 50% !important;
        padding: 0px;
        margin-top: 5%;
    }
    /*.blogs_card{*/
    /*    margin-left: 8%;*/
    /*}*/
    .description_blog_font{
        font-size: 15px;
    }
    /*.description_blog_font1{*/
    /*    font-size: 15px;*/
    /*}*/
    .card-body p{
        font-size:15px;
    }
    .image_blog img{
        width: 70%;
    }
    .contact-blue-overlay-img h1{
        font-size: 25px;
    }
    .contact-blue-overlay-img-cont h1{
        font-size: 30px;
        margin-top: 20%;
    }

    .container-chapter{
        margin-top: 20%;
        margin-left: 0%;
    }
    .accord_ism_chapters{
        width: 100%;
    }
    .content_accord_ism_chapter{
        padding: 0px;
    }
    .main_div_faq .heading-section{
        margin-top: 25%;
    }
    .main_div_faq .faq-section{
        margin-top: 10%;
        margin-left: 0%;
    }
    .faq-section .accordtion_faq_main{
        width: 100%;
    }

    .contact-wide-container-faq .contact-img-div-con-faq img{
        height: 30vh;
    }
    .contact-blue-overlay-img-faq{
        height: 30vh;
    }
    .accordion__headline{
        margin-top: -2.5vh;
    }
    .accordion__tab-faq{
        padding: 10px;
    }

    #chatbot-container{
        /*right: 140px;*/
        width: 60%;
        /*margin-bottom: 250px;*/
        transition: margin-bottom 0.3s ease;
    }
    .no-margin {
        margin-bottom: 0 !important; /* Remove margin */
    }
    .navbar-container {
        position:static;
    }
    .inner-dropdown{
        top: 48px;
    left: 25%;
    }
    .newsletter_main_div {
        width: 100%;
        margin-left: 0%;
        position: unset;
        margin-top:15%
    }
    .news_letter_submit_btn {
        width: 40%;
    }
    .popup-content-testimonal {
        width: 90%;
        margin: 34% 5%;
    }
    .g-recaptcha{
        margin-left:3%;
    }
    .register_main_heading_div{
        margin-top: 5%;
    }
    .register_main_div{
        display: block;
    }
    .register_main_img_div{
        width: 100%;
    }
    .main_div_form_register{
        width: 100%;
    }
    .register_main_img_div img {
        margin-top: 0%;
    }
    .form_register button{
        width: 40%;
    }
    .forgot_password_button_submit {
        width: 30%;
    }
    .forgot_password_form .forgot_password_form_div{
        width: 50%;
        margin-left: 22%;
    }
    .career_main_div{
        margin-top: 20px;
    }
    .career_image_div .career_image_left img {
        height: 17vh;
    }
    .career_image_div .career_right_div h2{
        font-size: 13px;
    }
    .career_image_div .career_right_div p{
        font-size: 10px;
    }
    .career_div_content_main{
        display: block;
    }
    .career_div_content_main .career_div_content_1{
        width: 100%;
    }
    .career_div_content_main .career_job_posting{
        width: 100%;
    }
    .job_oprnring_career_div {
        width: 100%;
        margin-top:2%;
    }
    .main_div_job_post{
        margin-top: 20px;
    }
    .about_job_description{
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
        
    }
    .main_div_content_job_details .job_desctription_anchor_apply {
        margin-left: 35%;
    }
    #jobpost{
        width: 100%;
        margin-left: 0%;
    }
    .btn_submit_job_applicant {
        width: 30%;
        margin-left: 30%;
    }
    .product_page_main_div .anchor_chekout_h1{
        float: unset;
        padding:50px;
    }
    .product_list_main_div .card_product{
        margin-left: 0px;
        width: 100%;
    }
    .product_list_main_div{
        display: block;
    }
    .main_div_product_detail .main_flex_div_product_details{
        padding-left: 0px;
        padding-right: 0px;
        display: block;
    }
    .main_flex_div_product_details .check_product_details_main {
        width: 100%;
    }
    .main_flex_div_product_details .check_product_details_main_img{
        width: 100%;
    }
    .main_flex_div_product_details .check_product_details_main_img img{
        width: 100%;
    }
    .main_div_product_detail .add_to_cart_div_button {
        margin-top: 2%;
        width: 100%;
    }
    .cart_main_div .cart_div_main_content{
        padding-left: 0px; 
        padding-right: 0px;
    }
    .cart_div_main_content .table_cart tr {
        font-size: 10px;
    }
    .cart_div_main_content .table_cart .image_cart_td img{
        height: 50px;
        width: 80px;
    }
    .address_details_show{
        display: block;
    }
    .content_div_checkout .table_responsive_chheckout {
        width: 100%;}
    .checkout_placeordrr{
        width: 60%;
    }
    .razorpay_buton{
        width: 90% !important;
    }
    .thankyou_page_order{
        margin-top: 0%;
    }
    .thankyou_page_order h3{
        width: 100%;
        font-size: 25px !important;
        margin-left: 10%;
    margin-top: -6%;
    }
    .order_confirm{
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-left: 10%;
    }
    .order_confirm table th{
        font-size: 11px !important;
    }
    .order_confirm table td{
        font-size: 11px !important;
    }
    .anchor_goto_order_last{
        font-size: 20px;
    }
    .main_div_order_history {
        margin-top: 0px !important;
    }
    .main_div_order_history .table-responsive1{
        padding-left: 0px; 
        padding-right: 0px;
    }
    .table-responsive1 .ordertable td {
        font-size: 11px !important;
    }
    .table-responsive1 .ordertable th{
        font-size: 11px !important;
    }
    .anchor_tag_order_history_Profile{
        font-size: 16px !important;
    }
    .anchor_tag_order_history_Cart{
        font-size: 16px !important ;
    }
    .anchor_tag_order_history_Home{
        font-size: 16px !important;
    }
    .global_certification_main {
        margin-top: 20px;
    }
    .exam_schedule_main{
        margin-top: 20px;
    }
    .main_div_magazine_img{
        margin-top: 20px;
    }
    .main_div_magazine_img img{
        height: 23vh;
    }
    .overlay_magazine h1{
        font-size: 40px;
    }
    .insider_image_div_main{
        display: block;
    }
    .insider_image_div{
        width: 100%;
        margin-top: 25%;
    margin-left: 0%;
    }
    .insider_image_div img{
        width: 100%;
    }
    .inside_content_div{
        padding: 0px;
        width: 100%;
    }
    .main_div_magazine{
        margin-left: 8%;
    }
    .magazines_div{
        display: block;
    }
    .magazine_images_start_robotics{
        width: 100% !important;
    }
    .magazine_images_start_robotics img {
        margin-top: 0%;
        width: 100%;
    }
    .competency_main_div{
        margin-top: 20px;
    }
    .wecats_image_div{
        margin-top: 20px !important;
    }
    .wecats_image_div img {
        height: 16vh;
    }
    .overlay_webcasts h1 {
        font-size: 25px;
    }
    .main_div_webcast_first{
        margin-left: 10%;
    }
    .webcast_latest, .webcast_recent{
        display: block;
    }
    .webcast_item{
        width: 100% !important;
    }
    .main_img_div_event_details{
        margin-top: 20px !important;
    }
    .blog_detail_main_div{
        margin-top: 20px;
    }
    .menu_space{
        margin-left: 0%;
    }
    .myaccountnav{
        display: none;
    }
    .myaccountnav1{
        display: block;
        color: black !important;
    }
    .upper_nav2{
        color: black;
    }
    .left-nav{
        display: none;
    }
    .right-nav{
        display: none;
    }
    .upper_nav_div{
        margin: 0 0 ;
    }
    
    
    
    
    
    
    
    
    /*add new_css in old*/
    .upper_nav_div {
        display: flex;
        align-items: center;   /* Vertically centers the content */
                /* Make sure this div has height (adjust as needed) */
    }
    .login_button {
        text-decoration: none;
        /*color: #062955;*/
        padding: 10px;
        display: flex;
        align-items: center;   /* Vertically centers icon and text */
        gap: 5px;              /* Space between icon and text */
    }
    .contact{
        display:block;
        text-align: center;
        justify-content:center;
        align-items:center;
    }
     /*end new_css in old*/
     
     
     
     
     
     
     
     
     
    .contact_div_uopper{
        display: flex;
        /*margin-left: -8%;*/
    }
    .inside_nav_cart{
        display: block;
        font-size: 20px;
        margin-left: 4%;
    }
    .menu-container:hover .dropdown-content {
        display: block;
        margin-left: 44% !important;
        /* margin-top: 4%; */
    }
    .confernece_main_heading{
        display: none;
    }
    .confernece_main_heading2{
        display: none;
    }
    .image-container{
        margin-top: 3%;
        width: 106%;
        margin-left: -3%;
    }
    .overlay_annual_conference h1{
        font-size: 12px;
    }
    .overlay-image {
        margin-top: 3%;
    }
    .heading_present1{
        font-size: 22px;
    }
    .overlay-image1 {
        margin-top: -5%;
    }
    .heading_present3{
        font-size: 10px;
    }
    .button_overlay a{
        font-size: 7px;
    }
    .button_overlay{
        margin-top: -1%;
    }
    .heading_present2 {
        margin-top: 1%;
    }
    .image-container3{
        margin-top: 3%;
        width: 106%;
        margin-left: -3%;
    }
    .image-container2{
        display: block;
    }
    .text_container_image2{
        width: 100% !important;
        padding: 20px !important;
    }
    .gif_container_image2{
        width: 100% !important;
    }
    .container_gif_anchor {
        margin-top: 10%;
    }
    .key_diaries_container_boxes{
        display: block;
    }
    .key_diaries_container_box1{
        width: 95%;
    }
    .key_diary_box1 h2{
        font-size: 25px;
    }
    .key_diaries_container_box1 h1{
        /* margin-top: -2%; */
        padding-bottom: 10px;

    }
    .main_div_popup{
        /* display: table-column; */
        grid-template-columns:repeat(1, 1fr);
        gap: 20px;
    padding: 20px;
    }
    .popup_image {
        height: 550vh;
    }
    .judge_panel_judges{
        display: block;
    }
    .judge1_panel,.judge2_panel,.judge3_panel,.judge4_panel{
        width: 100%;
    }
    .event_agenda_main_div{
        display: block;
    }
    .event_agenda_button{
        min-width: 250px;
        margin-left:-25%;
    }
    .main_div_content_bottom{
        display: block;
    }
    .content_bottom_div1, .content_bottom_div2, .content_bottom_div3, .content_bottom_div4{
        width: 100%;
    }
    .bottom_main_div_awards img{
        height: 170vh;
        width: 100%;
    }
    .sponsor-button {
        min-width: 250px;
    }
    .popupmain_new{
        width: 100%;
    }
    .popupmain-content_new {
        max-width: 90%;
        max-height: 100%;
    }
    .overlay_annual_conference{
        z-index: 0;
    }
.contact, .contact1{
    font-size:10px;
}
.menu-container-nav{
    margin-right:0% !important;
}
.menu-container-nav a{
        color: black;
    }
    .lower{
        display:block;
    }
    .about_us_heding{
        margin-top:20%;
    }
    .training_div img{
        height:23vh;
    }
    .right-div22{
        margin-right:0%;
    }
    .right-div21 h2, .right-div22 h2, .right-div23 h2{
        margin-top:5% !important;
    }
    .whychosse_heading{
        font-size:27px;
        top:0%;
        left:25%;
        margin-top:10%;
    }
    .wide-container1 {
        margin-top:60%;
    }
    .wide-container1 .img-div1 {
        height:800px;
    }
    .blue-overlay1 {
        height:640px;
    }
    .content_div_training h3{
        font-size:15px;
    }
    .training_div_points_main h6{
        font-size:8px;
    }
    .sponsorship_div_eventannual_main{
        padding-left: 0px;
         padding-right: 0px; 
         padding-top: 0px;
         padding-bottom: 0px;
    }
    .button_overlay a {
        padding: 4px 20px;
        width: 40%;
    }
    
    .testimonal_popupbutton {
        margin-top:10%;
    }
    .blog_main_div_start{
      width:110%!important ;
      margin-left:-5% !important;
      margin-right:0%!important;
  }
   .event_details_contnet_para .event_details_contnet_para_desc .event_details_description table{
        font-size: 12px;
    }
    .event_details_contnet_para .event_details_contnet_para_desc .event_details_description table th{
        font-size:15px;
    }
    /*.popup_event_regist_button_main {*/
    /*    margin-left:20%;*/
    /*}*/
    .event_any_questions_heading{
        /*text-align:left !important;*/
        font-size:20px;
        margin-left:0%;
    }
    .main_div_certificate_psm_test{
        margin-top:5%;
    }
    .main_div_certificate_psm_test .image_heading_div{
        display:block;
        padding:10px;
        height:120vh;
    }
    .main_div_certificate_psm_test .image_heading_div_pppai{
        display:block;
        padding:10px;
        height:120vh;
    }
    .main_div_certificate_psm_test .heading_main_div{
        width:100%;
        padding-left:0px;
        padding-right:0px;
    }.main_div_certificate_psm_test .heading_main_div_pppai{
        width:100%;
        padding-left:0px;
        padding-right:0px;
    }
    .main_div_certificate_psm_test .main_div_content_start_certificate{
        width:100%;
        height:26vh;
        margin-top:15%;
       
    }
    .main_div_certificate_psm_test .main_div_content_start_certificate_pppai{
        width:100%;
        height:35vh;
        margin-top:15%;
       
    }
    .get_certificate_button {
        width:60%;
        padding:5px;
        font-size: 15px;
    }
    .form-group-psm_certificate input[type="email"]{
      font-size:15px !important;
      }
      .start_div_certificate_show img{
          width:100%;
      }
      .start_div_certificate_show{
          width:100%;
          margin-left:0%;
      }
    .main_div_certificate_psm{
        margin-top:10%;
    }
    .conference_image_div{
        height:170vh !important;
    }
    .conference_image_div_pppai{
        height:auto;
    }
    .conference_content_div{
        width:100% !important;
    }
    .conference_content_div_pppai{
        width:100% !important;
    }
    .content_div_video_main{
        display:block;
    }
    .content_div_left{
        width:100%;
    }
    .content_div_right{
        width:100%;
    }
    .about-heading{
        margin-top:20px;
    }
    .main-img-cont{
        display:block;
    }
    .overlay_consultnt h1{
        font-size:30px;
        margin-left: 1%;
        margin-top:26%;
        background-color:#0054ff36;
    }
    .content_cosulting {
     padding-left: 0px; 
     padding-right: 0px;
        
    }
    .google_from_div button {
        font-size:25px;
        margin-left: 10%;
        width: 25vh;
    }
    #autofill_checkbox{
        margin-left:10%
    }
    #autofill_checkbox_product_show{
        margin-left:10%
    }
    .guide_video_practical_main{
        display:block;
    }
    .accordion__tab-content {
        max-height:18vh;
    }
    .myaccountnav_dropdown {
        margin-left: 12% !important;
        margin-top: -5% !important;
    }
    .inside_content_div1 img{
        margin-left:0% !important;
    }
    .download_link1 {
       left:40%;
    }
    .div_content_mag p{
        font-size:15px;
    }
    .line_bottom_magazine{
        margin-top:20%;
    }
   .pagination {
        margin-top:3px;
    }
    .mytraning_anchor_div {
        margin-top: 90%;
        margin-left: -2%;
    }
    .mytraning_anchor_div .exam-link{
        font-size:12px;
        margin-left:0%;
    }
    .quiz_questiin_form_div_main .quiz_start_div_all {
        margin-bottom:20% !important;
    }
    .event{
        display:block;
    }
    .event .image{
        width:100%;
    }
    .event .image img {
        width:80%;
    }
    .event_details_contnet_para_desc a {
        font-size:9px;
    }
    .main_div_faq .faq-section{
        padding-left:0px;
        padding-right:0px;
    }
   .blog_main_welcome_div{
       display:block;
       margin-top:2% !important;
   }
   .knowledge_bite_div_image{
       width:100%;
   }
   .knowledgebite_div_welcome{
       width:100%;
       padding-right:0px;
       padding:10px;
   }
   .blog_main_welcome_div p{
       font-size:20px;
   }
   .latest_blog_div{
       display:block;
       margin-top:-2%;
   }
   .image_blog {
       width:100%;
   }
   .content_blog_start{
       width:100%;
       padding:0px;
   }
   .content_blog_start p{
       font-size:15px;
       margin-left:-3%;
   }
   .main_heading_div_blog_details h1{
       font-size:20px;
   }
   .overlay_newsletter h1{
       font-size:35px;
   }
   .main_div_newsletter_heading{
       margin-top:5%;
   }
   .main_div_newsletter_content{
       display:block;
   }
   .left_div_newsletter_content{
       width:100%;
   }
   .right_div_newsletter_content{
       width:100%;
       margin-top: 5%;
    
   }
   .latest_newsletter_section {
       margin-top:5%;
       margin-left:2%;
   }
   .previous_newsletters{
       margin-left:2%;
   }
   .job_oprnring_career_div_main{
       display:block;
   }
   .career_div_content_main{
       margin-left:0%;
   }
   .career_div_content_main .career_div_content_1 h1{
       font-size:30px;
   }
   .about_job_description p{
      margin-top:-2%;
  }
 .about_job_description h4{
     margin-top:2%;
 }
 
 .event_details_description table{
     width:300px !important;
 }
 .popup_event_regist_button1 {
     font-size:10px;
 }
 .popup_event_regist_button_main{
     font-size:10px;
 }
 .popupmain-content {
     max-width:70%;
 }
 .prev-index, .next-index {
     font-size:10px;
     padding:10px;
     top: 40%;
 }
 .close-index {
    /*top: -21px;*/
    right: 0px;
     font-size:20px;
 }
    
.blog_main_small_para p{
      font-size:15px;
      
  }
  .blog_main_small_para{
      padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 8% !important;
  }
 #Strategic_Approach_image{
      margin-left: 0px !important;
        margin-right: 0px !important;
        width: 330px !important;
  }
  #objectives_kpi{
      margin-left: 0px !important; 
     margin-right: 0px !important;
     width: 320px !important;
  }
  #develop_Implement_strategic_plans{
      margin-left: 0px !important; 
     margin-right: 0px !important;
     width: 320px !important;
  }
  #continuously_adapt_evolve{
      margin-left: 0px !important; 
     margin-right: 0px !important;
     width: 320px !important;
  }
  #Impact_Mastering_Sense_Strategy{ 
      margin-left: 0px !important; 
     margin-right: 0px !important;
     width: 320px !important;
  }
  #Overview_small{
      margin: 0px 0px !important;
  }
  #senven_sense_intro_img{
    height: 180px !important;
    margin-left: 0px !important; 
    margin-right: 0px !important; 
    width: 350px !important;
  }
  #seven_sense_image_main{
     height: 160px !important;
     margin-left: 0px !important; 
     margin-right: 0px !important; 
    width: 340px !important;
  }
  .form-group-psm_certificate_pppai label{
      font-size:23px;
      margin-top:5%;
  }
  .certificate-preview img{
      width:300px;
  }
  .certificate-preview{
    margin-top:1%;margin-left:0%;justify-content:center;align-items:center;text-align:center
}
.main_div_certificate_button{
    margin-top:5%;
}
.main_div_membrship_form_elite{
    margin-top: 30px;
}
.memebrship_form_elite_form_content .memebrship_form {
    margin-top:3%;
}

.testimonial-slider {
        max-width: 95%;}


.competency1_content_div_main .competency1_content_left .anchor_competency_start {
    font-size:15px;
}

 /*elearning mobile view*/
        .navbar-brand img {
        width: 60px !important;
    }
    #navbar-logo {
        margin-left: 0%;
    }
    /*#navbar{*/
    /*    margin-top: -5%;*/
    /*}*/

    .navbar-custom .navbar-nav .nav-link {
        font-size: 14px;
    }
    #carouselExampleIndicators {
        margin-top: 0;
    }

    /*.carousel_item_elearning img {*/
    /*    height: 245px !important;*/
    /*}*/
    .carousel_item_elearning img {
        height: auto !important;
    }
    
    /* chnage for eleanring */
    /*.crousel_elearning {*/
    /*    height: 260px !important;*/
    /*}*/
    
    .boxes-container{
        margin-top: -130px;
    }
    .main-content {
        padding-top: 80px;
        padding-left: 15px;
        padding-right: 15px;
    }
        .carousel-overlay h1 {
        width: 70%;
        margin-left: 0%;
        font-weight: 800;
        font-size: 12px;
        /*margin-top: 15%;*/
    }
    .carousel-overlay p {
        width: 80%;
         margin-left:0%; 
        /* font-weight: 900; */
        font-size: 9px;
        margin-top: -4%;
    }
    .navbar-toggler{
        /*margin-left: -100%;*/
        /*margin-top: -13%;*/
        float:left;
    }
    
    #customCarousel {
        margin-top: -11%;
    }
    .navbar-toggler {
        color: rgba(0, 0, 0, .5) !important;
        border-color: rgb(255 165 0) !important;
        font-size: 15px !important;
        /*width: 10%;*/
        /*height: 4vh;*/
    }
    .navbar-toggler-icon{
        color: #f3f3f3 !important;
        background-color: #fd910b !important;
        border-radius: 5px 5px 5px 5px;
        /*margin-left: -61%;*/
        /*margin-top: -30%;*/
        /*height: 3vh !important;*/
        /*width: 230% !important;*/
        
    }

    .elearning_navbar_container{
            justify-content: space-between;
        align-items: center !important;
        /*text-align: center !important;*/
        display:block !important;
        /*margin-top:5%;*/
        
    
        }
    .navbar-nav-ul-elearning{
        padding-left: 0px !important;
    }
    .elearning_navbar_container .navbar-brand{
        float:right !important;
    }
    .carousel-overlay .butn {
        padding: 3px 0px 2px 10px;
        margin-left: 14% !important;
        width: 30%;
        font-weight: 100;
        margin-top: -6% !important;
        font-size: 8px;
    }
    .carousel-overlay {
        height: 97%;
    }
    .learn_anithing_boxex{
        margin-left: 0% !important;
        margin-right: 0% !important;
    }
    .view_more_eleanring{
        font-size: 15px !important;
        margin-left: 4% !important;
    } 
    .position-relative .d-none{
        display:block !important !important;
    }
    .aboutus-style-01 .bg-shape1{
        position: absolute;
        top: -90px;
        /* left: 50%; */
    }
    .main_iamge_exp_year_boy{
        width: 90%;
    float: right;
    }
    .main_iamge_exp_year_girl{
        float: right;
    width: 58%;
    margin-left: 42%;
    }
    .aboutus-style-01 .img-2 {
         right: 0px; 
    }
    .aboutus-style-01 .bg-shape1 {
        position: absolute;
        top: -90px;
        /* left: 50%; */
        /* z-index: 0; */
        }
    .aboutus-style-01 .about-text p {
        font-size:7px !important;
    }
    /*.learn_whenveere_choose{*/
    /*    margin-lefT:5%;*/
    /*}*/
    .balck_quotes_para{
        font-size:10px;
    }
    .shape20{
        margin-top:-40%;
    }
     .div_index_courses{
        margin-top: -41%;
    }
    .section-heading .sub-title{
        margin-left:0%;
    }
    .online_course_row ,.jusyify_row_comp ,.competency_row_comp{
        margin-top: 0% !important;
        margin-left: 0% !important;
        margin-right: 0% !important;
        padding: 0px;
        font-size: 3px !important;
    }
    .our_facilites_row{
        margin-top: -20% !important;
        margin-left: 0% !important;
        margin-right: 0% !important;
        padding: 0px;
        font-size: 20px !important;
    }
    .abput_clases_row{
        margin-top: -5% !important;
        margin-left: 25% !important;
        margin-right: 0% !important;
        padding: 0px;
        align-items: center;
        text-align: center;
        justify-content: center;
        }
    .elearning_begginer1{
        margin-top: 2%
    }
    .elearning_begginer4{
        margin-top: 2%;
    }
    .justify-content-center{
        margin-top: -40% !important;
    }
    .why-choose-img {
        margin-right: 0px;
        position: relative;
        width: 100%; /* Set your desired width */
        height: auto; /* Keep the aspect ratio of the image */
    }
    .border-radius-5{
        width:100%;
    }
    .start-50{
        margin-left:0% !important;
    }
    .why-choose-content {
        padding: 10px 10px;
        margin-left: 0px;
    }
    .bg-light{
        margin-top:-15%;
    }
    .testimonals_second {
        margin-top: -25%;
    }
    .carousel-container{
        margin-top:15%;
        padding-bottom: 50px;
    }
    .footer_row_elearning{
        margin-top: 0% !important;
        margin-left: 0% !important;
        margin-right: 0% !important;
        padding: 0px;
        
    }
    .text-white{
        font-size:10px;
    }
    .footer_logo_elearning{
        width:50%;
    }
    .subscribe_row_footer_elearning{
        margin-top:-10% !important;
        margin-left: -5% !important;
        margin-right: 0% !important;
        padding: 0px;
        
    }
    .about_heading_footer_elearning{
        margin-top: -5%;
        margin-left: -3%;
    }
    .footer-list{
       margin-left: -9%;
        font-size: 10px;
    }
    .text-white-elearning{
        margin-left: 0% !important;
    }
    .carousel-slide img{
        width: 50%;
        height: auto;
    }
    .close-button-elearning{
        display: none;
          font-size: 1.5rem;
          color: #000;
        background: orange;
          border: none;
          position: absolute;
          /*top: 0px;*/
          right: 15px;
          z-index: 1050; /* Ensure it sits above everything */
          cursor: pointer;
    }
    .navbar-collapse.show + .close-button-elearning {
          display: block;
        }
    .navbar-collapse {
      background-color: white; /* Ensure the collapse area has a white background */
    }
    .navbar-light .navbar-nav .active>.nav-link{
        color:black !important;
    }
    .navbar-light .navbar-nav .nav-link{
        color:black !important;
    }
    .navbar-light .navbar-nav .healthcare_certifiacte_link{
        color:white !important;
        font-size:10px !important;
        text-align:center;
    }
    .dropdown-menu.show{
        margin-top: -3% !important;
        margin-left: -2% !important;
    }
    #navbarNav{
        width: auto;
        margin-left: 0%;
    }
    .every_cpourse_page_main_image {
        height: 30vh;
        width: 100% !important;
    }
    .cover-background{
        background-position: unset !important;
    }
    .row_div_cpurse_anme_details ,.row_div_cpurse_details_bottom,.row_div_cpurse_details_middle{
         margin-top: 0% !important;
        margin-left: 0% !important;
        margin-right: 0% !important;
        padding: 0px;
    }
    .row_div_cpurse_anme_details_main_div h1{
        color:#f13b3b;font-size:25px;font-weight:700;font-family:sans-serif;
    }
    
    .cousrse_main_div_start{
        margin-top: -40%;
    }
    .course_heding{
        padding: 0px !important;
    }
    .course_heding h2{
        color:#012c69;
        margin-left: 0%;
        width: 100%;
        font-size: 30px;
        
    }
    .text-white-updatedate{
        font-size:15px;
        margin-left:0% !important;
    }
    .text-white-review{
        font-size:15px;
        margin-left:0% !important;
    }
    .courses-info .course-meta .item{
        margin-right: 65px;
    }
    .text-white-review_main i{
        font-size:10px;
    }
    .text-white-review_rating{
        margin-left:0% !important;
    }
    .module_list_tab_div{
        font-size:10px;
    }
    .module_list_tab_div img{
        height: 193px !important;
        width: 300px !important;
    }
    .sidebar{
        margin-top:-5%;
    }
    .anchor_buy_now_course{
        font-size:12px;
    }
    .btn_enquire_course{
        font-size:12px;
    }
    .form_enquire_field{
        font-size:12px;
    }
    .close-popup-btn-ok{
        font-size:12px;
    }
    .accordion_body_module_li{
        font-size:10px;
    }
    .review-list p{
        font-size:10px;
    }
    .feedback-form textarea{
        font-size:10px;
    }
     .feedback_submit_btn{
        font-size:12px;
    }
   .login_btn_for_review{
       
       font-size:12px;
   }
   .main_div_course_start_all{
       display:block;
   }
   .amin_side_bar_modulke_heding{
       text-align:center;background-color: papayawhip; padding: 10px;
       
   }
   .sidebar_nav_course_start{
       width: 370px !important;
       border-bottom:1px solid lightgray;
   }
   .heading_div_start_course_iupper{
       display:block;
       margin-top:1%;
   }
   .heading_div_start_course_bottom{
       display:none;
   }
   .main_div_button_arrow {
       margin-bottom: -15%;
   }
   .content_course_start_div iframe{
        width: auto;
        height: 250px;
   }
   .content_course_start_div object{
       width: auto;
        height: 350px;
   }
   .quiz_div_course_main{
       width:90%;;margin-left:5%;padding:10px
   }
   .start_quiz_div{
       padding:20px;
   }
   .result-container {
       width: 95%;
       margin-left: 3%;
       padding: 10px;
   }
   .result-container .quiz_result_container_total_main{
       display:block;
       text-align:justify;
       margin-left: 15%;
   }
   .quiz_result_container_total_main .quiz_result_container_total_question h2{
       margin-left: 0%;
   }
   .quiz_result_container_total_main .quiz_result_container_correct_question h2{
       margin-left: 0%;
   }
   .quiz_result_container_total_main .quiz_result_container_wrong_question h2{
        margin-left: 0%;
   }
   .quiz_btn_anchor_2 {
       margin-left: 30%;
   }
   .all_cpourse_page_main_image{
       height:30vh;
       width:100% !important;
   }
   .all_course_row_heding{
       margin-top: 0% !important;
        margin-left: 0% !important;
        margin-right: 0% !important;
        padding: 0px;
   }
   .all_course_row_heding_to h1 {
        font-size: 30px;
        font-weight: 900;
        margin-top: -15%;
    }
    .all_course_row_heding_to p{
        font-size: 20px;
    }
   .row_all_courses_main_div{
        margin-top: 0% !important;
        margin-left: 0% !important;
        margin-right: 0% !important;
        padding: 0px;
        margin-top:-15%  !important;
   }
   .main_div_all_courses {
       margin-top:-20%;
   }
   .all_course_leasson_rating{
       font-size:12px;
   }
   .testimonal_popupbutton_elearning{
       margin-left:20%;
   }
   .testimonal_popupbutton_certificate{
       margin-left:40%;
   }
   .ourfaciliteies_div{
       padding:15px;
   }
   .elearning_about_teachers_font{
       font-size:15px;
       margin-left: -5%;
        margin-top: -5%;
   }
   .upper-nav-elearning {
        
        margin-left: 0% !important;
        
    }
    .navbar-nav-ul-elearning {
        padding-left: 0px !important;
    }
    .contact_us_elearning {
        margin-left: 0px !important;
    }
    .upper_nav_div-elearning{
        margin:0 14px !important;
    }
    /*.upper_nav_phone_no{*/
    /*    margin-left:-150%;*/
    /*}*/
    .news_letter_submit_btn_elearing{
            margin-top: 5%;
    font-size: 15px;
    }
    .course_details_member_price{
        font-size:10px;
    }
    .membership-container {
        margin-top:-20%;
    }
    .membership-level{
        width:100%;
        margin-top: 5%;
    }
    .membership-levels{
        display:block;
    }
    .membership-container {
        margin-bottom: -20%;
    }
    .membership-container{
        padding-left: 0px;
    padding-right: 0px;
    }
    .knowledge_bit_review_form{
    width:100%;
    margin-left:0%;
    }
    .reviews_section h3{
        margin-left:0%
    }
    .no_review_margin_review{
        margin-left:0%
    }
    .font_price_class_course_home{
        font-size:15px;
    }
    
    .main_img_div_womens_page{
        margin-top:10px;
    }
    .overlay_womens_day h1{
        font-size:25px;
        width:90%;
        padding:5px;
    }
    .overlay_womens_day h2{
        width:90%;
        font-size: 15px;
    }
    .overlay_womens_day h3{
        width:90%;
        font-size:35px;
        padding:0px;
    }
    .content_div_start_wromens_page{
        width: 100%;
        margin-left: 0%;
        margin-top:0%;
        padding:5px;
    }
    .modrator_main_div{
        padding:5px;
    }
    .modratorbox {
        margin-left:0%;
        width:100%;
    }
    .modrator_main_div h1 {
        font-size:40px;
    }
    .panalist_main_div{
        display:block;
        width: 100%;
        padding:5px;
        margin-left:0%;
    }
    .panalistbox{
        width:100%;
        margin-top:2%;
    }
    .img_name_div_women_testimonal{
        display:block;
    }
    .designation{
        font-size:15px;
    }
    .testimonal_womens_row{
        margin-left: 0% !important;
         margin-right: 0% !important;
    }
    .testimonial-box blockquote{
        padding-left: 0px;
    }
    .testimonial-box blockquote::before {
        content: "“";
        font-size: 80px;
        font-weight: bold;
        color: #cccccc;
        position: absolute;
        top: -30px;
        left: -30px;
        line-height: 1;
    }
    .form_group_review_course_from label{
        margin-left:0%;
    }
    .note_div_for_ril h8{
        font-size:10px;
    }
 /*elearning mobile view end*/
 /*ASSESSMENT TEST START*/
 .main_div_assessment_test{
     margin-top:5px;
 }
 .assessment_div_heading {
     padding-left: 0px; 
     padding-top: 0px; 
     padding-right: 0px; 
}
.assessment_div_heading_image img{
    width:100%;
    margin-top:20%;
}
.assessment_div_content_main{
    padding:0px;
}
.main_div_assessment_test{
    margin-top:5px;
}
.anchoer_tag_back_btn_test{
    margin-right: 30%;}
    
.main_div_asssessment_result{
    margin-top:5px;
}
.main_div_result_not_show{
    width:100%;
    margin-left:0%;
    margin-top:5%;
}
.assesment_test_result_backbtn button{
    width:50%;
}

.result_div_img_head{
    margin-top:0px;
}
.candidate_name_assessment_test_div{
    width:100% !important;
    margin-left:0% !important;
}
.summary_div_quiz_question_asssessment_test{
    width:100% !important;
    margin-left:0% !important;
}
.summary_div_quiz_question .asssessment_test_result_div {
    width: 100% !important;
}
.category_wise_result_assessment_test {
    width: 100% !important;
    margin-left: 0% !important;
}
.summary_div_quiz_question_category_assessment_test table{
    width: 100% !important;
    margin-left: 0% !important;
}
.heading_table_category_assessment_test, .dta_table_category_assessment_test {
    padding-left: 40px !important;
}
.result_div_img_head h1 {
    font-size:25px !important;
}
 /*ASSESSMENT TEST END*/
 
.main_div_sense_all_show {
    width:100%;
    margin-left:0%;
}
.procurement_sense_content_div{
    width:100%;
    margin-top:2%;
}
.assessment_teats_phone{
    display:block !important;
}
.assessment_teats_big_screen{
    display:none !important;
}
.assessment_div_heading_sense_procurement{
    display:block !important;
}
.procurement_sense_img_heading_div{
    width:100% !important;
}
.procurement_sense_assessment_heading_div{
    width:100% !important;
    padding: 0px !important;
}
.procurement_sense_img_heading_div img{
    margin-top:0% !important;
}

.rating-table td {
padding:5px;
    
}

.enquire_course_popup {
width:90%;
    
}
.gapbetween {
    width: 100px; /* Adjust the width as needed */
}
.procurement_sense_heading_div_sense_only{
    width:100%;
}
.procurement_sense_check_hgeading_main_div{
    display:block
}
.image_div_sense_bigscreen{
    display:none;
}
.image_div_sense_phone{
    display:block;
}
.procurement_sense_heading_div_sense_only{
    width:100% !important;
    padding:0px !important;
}
.procurement_sense_heading_div_sense_img_only{
    width:100% !important;
    margin-top:0% !important
}
.procurement_sense_heading_div_sense_img_only img{
    width:100% !important;
    margin-top:0% !important;
}
.main_div_profile_contnet{
    width:100% !important;
    display:block !important;
}

.question_wise_score_div{
    display:block ;
    
}
.boxes_result_question_div{
    margin-bottom: 2% ;
}

/*annual_conference_awards_css_start*/

.auction-details-new{
    margin-top: 0px !important;
    padding:5px !important;
}
#timer_annual{
    font-size:25px;
}

.video_overlay_div h1 {
    
    font-size: 15px;
    /*transform: translate(0%, -110%);*/
}

.video_overlay_div .date_heading_annula_conference {
    color: white;
    transform: translate(0%, -140%);
    font-size: 10px;
}
.video_overlay_div .present_heaidng{
    color: white;
    transform: translate(0%, -50%);
    font-size: 10px;
}
.button_annual_conference button {
   
    width: 50%;
   
    font-size: 12px;
}
.nomination_up_btn{
    padding:5px;
    
}
.button_annual_conference .nomination_up_btn{
    width:100%;
    font-size:8px;
}
.button_annual_conference {
    display:flex;
    gap: 20px;
    margin-left: 0%;
    transform: translate(0%, -200%);
}
.button_annual_conference .register_btn{
    padding:5px;
    font-size: 8px;
    margin-left:0%;
    width:100%;
    
    
}
.button_annual_conference .sponsorship_btn {
   
    padding: 5px;
    font-size: 10px;
}
.video_overlay_div{
    height:97% !important;
}

.content_div_start_conference_2025 {
    display: block !important;
     padding: 0px !important; 
    padding-left:0px !important;
     padding-right: 0px !important; 
     gap: 0px !important; 
    
}
.content_left_annual_2025_start {
    width:100%;
}
.content_div_main_2025_with_btn {
    padding: 15px;
}
.btn_sponsor_conference_2025 {
    width:60% !important;
}

.main_div_accordation_heading {
    padding: 15px;
}

.heading_div_annual_2025_why {
    
     margin-top: 0%; 
     padding-left: 0px; 
     padding-right: 0px; 
}
.main_div_accordation {
     display: block; 
     margin-left: 0%; 
     padding-left: 0px; 
     padding-right: 0px; 
   
}
.key_dates_conference_2025 {
    max-width: calc(100% - 0px);
     margin-bottom: 2%;

}
.key_dates_div {
    display: block;
    
}

.categories_div_box_main {
    
     padding-left: 0px; 
     padding-right: 0px; 
}
.popup-content-awards_2025 {
    width:99%;
}

.main_div_judging_panel_awards_2025 {
    padding:15px;
}
.div_judging_panel_awards_2025 {
    display:block;
}
.div_1_judging_panel {
    width: 100%;
    margin-bottom: 2%;
}

.main_div_event_agenda1{
    display:block;
        text-align: center;
}

.main_div_event_agenda_2025 {
    padding: 15px;
}
.new-auction-title{
    display:block !important;
    margin-left: 0% !important;
     margin-right: 0% !important;
}
.content_right_annual_2025_start iframe{
        width:320px;
        height:200px;
    }
.div_sponsorship_conference_form_2 {

    width:95% !important;
}
.new-auction-title h1{
    font-size:25px;
}
.video_overlay_div h4 {
    font-size: 10px;
    transform: translate(0%, -330%);
}
.glimps_div_slider_div{
    height: 250px;
}
.glimps_div_slider_div .prev, .glimps_div_slider_div .next{
        transform: translateY(0%);
        font-size:15px;
}
.glimps_div_slider_div .next {
    right: 10px;
}
.glimps_div_slider_div .prev {
    left:10px;
}
.video_overlay_div h2{
    font-size:10px;
    transform: translate(0%, -270%) !important;
}


#annual_conference_testimonal {
      width: 80%;
      margin: 40px auto;
      overflow: hidden;
      position: relative;
      border: 1px solid #ddd;
      border-radius: 4px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }
    /* Wrapper for all slides */
    .annual_conference_slider-wrapper {
      display: flex;
      transition: transform 0.5s ease-in-out;
    }
    /* Individual slide */
    .annual_conference_slide {
      flex: 0 0 100%; /* Each slide takes up 100% of the container width */
      box-sizing: border-box;
      padding: 20px;
      text-align: center;
    }
    /* Testimonial text styling */
    .annual_conference_testimonial {
      font-size: 1.2em;
      color: #333;
      margin-bottom: 10px;
    }
    /* Author text styling */
    .annual_conference_author {
      font-style: italic;
      color: #777;
    }

    .hall_fame_main_div_2025 .img_hall_of_fame img{
        width:100%;
        padding: 0px;
        margin-top: 0%;
    }
    .hall_fame_main_div_2025 .img_hall_of_fame{
        width:100%;
    }
    .hall_fame_div_slider_div{
        aspect-ratio: 30 / 14;
        width: 100%;
    }
    .div_start_organizing_committe{
        display:block;
    }
    .div_start_organizing_committe_member {
    width: 100%;
        border-left:1px solid lightgrey;
        border-bottom:1px solid lightgrey;
    }
    .btn_sponsor_conference_2025_download{
        width:70%;
        float: none;
        margin-left: 0%;
    }
    .btn_sponsor_conference_2025_download_event_agenda{
        width:70%;
        margin-top: 2%;
    }
    .btn_div_spnsor_2025_conference{
        display:block;
    }
    .nominatingmodal-content {
        width:100%;
    }
    .btn_div_spnsor_2025_conference .sponsorship_btn {
        margin-top:2%;
    }
/*annual_conference_awards_css_start*/


.main_div_ism_chapters_director{
    margin-top:10px;
}

.search_certifiacte_user {
    width:80%;
}

.certificate-list-elearning table{
    font-size:10px;
}

/*event_registration_form css start*/

.image_overlay_event_registration h1{
    margin-top:10%;
    font-size:20px;
}
.main_div_event_registration_form{
    margin-top:0%;
}
.contact_div_start_big_screen{
        position: relative;
        display:none;
}
.contact_div_start_small_screen{
    
        display:block;
}

.main_div_content_form_start{
    display:block;
}
.inner-column {
    padding: 20px;
}
.form_div_start_main form {
    padding:10px;
}
.form_div_start_main {
    width: 100%;
}
.events_form_div select {
    width: 100%;
    
}

.events_form_div_submit_buton button {
    width:50%;
}
/*event_registration_form_ css end*/
.welcomelink_elearning{
    display:block;
}
/*all-registration css start*/
.main_div_all_registrations {
     margin-top: 0px;
}
.form_div_registration{
    display:block;
}
.table-responsive-registration{
   
    width: 100%;
 overflow-x: auto;
}

.table-responsive-registration table {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px; /* prevent tiny columns */
}
.table-responsive-registration th, td {
    padding: 8px 12px;
    border: 1px solid #ccc;
    white-space: nowrap; 
}
/*all-registration css end*/

/*flash card start*/
.main_div_flash_cards {
    margin-top:5px;
}

.flash_card {
    width: 95%;
    
}
.main_div_form_category_select form button{
    width:50%;
    margin-top:5%;
}

.main_div_flash_cards_show{
    display:block;
}
.flash_cards_div_left{
    width:100%;
}

.flash_cards_div_right{
    width:100%;
}

.flash_cards_div_right button {
width:70%;
    
}

.chemc_analyst_iamg img {
    max-width: 120px;
    width: 100%;
    height: auto;
}

.main_div_partner_aweards{
    gap:20px;
    /*transform: translate(0%, -90%);*/
}

.present_heaidng_awards{
    font-size: 8px;
    padding: 0px;
    margin-bottom:3%;
} 

.present_heaidng_gold_oartner{
    font-size: 8px;
    padding: 0px;
    margin-bottom:3%;
}

.div_authbridge_partner img{
    max-width:50px;
}
.div_fox_box_partner img{
    max-width:50px;
}
.contisoft_partner img{
     max-width:30px !important;
}
.uber_logo_img img{
     max-width:30px !important;
}
/*flash cards end*/
/*psm competency css start*/
.pan_competency_headiong_div h3{
    font-size:20px;
    padding: 10px;
}
.image_div_pan_cmp{
    padding-left:0px;
    padding-right:0px;
}
.contebnt_main_div {
    width: 100%;
     padding-left: 0px; 
    margin-left: 5%;
     padding-right: 0px; 
    padding-top: 20px;
}
.participant_modal .modal-content{
    width:85% !important;
}
.modal-content label {
     margin-left: 0%; 
}
.modal-content input[type="text"], .modal-content input[type="checkbox"], .modal-content input[type="email"]{
    width: 100% !important;
         margin-left: 0%;
}
.result_div_img_head_pcm{
    margin-top: 0px;
}
.main_div_asssessment_result_pcm{
    margin-top: 0px;
}

.main_div_result_content {
    width: 90%;
    margin-left: 5%;
    
}


.main_div_personal_information {
     padding: 0px; 
}

.main_div_score_summary {
     padding-left: 0px; 
     padding-right: 0px; 
     padding-bottom: 0px; 
     padding-top: 0px; 
}

.result_div_img_head_pcm h2 {
    font-size: 29px;
    padding: 15px;
}

.image_div_pan_cmp img{
    width:100%;
}


.owl-carousel .owl-item img{
    width:90% !important;
}
/*psm competency css end*/


/* new_evebnt_page*/

.main_div_events_new_page{
    margin-top:5px;
}

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


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

.div_start_2_events_new_page_content{
    display:block;
    width:100%;
}

.div_3_satrt_new_event_page_left_content_filter {
    width: 90%;
}
.div_4_satrt_new_event_page_right_content {
    width: 90%;
}
.content_start_web_event_1 table tr{
    font-size:10px;
}
.content_start_web_event_1 th {
    padding-left: 10px;
}
.content_start_web_event_1 td{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    font-size:10px;
    white-space: normal;
    padding:0px;
}
.content_start_web_event_1 table h5{
    font-size:10px;
}

.event_register_new_bttuon{
    font-size: 10px;
    
    width: 100%;
}
.event_view_details_new_bttuon{
    font-size: 10px;
    
    width: 100%;
}

/*new event page end*/

.total_records_count h5 {

     width: 100%; 
     margin-left: 0%; 

}
.table_ril_score table {
    width: 100% !important;
    margin-left: 0% !important;
}
.ril_pagination{
    margin-top:5%;
    margin-left:0%;
}
.ril_search_certifiacte_user{
display:block;
}
.search_input_registration_ril{
    margin-bottom:2%;
}



.image_heading_div_conference {
    display: block;
    /*background-image: linear-gradient(to right, rgb(70 186 255 / 59%), rgb(201 226 255));*/
    margin-top: 16px !important;
    /*border-radius: 0% 0% 130% 0 / 30%;*/
    /*font-family: sans-serif;*/
    /*margin-bottom: -12%;*/
    padding: 5px;
}
.popular_link_moibile{
    display:none;
}
.mobile-scroll-table {
    overflow-x: auto;
    display: block;
    -webkit-overflow-scrolling: touch; /* for smooth scroll on iOS */
  }

  .rating-table {
    min-width: 700px; /* Adjust based on number of columns */
    width: max-content;
  }

  .rating-table th,
  .rating-table td {
    white-space: nowrap;
    /*text-align: center;*/
    padding: 10px;
  }
}

/* HERO  for Strategic partnerhsip*/
/*.hero-startegic {*/
    
/*    margin-top:5px;*/
/*}*/

/*.section-strategic {*/
/*    padding: 15px 25px;*/
/*}*/
.hero-strategic{
    margin-top:150px;
}

.hero-mou {
    /*height: 420px;*/
    padding: 20px;
    text-align: center;
    justify-content: center;
    

}
.margin{
    margin-top:0px;
}

.hero-content-mou {
    max-width: 100%;
}

/*.hero-mou h1 {*/
/*    font-size: 26px;*/
/*}*/

.logo-bar-mou {
    justify-content: center;
}


}   

@media screen and (min-width: 768px) and (max-width: 991px) {
  .upper-nav .contact_div_uopper {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }

  .upper_nav_div {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    text-align: center;
  }
  .upper-nav{
      display:block;
  }
  #navbar {
         margin-top: 0%; 
    }

    .elearning_navbar_container{
        margin-top:0%;
    }

  .upper_nav_div a {
    white-space: nowrap;
    font-size: 13px;
  }
      .col-md-6 {
         flex: 0 0 100%; 
         max-width: 100%; 
    }
    
.margin{
    margin-top:0px;
}

}

@media screen and (min-width: 995px) and (max-width: 1024px) {
  .upper-nav .contact_div_uopper {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }

  .upper_nav_div {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    text-align: center;
  }
  .upper-nav{
      display:block;
  }
  #navbar {
         margin-top: 0%; 
    }

    .elearning_navbar_container{
        margin-top:0%;
    }

  .upper_nav_div a {
    white-space: nowrap;
    font-size: 13px;
  }
      .col-md-6 {
         flex: 0 0 100%; 
         max-width: 100%; 
    }
}