.header {
    margin-bottom: unset !important;
}

p {
    font-size: 14px;
    text-align: justify;
    line-height: 21px;
}

.header .main-menu {
    margin-right: unset;
}

.vutix-about-box2-area ul li {
    color: #ffffff;
    margin-bottom: 10px;
}

.vutix-about-box2-area {
    padding: 50px 0;
}

.vutix-features-box-area,
.blog-area,
.blog-area.grid,
.vutix-about-area,
.vutix-get-in-touch-area,
.vutix-faq-main-area {
    padding: 10px 0;
}

.theme-btn {
    line-height: 14px;
    padding: 10px 15px;
}

.theme-btn.btn-secondary {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96;
}

.theme-btn.btn-secondary:hover {
    border-color: #868e96;
    color: #868e96;
    background: transparent;
}

.profile-menu:hover a::before {
    display: none;
}

.profile-menu span {
    background: #f9004d;
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
}

.profile-menu span i {
    margin-left: 0 !important;
    color: #ffffff !important;
}

.profile-menu .sub-menu {
    right: 0;
}

.single-blog {
    position: relative;
    overflow: hidden;
    margin-top: 0 !important;
    margin-bottom: 35px;
    border-radius: 20px;
}

.vutix-about-title3 {
    font-size: 35px;
    line-height: 45px;
}

.single-blog .blog-body h4 {
    /* border-bottom: 1px solid #ffffff4f; */
    /* padding-bottom: 15px; */
    font-size: 16px;
    line-height: 28px;
}

.single-blog .blog-body h4 a {
    color: #ffffff;
}

.header .header-inner {
    padding: 10px 0;
}

.vutix-main-slider-area,
.vutix-rs-slider4 .main-single-rs-slider4 {
    height: unset;
}

.banner-content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    /* background: rgba(0, 0, 0, 0.4); */
}

.banner-content h1 {
    color: #ffffff !important;
    font-size: 35px !important;
    line-height: 50px !important;
}

.banner-content p {
    color: #f5f5f5 !important;
}

.vutix-main-slider-area .main-rs-slider-content {
    margin: unset;
}

.vutix-main-slider-area .owl-carousel .owl-controls {
    bottom: 0;
    /* hide simi slider douts */
    display: none;
}


.owl-carousel .owl-stage-outer {
    margin-top: 0;
}



.custom-gallery.rs-project-work-single .p-button {
    opacity: 1;
    visibility: visible;
    transform: translateX(0%);
    left: unset;
    right: 50px;
}

.custom-gallery.rs-project-work-single .portfolio-img::before {
    left: 0;
    visibility: visible;
}

.custom-gallery.rs-project-work-single .portfolio-img::after {
    right: 0;
    visibility: visible;
}

.custom-gallery.rs-project-work-single .portfolio-content {
    visibility: visible;
    opacity: 1;
    transform: translateX(0%);
    position: absolute;
    top: 182px;
    left: 50px;
    transition: all 0.4s ease;
    z-index: 99;
}

.single-blog .blog-img .date {
    font-size: 12px;
    line-height: unset;
}

.about-img {
    background-size: cover;
}

.vutix-breadcrumbs {
    height: unset;
    padding: 20px 0;
}

.vutix-breadcrumbs-menu {
    padding-top: unset;
}

.btn-med {
    padding: 5px 10px;
}

.vutix-about2-text p {
    margin-bottom: 15px;
}

.address-box a {
    display: unset;
}

ul.pagination .disabled a {
    cursor: no-drop;
}

ul.pagination .disabled a:hover {
    background: unset !important;
}

ul.pagination .disabled:hover a {
    color: unset !important;

}

.cbp-item {
    margin-right: 0;
}

.vutix-get-in-touch-area .contact-form.custom-form .form-group input,
.vutix-get-in-touch-area .contact-form.custom-form .form-group textarea {
    border: 1px solid #e3e3e3;
    margin-bottom: 0;
}

.vutix-get-in-touch-area .contact-form.custom-form .form-group input {
    height: 40px;
}

.vutix-get-in-touch-area .contact-form.custom-form .form-group textarea {
    height: 100px;
}

.contact-section {
    background: #ffffff;
}

.contact-section .blog-post-comment-form {
    box-shadow: 0px 0px 15px #00000024;
}

.contact-section .contact-adddress {
    margin-top: 30px;
}

.contact-section .contact-adddress .contact-item {
    display: flex;
    margin-bottom: 15px;
}

.contact-icon {
    width: 25px;
    height: 25px;
    background: #73a5ec;
    line-height: 25px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    margin-right: 10px;
}

.privacypolicy h4 {
    margin-bottom: 15px;
}

.vutix-our-service-box4 {
    padding: 25px;
}

.vutix-our-service-box4 .top {
    padding: 10px 0;
}

.vutix-our-service-box4 .top h3 {
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    font-size: 18px;
}

.vutix-our-service-box4 .text {
    padding-top: 15px;
    padding-bottom: 15px;
}

.vutix-our-service-box4 .text p {
    text-align: justify;
}

.vutix-our-service-box4:hover:before,
.vutix-our-service-box4:hover .top h3,
.vutix-our-service-box4:hover .text p {
    transition: all 300ms ease 100ms;
}

.contact-section.login {
    background: #ffffff;
}

.contact-section.login .login-tab-form {
    box-shadow: 0px 0px 15px #00000024;
}

.contact-section.login .login-tab-form .blog-post-comment-form {
    margin-top: 0 !important;
    box-shadow: unset;
    /* border-top: 1px solid #e3e3e3; */
}

.contact-section.login .nav-tabs {
    width: 100%;
    background: #ffffff;
}

.contact-section.login .nav-tabs .nav-item {
    width: 50%;
}

.contact-section.login .nav-tabs .nav-item .nav-link {
    padding: 1rem;
    text-align: center;
    color: #555555;
    border-bottom: 1px solid #f9004d;
}

.contact-section.login .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-bottom: 1px solid #f9004d;
    background-color: #f9004d;
    color: #ffffff !important;
}

.contact-section.login .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border: 1px solid #ffffff;
}

.contact-section.login .nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover {
    border: 1px solid #f9004d;
}

.contact-section.login .tab-content {
    margin-top: 1px;
}

.course-description {
    max-height: 500px;
    overflow-y: auto;
    margin-top: 15px;
}

.course-description p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
}

/* scrollbar */
.custom-scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}

.custom-scrollbar::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, 0.2);
}

.recent-course .single-recent-post {
    display: flex;
    padding-bottom: 0;
    margin-bottom: 10px;

}

.recent-course .single-recent-post .recent-paragraph h6 {
    font-weight: 400;
    font-size: 14px;
}

.recent-course .single-recent-post .feed-img i {
    color: #f9004d;
}


.slot {
    text-align: left;
    margin-bottom: 5px;
}

.slot i {
    color: #f9004d;
}

.available-seats {
    cursor: default;
    margin-left: 5px;
}


.contact-section .bottom-title {
    padding-bottom: 15px;
    border-bottom: 1px solid #f5f5f5;
}

.contact-section .bottom-title h2 {
    padding-bottom: 0;
    border: unset;
}

.contact-section .bottom-title .title-button {
    display: flex;
    justify-content: space-between;
}

.contact-section .bottom-title .theme-btn {
    line-height: 12px;
    padding: 10px 15px;
    font-size: 12px;
}

.contact-section .post-details-title .course-slots {
    display: none;
}

.blog-post-comment-form .form-group select {
    width: 100%;
    height: 42px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 400;
    border-radius: 0px;
    border: 1px solid #f5f5f5;
    background: #f5f5f5;
    -webkit-appearance: listbox !important;
}

input[type="radio"] {
    width: unset !important;
    height: unset !important;
}

.profile-details {
    margin-top: 30px;
}

.profile-details table tr th,
.profile-details table tr td {
    padding: 5px 5px;
}

.theme-btn.btn-sm {
    line-height: 12px;
    font-size: 12px;
    padding: 10px;
}

.course-list {
    margin-top: 30px;
}

.course-list .course-item {
    padding: 10px;
    border-radius: 5px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    transition: all 0.4s ease;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.course-list .course-item:hover {
    background: transparent;
    border: 1px solid #f5f5f5;
}

.course-list .course-item .course-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 10px;
}

.course-list .course-item .course-name .name {
    font-weight: 600;
    color: #26313C;
}

.course-list .course-item .course-name .date {
    font-size: 12px;
    line-height: 12px;
    color: #f9004d;
}


.course-list .course-item .contact-icon {
    width: 15px;
    height: 15px;
    font-size: 8px;
    font-size: 12px;
}

.vutix-about2-content ul li {
    padding-left: 30px;
    margin-bottom: 10px;
}

.vutix-about2-content ul li:before {
    width: 15px;
    height: 15px;
    font-size: 8px;
    top: 12px;
}

.team-area {
    padding: 50px 0;
}

.vutix-about-area .vutix-member-team-box .inner-box {
    background: #f5f5f5;
}

.vutix-member-team-box .inner-box {
    padding: 25px;
}

.vutix-member-team-box .inner-box,
.vutix-member-team-box .inner-box:before {
    border-radius: 15px;
}

.vutix-member-team-box .inner-box .image {
    margin: auto;
}




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

    .banner-content h1 {
        font-size: 25px !important;
        line-height: 30px !important;
    }

    .banner-content p {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .banner-content .button a,
    .banner-content .video-main {
        scale: 0.8;
    }

    .banner-content .button {
        margin-top: 25px;
    }

    .contact-section .post-details-title .course-slots {
        display: block;
    }

    .course-slots-web {
        display: none;
    }

}

@media only screen and (max-width:600px) {

    .banner-content h1 {
        font-size: 18px !important;
        line-height: 24px !important;
    }

    .banner-content p {
        font-size: 12px !important;
        line-height: 16px !important;
    }

}

/* modification by simi*/
.topnav {
    /* Outer class styles go here */
    display: flex;
    padding-top: 22px;
    
    }
    
    /* Define the inner class style within the outer class */
    .topnav .topa {
    /* Inner class styles go here */
    color: #000;
    padding-left: 20px;
    }
    .topnav .topa:hover {
            color: red;
            text-decoration: underline;
        }
        
    .main-menu-tab {
        background-color: #000080;
    }
    .main-menu-tab.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px !important;
    margin-left: 0px !important;
    line-height: 14px;
    
    }
    .main-menu-tab.container {
        margin-left: 0px !important;
    }
    @media (mix-width: 768px){
        .main-menu-tab {
            display: none;
        }
    }
    .cta {
        position: relative;
        margin: auto;
        padding: 12px 18px;
        transition: all 0.2s ease;
        border: none;
        background: none;
       }
       
       .cta:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        border-radius: 50px;
        background: #b1dae7;
        width: 45px;
        height: 45px;
        transition: all 0.3s ease;
       }
       
       .cta span {
        position: relative;
        font-family: "Ubuntu", sans-serif;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 0.05em;
        color: #234567;
       }
       
       .cta svg {
        position: relative;
        top: 0;
        margin-left: 10px;
        fill: none;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke: #234567;
        stroke-width: 2;
        transform: translateX(-5px);
        transition: all 0.3s ease;
       }
       
       .cta:hover:before {
        width: 100%;
        background: #b1dae7;
       }
       
       .cta:hover svg {
        transform: translateX(0);
       }
       
       .cta:active {
        transform: scale(0.95);
       }

       .rounded-image {
        border-radius: 20%; /* This creates a circular border */
        
    }
.curved-card {
  display: flex;
  background-color: #f0f0f0;
  padding: 20px;
  border-radius: 20px; /* Adjust the radius as needed */
  margin: 20px;
  position: relative;
  overflow: hidden;
}

.icon {
  
  padding: 20px;
  border-radius: 20px 0 0 20px; /* Left side curved shape */
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon i {
  font-size: 24px; /* Adjust the icon size as needed */
}

.content {
  flex: 1;
  padding-left: 20px;
}

/* Add hover effect */
.curved-card:hover {
  transform: scale(1.02); /* Adjust the scaling as needed */
  transition: transform 0.3s ease-in-out;
}

.rounded-icon {
  width: 20px; /* Adjust the width and height as needed */
  height: 20px;
  border-radius: 50%; /* Create a round border by setting border-radius to 50% */
  border: 2px solid #007bff; /* Add a border and adjust the color as needed */
  display: flex;
  justify-content: center;
  align-items: center;
}

.button-link {
    background: transparent;
    position: relative;
    padding: 1px 100%;
    display: flex;
    align-items: center;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #000080;
      border-left-color: #000080;
      border-left-style: solid;
      border-left-width: 1px;
    border-radius: 25px;
    outline: none;
    overflow: hidden;
    color: #000;
    transition: color 0.3s 0.1s ease-out;
    text-align: center;
    border-left: none;
    width: 100%;
    width: 200 px !important;
    margin-top: 9px;
    margin-bottom: 10px;
    border-left-style: none;
   
  }
  
  .button-link span {
    margin: 10px;
  }
  
  .button-link::before {
    position: absolute;
    top: 0;
    left: 10;
    right: 0;
    bottom: 0;
    margin: auto;
    content: '';
    border-radius: 50%;
    display: block;
    width: 40em;
    height: 40em;
    left: -5em;
    text-align: center;
    transition: box-shadow 0.5s ease-out;
    z-index: -1;
   
  
  }
  
  .button-link:hover {
    color: #fff;
    border: 1px solid rgb(0, 0, 128);;
    border-left-style: none;
  }
  
  .button-link:hover::before {
    box-shadow: inset 0 0 0 20em #030381;
    /* background-color:rgb(176, 147, 10); */
  }
  .button-link-img {
      margin-right: -45px !important;
      /* z-index: -100 !important;
      position: absolute; */
  }
  .hh{
      display: inline-flex;
      width: 40%;
      margin-top: -2px;
  }
  .img-br{
      border: 1px solid;
      border-color: #ecc50e;
  }
  .block {
    width: 141px;
    padding: 3px;
    background-color: #ecc50e;
  }
  .con{
    border-radius: 20px !important;
overflow: hidden;
border: solid aliceblue;
}
.card-bg{
    background-color: #d2ac7b;
}
.radius{
border-radius: 20px;
overflow: hidden;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;

}
.card-para{
    text-align: justify;
    padding: 8px;
    border: solid;
    border-block-start-style: hidden;
    border-radius: 20px;
    border-block-start-style: none;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-width: 1px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background-color: #fff;
}
.block1 {

padding: 3px;
background-color: #e5d691;
text-align: center;
}
.block2 {
    padding: 7px;
    background-color: #36414b;
    text-align: center;
    width: 100%;
    color: white;
    text-align: left;
  }
  .inline {
    color: #fff;
    padding: 2px;
  }
  .inline-img {
    width:30px
  }
  .fweight {
    font-weight: 600
  }
  .fweight1 {
    font-weight: 500;
    width:max-content;
  }
  
  .block3 {
    padding: 5px;
    background-color: #f8f7f5;
    text-align: center;
    width: 100%;
    color: #fff;
    margin-top: -10px;
  }
  .about-img-bdr{
    border: solid;
    
  border-color: #73a5ec;
  border-radius: 20px;
  overflow: hidden;
  }
  
  .buttion3{
    color: #ceac45;
 
  padding: 1px;
  float:right !important;
    
  }
  .buttion3:hover {
    color: rgb(217, 181, 12);
    border: 1px solid rgb(217, 181, 12);
    background-color: #fff;
    border-radius: 20px;
    
  }
  .theme-btn:hover {
    border-color: #991312;
    color: #991312;
    background: transparent;
  }
  .theme-btn {
    padding: 13px 20px;
    font-size: 14px;
    box-shadow: none;
    border-radius: 0;
    background: #991312;
    position: relative;
    z-index: 111;
    color: #fff;
    text-transform: capitalize;
    border-radius: 12px;
    border: 1px solid transparent;
    display: inline-block;
    cursor: pointer;
  }

  .logo-and-wordmark {
    align-items: center;
    display: flex;
    justify-content: left;
    /* margin-bottom: 48px; */
  }
  .log-head{
      font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #26313C;
  line-height: 25px;
  
  }
  .link_span{
  color: #fff !important;
  font-size: 16px;
  padding-left: 21px
  }
  .box {
    border: 13px solid #36414b;;
    border-right-width: 0px;
  border-bottom-width: 0px;
  border-top-width: 0px;

    background: linear-gradient(to top, #73a5ec 0px, transparent 0px), 

    linear-gradient(to bottom, #73a5ec 0px, transparent 0px),  

    linear-gradient(to left, #73a5ec 0px, transparent 0px),  

    linear-gradient(to right, #73a5ec 6px, transparent 0px);  
    }
    .table-striped a:hover {
        color: #ecc50e !important;
    }
    .table-striped a{
        color: #000 !important;
    }
    
      .center {
        margin-left: auto;
        margin-right: auto;
      }

      .about-img1 {
        width: 335px;
  height: 335px;
  border-radius: 20px;
  box-shadow: 1px 1px 60px rgba(0, 0, 0, 0.1);
  position: relative;
  animation: movedelement2 10s linear infinite;
  z-index: 0;
  background-size: cover;
      }
      .about-img1-box {
        position: relative;
        width: 640px;
        height: 580px;
      }
      .about-img1.img2 {
        width: 180px;
        height: 180px;
        position: absolute;
        top: 100px;
        right: 96px;
        animation: movedelement2 5s linear infinite;
        z-index: 5;
      }
      .about-img1.img3 {
        width: 240px;
  height: 210px;
  position: absolute;
  bottom: 124px;
  right: 153px;
  animation: movedelement2 8s linear infinite;
  z-index: 2;
      }
      @media only screen and (max-width: 767px) {
        .about-img1 {
            width: 36%;
          height: 200px;
        }
        .about-img1.img2 {
            width: 160px;
            height: 150px;
            right: 171px;
          }
          .about-img1.img3 {
            width: 165px;
            height: 165px;
            right: 295px;
          }
          .about-img-box {
            width: 320px;
            height: 320px;
          }
      }
      .row1 {
        display: -ms-flexbox; /* IE10 */
        display: flex;
        -ms-flex-wrap: wrap; /* IE10 */
        flex-wrap: wrap;
        padding: 0 4px;
      }
      
      /* Create four equal columns that sits next to each other */
      .column {
        -ms-flex: 25%; /* IE10 */
        flex: 25%;
        max-width: 25%;
        padding: 0 4px;
      }
      
      .column img {
        margin-top: 8px;
        vertical-align: middle;
        width: 100%;
      }
      
      /* Responsive layout - makes a two column-layout instead of four columns */
      @media screen and (max-width: 800px) {
        .column {
          -ms-flex: 50%;
          flex: 50%;
          max-width: 50%;
        }
      }
      
      /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
      @media screen and (max-width: 600px) {
        .column {
          -ms-flex: 100%;
          flex: 100%;
          max-width: 100%;
        }
      }
      .active{
          color: #991312;
      }
      
    
@media screen and (max-width: 1000px) {
  .container {
    max-width: 82px;
  }
}

@media screen and (min-width: 1001px) and (max-width: 1400px) {
  .container {
    max-width: 97%;
  }
}

@media screen and (min-width: 1401px) and (max-width: 1500px) {
  .container {
    max-width: 95%;
  }
}
@media screen and (min-width: 1501px) and (max-width: 1600px) {
  .container {
    max-width: 86%;
  }
}

@media screen and (min-width: 1601px) and (max-width: 2000px) {
  .container {
    max-width: 75%;
  }
}

@media screen and (min-width: 2001px) {
  .container {
    max-width: 89%;
  }
}
@media screen and (max-width: 1000px) {
  .container {
    max-width: 100%; /* Or set to your desired value */
  }
}