.swal2-popup.swal2-toast.swal2-show {
  z-index: 999999;
}
.student_success_history_area .student_success_history_content .student_success_video_area .success_video_area .video_button_icon {
  border: 0px solid red;
  width: 130px;
  height: 130px;
  background-color: #dc2626b5;
  border-radius: 50%;
  position: absolute;
  z-index: 98;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  justify-content: center;
  display: flex;
  align-items: center;
}
.our_it_services_area .my_it_service_area_content .service_area .wordpress .service_logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.our_it_services_area .my_it_service_area_content .service_area .service {
  width: 410px;
  background-color: #ffffff;
  border-radius: 16px;
  overflow: hidden;
}
.my_it_service_area .my_it_service_area_content .service_area .service {
  width: 410px;
  background-color: #ffffff;
  border-radius: 16px;
  overflow: hidden;
}
.student_success_history_area .student_success_history_content .student_success_video_area .success_video_area {
  border: 0px solid red;
  position: relative;
  background-color: transparent;
  padding: 0px;
  max-width: 400px;
}
.button_all:hover {
  background-color: #dc2626;
  border: 1px solid transparent;
  color: #ffffff;
}
.course_details_area .course_details_part .course_info .course_info_div .course_info_thubnail_and_icon {
  position: relative;
  width: unset;
  text-align: center;
  margin: 0px;
  border-radius: 16px 16px 0px 0px;
  overflow: hidden;
}
.course_details_area .course_details_part .course_info .course_info_div .course_info_thubnail_and_icon .course_info_thubnail img {
  width: 100%;
}
.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .card_title .batch_text {
  border: 0px solid red;
  font-size: 16px;
  line-height: 16px;
  font-family: "SemiBold";
  color: #1c1c1c;
  transition-duration: 0.4s;
}
.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .card_title .batch_text:hover {
  color: #dc2626;
}
.science_and_technology .blog_list .blog .blog_image_and_image_button_area {
  border: 0px solid red;
  z-index: 10;
  position: relative;
}
.science_and_technology .blog_list .blog .blog_image_and_image_button_area .blog_image img {
  border: 1px solid #1c1c1c;
  width: 100%;
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
}
.science_and_technology_area p,
.science_and_technology_area ol,
.science_and_technology_area ul {
  margin: revert;
  padding: revert;
}
.science_and_technology_area ul li {
  list-style-type: unset;
}
/* Dropdown Button */
.dropbtn {
  border: 0px solid red;
  font-size: 16px;
  line-height: 12px;
  color: #1c1c1c;
  font-family: "Medium";
  border: 1px solid #6b7280;
  padding: 14.5px 30.5px;
  border-radius: 6px;
  margin-left: 32px;
  transition-duration: 0.4s;
  background-color: #fff;
}
/* Dropdown button on hover & focus */
.dropbtn:hover {
  background-color: #dc2626;
  color: #fff;
}
/* The container <div> - needed to position the dropdown content */
.dropdown_menu {
  position: relative;
  display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  top: calc(100% + 10px);
  left: 35px;
  position: absolute;
  background-color: #fff;
  /* min-width: 160px; */
  width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.header_area .header_area_content .nav_and_login_area .full_nav_are .login_area a {
  border: 0px solid red;
  font-size: 16px;
  line-height: 12px;
  color: #1c1c1c;
  font-family: "Medium";
  padding: 14.5px 30.5px;
  border: 1px solid #6b7280;
  border-radius: 6px;
  transition-duration: 0.4s;
}
/* Links inside the dropdown */
.dropdown-content .dropdown-single-item {
  border: unset !important;
  font-size: 16px;
  line-height: 12px;
  color: #1c1c1c;
  font-family: "Medium";
  padding: 14.5px 30.5px;
  border-radius: 6px;
  width: 100%;
  margin-left: 0px !important;
  transition-duration: 0.4s;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: #fff;
}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
  display: block;
}
@media screen and (max-width: 575.9px) {
  .course_item .course_item_content .course {
    width: 100%;
  }
  .course_item .course_item_content {
    flex-direction: column;
  }
  .course_item .course_item_content .course a .course_icon {
    padding: 7px 10px 10px 10px;
  }
  .course_item .course_item_content .course a .course_text_area .course_text {
    font-size: 16px;
  }
  .banner_part .banner_part_content .banner_part_left .description {
    padding-bottom: 16px;
  }
  .our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .day_and_boking_area .boking_area {
    margin-right: 0px;
  }
  .our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area {
    padding: 10px;
  }
  .our_course_area .our_course_area_content .our_course_area_title {
    padding: 24px 0px 14px 0px;
  }
  .our_course_area .our_course_area_content .course_schedule_name {
    padding-bottom: 14px;
  }
  .our_course_area {
    padding-bottom: 30px;
  }
  .our_course_specialty {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .our_course_specialty .our_course_specialty_area_content .our_course_specialty_area_title {
    padding-bottom: 35px;
  }
  .earning_area {
    padding-top: 30px;
  }
  .earning_area .earning_area_content {
    padding: 35px 5px;
  }
  .student_success_history_area .student_success_history_content .student_success_video_area .success_video_area .video_button_icon {
    width: 80px;
    height: 80px;
  }
  .profational_trainer_area .profational_trainer_area_content .right_area .right_area_content .profational_trainer_area_sub_title {
    padding: 10px;
    text-align: justify;
  }
  .profational_trainer_area .profational_trainer_area_content .right_area .right_area_content .profational_trainer_area_title .area_title {
    text-align: center;
  }
  .profational_trainer_area {
    padding-top: 40px;
  }
  .free_seminar_area {
    padding-top: 30px;
  }
  .free_seminar_area .free_seminar_area_content {
    padding: 24px 10px;
    text-align: justify;
  }
  .free_seminar_area .free_seminar_area_content .left_area .date_line_area .date {
    border-radius: 0px;
    margin-bottom: 10px;
    display: flex;
    gap: 10px;
    align-items: baseline;
    justify-content: center;
  }
  .free_seminar_area .free_seminar_area_content .right_area {
    justify-content: center;
    margin-top: 20px;
  }
  .job_career_area {
    margin-top: 40px;
  }
  .job_career_area .job_career_area_content .right_area {
    padding: 32px 10px;
    margin: 25px 0px;
  }
  .job_career_area .job_career_area_content .left_area .job_career_image {
    margin: auto;
  }
  .my_it_service_area .my_it_service_area_content .service_area .service {
    width: unset;
  }
  .my_it_service_area .my_it_service_area_content .my_it_service_area_sub_title {
    margin: 4px 0px 26px 0px;
  }
  .my_it_service_area {
    margin-top: 30px;
    padding-bottom: 30px;
  }
  .working_company_name_area {
    padding: 30px 0px;
    background-color: #f3f4f6;
  }
  .working_company_name_area .working_company_name_area_content .working_company_name_area_title {
    margin-bottom: 25px;
  }
  .footer_area_start {
    padding-top: 30px;
  }
  .profational_trainer_area .profational_trainer_area_content .right_area .right_area_content .profational_trainer_button_area .button_all .btn_icon {
    font-size: 14px;
  }
  .profational_trainer_area .profational_trainer_area_content .right_area .right_area_content .profational_trainer_button_area .button_all .btn_text {
    font-size: 14px;
  }
  .button_all {
    padding: 5px 15px 5px 15px;
  }
  .profational_trainer_area .profational_trainer_area_content .right_area .right_area_content .profational_trainer_button_area {
    display: flex;
    justify-content: center;
  }
  .student_success_history_area .student_success_history_content .student_success_history_area_sub_title {
    padding-bottom: 40px;
  }
}
.feature_title {
  cursor: pointer;
}
.team_area_details .img_main {
  object-fit: cover;
}
.team_area_details .img_team {
  max-height: 85px;
  max-width: 140px;
  width: 119px;
  height: 90px;
  object-fit: cover;
}
.all_area .gallery_area .gallery_content .gallery_content_img img {
  border: 0px solid red;
  width: 100%;
  max-width: 400px;
  height: 100%;
  max-height: 300px;
  border-radius: 16px;
  object-fit: contain;
}
.gallery_area {
  padding: 20px;
  background: #f9f9f9;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.gallery_title h2 {
  font-size: 24px;
  font-weight: bold;
  color: #333;
}
.gallery_content_img {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.gallery_content_img img {
  transition: transform 0.3s ease;
  border-radius: 8px;
}
.gallery_content_img:hover img {
  transform: scale(1.1);
}
.gallery_content_img:hover {
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}
.modal-body img {
  border-radius: 8px;
}
.gallery_title .title {
  font-size: 42px;
  font-weight: bold;
  color: #333;
}
.wordpress_services {
  margin-top: 10px;
}
.my_it_service_area .my_it_service_area_content .service_area .service {
  width: 400px;
}
.my_it_service_area .my_it_service_area_content .service_area {
  justify-content: start;
}
.team_area {
  margin-top: 0px;
}
.portfolio-filter .btn {
  border-radius: 50px;
  transition: all 0.3s ease;
}
.portfolio-filter .btn:hover {
  background-color: red;
  color: #fff;
}
.portfolio-filter .btn.is-checked {
  background-color: red;
  color: #fff;
  border: none;
}
.portfolio-item {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  /* Add spacing between items */
}
.portfolio-item img,
.portfolio-item iframe,
.portfolio-item a,
.portfolio-item span,
.portfolio-item i {
  text-decoration: none;
  display: block;
}
.portfolio-item .img-400 {
  height: 400px;
  width: 100%;
  object-fit: cover;
}
.portfolio-item img {
  display: block;
  width: 100%;
  height: auto;
  transition: opacity 0.3s ease;
}
.portfolio-item .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
  background: #111;
  background: linear-gradient(0deg, #111111 0%, rgba(255, 255, 255, 0) 100%);
  /* Dark overlay */
  opacity: 1;
  /* Initially visible */
  transition: opacity 0.3s ease;
}
.portfolio-item:hover .overlay {
  opacity: 0;
  /* Hide overlay on hover */
}
.portfolio-item h5 {
  margin-top: 10px;
  text-align: center;
  position: absolute;
  bottom: 80px;
  color: red;
  font-size: 16px;
  font-weight: 400;
  padding-left: 40px;
}
.portfolio-item p {
  font-size: 1.375rem;
  text-align: center;
  position: absolute;
  color: white;
  bottom: 40px;
  margin-left: 40px;
}
.project-data p {
  line-height: 1.4;
  border-bottom: 5px solid #f4c744;
  margin-bottom: 0;
  display: inline-block;
}
.project-data h5 {
  font-size: 0.925rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.trainer_link a {
  margin-right: 10px;
}
.trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .image img {
  object-fit: cover;
}
.my_it_service_area .my_it_service_area_content .my_it_service_area_sub_title .sub_title {
  border: 0px solid red;
  color: #e8e8e8;
  width: 774px;
}
.my_it_service_area {
  margin-top: 0px;
}
.wordpress_site_development .service_packagage .service_all_package .service_package_details .package_list ul li {
  padding-left: 0px;
}
.wordpress_site_development .service_packagage .service_all_package .service_package_details .head {
  text-align: center;
}
.wordpress_site_development .service_packagage .service_all_package .service_package_details:first-child .package_list ul li {
  padding-left: 10px;
}
@media screen and (max-width: 575.9px) {
  .my_it_service_area .my_it_service_area_content .my_it_service_area_sub_title {
    margin: 4px 0px 26px 0px;
    display: flex;
  }
  .my_it_service_area .my_it_service_area_content .service_area .service {
    width: unset;
  }
  .team_area .team_area_details .team_area_carousel .carousel_image {
    width: 100%;
    height: 100%;
  }
  .team_area .team_area_details .team_area_carousel .carousel_image img {
    width: 100%;
    height: 100%;
  }
  .team_area .team_area_details .team_area_carousel .carousel_images .single_image .img_team {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
  }
  .trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .image img {
    width: 140px;
    height: 140px;
  }
  .portfolio-filter {
    flex-wrap: wrap;
  }
  .portfolio-filter a {
    margin: 5px 0px;
  }
  .footer_area_start .footer_copyright_area {
    padding: 10px 0px 12px 0px;
  }
  .header_area .header_area_content .logo_area {
    height: unset;
  }
  .aboutus_relation_description {
    margin-bottom: 15px;
  }
  .course_item .training_details {
    margin-bottom: 30px;
  }
  .science_and_technology .next_page_button_area {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.my_it_service_area .my_it_service_area_content .service_area {
  justify-content: center;
}
@media screen and (max-width: 1199px) {
  .profile-image-container img {
    max-height: 220px;
    max-width: 220px;
  }
}
.header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul {
  padding: 30px 0px;
}
.our_course_area .our_course_area_content .our_course_all_card .c_card .card_img_area {
  padding: 0px;
}
.our_course_area .our_course_area_content .our_course_all_card .c_card .card_img_area .card_img {
  width: unset;
  overflow: hidden;
}
.our_course_area .our_course_area_content .our_course_all_card .c_card:hover .card_img_area .card_img img {
  transform: scale(1.1);
}
.my_it_service_area .my_it_service_area_content .service_area .wordpress .service_logo {
  display: block;
}
.my_it_service_area .my_it_service_area_content .service_area .wordpress .service_logo a {
  display: block;
  height: 100%;
  overflow: hidden;
}
.my_it_service_area .my_it_service_area_content .service_area .wordpress .service_logo a img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition-duration: 0.3s;
}
.my_it_service_area .my_it_service_area_content .service_area .wordpress:hover a img {
  transform: scale(1.1);
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .wordpress_logo {
  display: block;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .wordpress_logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0;
  border-radius: 5px;
}
.product_details .wordpress_site_price_and_logo {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 20px;
}
@media (max-width: 996.9px) {
  .product_details .wordpress_site_price_and_logo {
    grid-template-columns: 1fr;
  }
}
.product_details .wordpress_site_price_and_logo .wordpress_logo_services_and_package {
  order: 1;
}
@media (max-width: 996.9px) {
  .product_details .wordpress_site_price_and_logo .wordpress_logo_services_and_package {
    order: 2;
  }
}
.product_details .wordpress_site_price_and_logo .wordpress_logo_services_and_package .wordpress_services .wordpress_services_title {
  margin-top: 0;
}
.product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info {
  order: 2;
}
@media (max-width: 996.9px) {
  .product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info {
    order: 1;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
  }
}
.product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing {
  margin: 0;
  width: 100%;
}
@media (min-width: 996.9px) {
  .product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing.site_costing_info {
    position: sticky;
    top: 118px;
    z-index: 9;
    background: white;
  }
}
@media (max-width: 996.9px) {
  .product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing {
    order: 1;
  }
}
.product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .whatsup span,
.product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .telegram span,
.product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .email span,
.product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .phone_number span {
  text-decoration: none;
}
.product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .whatsup:hover span,
.product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .telegram:hover span,
.product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .email:hover span,
.product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .phone_number:hover span {
  color: #dc3545;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description {
  line-height: 1.5;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description h3,
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description h2 {
  border-bottom: 1px solid #d4d4d4;
  font-size: 20px;
  line-height: 30px;
  padding-bottom: 10px;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description h2 {
  margin-top: 30px;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description h3 {
  font-size: 18px;
  margin: 15px 0px 0px;
  border: 0;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description p {
  margin: 10px 0px 20px;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description ol,
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description ul {
  padding-left: 25px;
  list-style-type: disc;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description ol li,
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description ul li {
  margin: 0;
  font-size: 16px;
  display: block;
}
@media (max-width: 990px) {
  .wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description {
    overflow-x: auto;
    width: calc(100vw - 25px);
  }
  .wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description ::-webkit-scrollbar {
    height: 0;
    width: 0;
  }
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description .font {
  font-size: 1.2rem;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description pre {
  background-color: whitesmoke;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, whitesmoke), color-stop(50%, #e6e6e6));
  background-image: -webkit-linear-gradient(whitesmoke 50%, #e6e6e6 50%);
  background-size: 38px 38px;
  border: 1px solid #d4d4d4;
  line-height: 19px;
  margin-bottom: 10px;
  padding: 0 0 0 4px;
  white-space: pre-line;
}
.top_nav_profile_btn {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 170px;
  overflow: hidden;
  padding: 13px 13px;
}
.glance .translateY_50 {
  transform: translateY(50px);
}
.animate-text {
  background-image: linear-gradient(-225deg, #37a000 0%, #29b841 29%, #1148d7 67%, #fff800 100%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textanim 2s linear infinite;
  display: inline-block;
}
@keyframes textanim {
  to {
    background-position: 200% center;
  }
}
.bg_banner_area_left {
  padding: 100px 40px;
  background: url("/gradient-shade-657x1024-left.png") no-repeat left center / cover, linear-gradient(0deg, #000 0%, #000 100%), radial-gradient(231.94% 231.94% at 50% 100%, #8a6cff 0%, rgba(53, 41, 128, 0) 25.24%), linear-gradient(180deg, rgba(243, 238, 255, 0) 0%, rgba(243, 238, 255, 0.04) 100%);
  background-attachment: fixed;
}
@media screen and (max-width: 575.9px) {
  .bg_banner_area_left {
    padding: 50px 10px;
  }
}
.bg_banner_area_right {
  padding: 100px 40px;
  background: url("/gradient-shade-657x1024-right.png") no-repeat right center / cover, linear-gradient(0deg, #000 0%, #000 100%), radial-gradient(231.94% 231.94% at 50% 100%, #8a6cff 0%, rgba(53, 41, 128, 0) 25.24%), linear-gradient(180deg, rgba(243, 238, 255, 0) 0%, rgba(243, 238, 255, 0.04) 100%);
  background-attachment: fixed;
}
@media screen and (max-width: 575.9px) {
  .bg_banner_area_right {
    padding: 50px 10px;
  }
}
.at_a_glance_card {
  visibility: visible;
  animation-name: fadeInUp;
  box-shadow: 0px 0px 43px -10px rgba(128, 128, 128, 0.75) !important;
  -webkit-box-shadow: 0px 0px 43px -10px rgba(34, 33, 33, 0.75);
  -moz-box-shadow: 0px 0px 43px -10px rgba(54, 51, 51, 0.75);
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.349);
}
.at_a_glance_card:hover {
  box-shadow: 0px 0px 43px -10px rgba(29, 19, 19, 0.75) !important;
  -webkit-box-shadow: 0px 0px 43px -10px rgba(29, 19, 19, 0.75);
  -moz-box-shadow: 0px 0px 43px -10px rgba(29, 19, 19, 0.75);
}
.training_title_bangla {
  color: #fff;
}
p {
  color: #fff;
}
.course_item .course_item_content .course {
  border: 1px solid rgba(255, 255, 255, 0.596);
}
.course_item .course_item_content .course a .course_text_area .course_text {
  color: #fff;
}
.course_item .course_item_content .course a:hover {
  background-color: #232121;
  box-shadow: 0px 0px 43px -10px rgba(153, 121, 121, 0.75) !important;
}
.our_course_specialty .our_course_specialty_area_content .course_card_area .c_card:hover {
  box-shadow: 0px 0px 43px -10px rgba(153, 121, 121, 0.75) !important;
  filter: invert(100%) sepia(10%) saturate(0%) hue-rotate(253deg) brightness(179%) contrast(100%);
  transition: all 0.3s ease-in-out;
}
.our_course_specialty .our_course_specialty_area_content .course_card_area .c_card {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.596);
}
.our_course_specialty .our_course_specialty_area_content .course_card_area .c_card .card_text {
  background-color: #292828;
}
.our_course_specialty .our_course_specialty_area_content .course_card_area .c_card .card_text p {
  color: #fff;
}
html {
  scroll-behavior: smooth;
}
.student_success_history_area .area_title {
  color: #fff;
}
.student_success_history_area .sub_title {
  color: #fff;
}
.profational_trainer_area_sub_title .sub_title {
  color: #fff;
}
.all_company_name .company_logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.marquee-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 40px;
}
@media screen and (max-width: 575.9px) {
  .marquee-wrapper {
    margin-bottom: 20px;
  }
}
.marquee {
  display: flex;
  width: max-content;
  animation: scroll-left 20s linear infinite;
  gap: 2rem;
  padding: 10px;
}
.reverse .marquee {
  animation: scroll-right 20s linear infinite;
}
.company_logo {
  flex: 0 0 auto;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.logo-img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
  opacity: 0.9;
}
/* Keyframes */
@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes scroll-right {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0%);
  }
}
.footer_area_start .title_text {
  color: #fff !important;
}
.footer_area_start .text {
  color: #fff !important;
}
.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .contact_number_and_email_area li .contact .phone i {
  color: #ffffff;
}
.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .contact_number_and_email_area li .contact .email i {
  color: #ffffff;
}
.training_details p {
  color: white;
}
.aboutus_part .aboutus_title {
  margin-top: 0px;
}
.aboutus_part .aboutus_info {
  color: #fff !important;
}
.motivation_part {
  margin-top: 0px;
}
.mission_part {
  margin-top: 0px;
}
.mission_part .mission_part_info p {
  color: #fff !important;
}
.vision_part {
  margin-top: 0px;
  margin-bottom: 0px;
}
.vision_part .vision_part_info p {
  color: #fff !important;
}
.hire_area .hire_details {
  margin-top: 0px;
  margin-bottom: 0px;
}
.team-area-carousel {
  max-width: 100%;
  margin: 30px auto;
  padding: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}
/* Main Image Styling */
.carousel-main-image {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 6px;
  margin-bottom: 15px;
}
.carousel-main-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease-in-out;
}
/* Thumbnails */
.carousel-thumbnails .carousel-thumb-item {
  padding: 5px;
}
.carousel-thumb-item img {
  width: 100%;
  height: 100px;
  object-fit: cover;
  border-radius: 4px;
  cursor: pointer;
  border: 2px solid transparent;
  transition: 0.2s ease-in-out;
}
.carousel-thumb-item img:hover {
  border-color: #007bff;
}
/* Responsive Thumbnail Height */
@media (max-width: 768px) {
  .carousel-thumb-item img {
    height: 60px;
  }
}
@media (max-width: 480px) {
  .carousel-main-image {
    aspect-ratio: 4 / 3;
  }
  .carousel-thumb-item img {
    height: 50px;
  }
}
.owl-carousel .owl-item img {
  object-position: center center;
}
.portfolio-filter .btn.is-checked {
  background-color: #215dff;
}
.portfolio-filter .btn:hover {
  background-color: #215dff;
  color: #fff;
}
.science_and_technology {
  margin: 0px;
}
.science_and_technology .text {
  color: #fff !important;
}
.science_and_technology .blog_nav a {
  color: #fff !important;
}
.science_and_technology .text_title .title {
  color: #fff !important;
}
.science_and_technology .active {
  background-color: red;
  color: #fff !important;
}
.science_and_technology_area .text {
  color: #fff !important;
}
.science_and_technology_area .new_technology {
  color: #fff !important;
}
.h-custom .form-label,
.h-custom .form-check-label,
.h-custom .text-body {
  color: #fff !important;
}
.h-custom .lead {
  color: #fff !important;
}
.contact_area .area_title {
  color: #fff;
}
.contact_area .sub_title {
  color: #fff;
}
.contact_area .title_text {
  color: #0e0000;
}
.contact_area .text {
  color: #fff !important;
}
.contact_area .sub_text,
.contact_area .q_text {
  color: #fff !important;
}
.contact_area .contact_area_content .phone_number_and_form_area .left_area .contact_number_and_email_area li .contact .phone {
  color: #fff;
}
.contact_area .contact_area_content .phone_number_and_form_area .left_area .contact_number_and_email_area li .contact .email {
  color: #fff;
}
.general_question_area .question_and_ans_area .ans_area {
  margin-bottom: 15px;
}
.contact_area .contact_area_content .title {
  padding-top: 0px;
}
.my_it_service_area .my_it_service_area_content .my_it_service_area_title .area_title {
  padding-top: 0px;
}
.wordpress_site_development {
  margin-top: 0px;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description h2,
h3,
h4,
h5,
h6,
p,
li,
strong {
  color: #fff;
}
.item-description__main-features strong {
  color: #fff;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description ol,
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description ul {
  color: #fff;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description ol li,
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description ul li {
  color: #fff;
}
.wordpress_site_costing .card h2,
.card p,
.card strong {
  color: #ffffff;
}
.our_complete_client_projects {
  margin-top: 0px;
}
.our_complete_client_projects .client_project_name {
  color: #fff;
}
.product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing.site_costing_info {
  position: sticky;
  top: 118px;
  z-index: 9;
  background: white;
}
.product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing {
  margin: 0;
  width: unset;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description pre {
  margin: 10px;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description {
  width: 100%;
}
.header_area {
  border: 0px solid red;
  position: sticky;
  top: 0px;
  z-index: 99;
  box-shadow: 0px -6px 5px 10px #361c39;
  background: linear-gradient(90deg, #1e1128 0%, #150c1c 50%, #1c1c1c 100%);
}
.header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul li a {
  color: white;
}
.login-btn {
  color: #fff !important;
  font-weight: 900;
}
.project-info-card {
  background-color: #111;
  color: #fff;
  border: 1px solid #333;
  transition: all 0.3s ease-in-out;
}
.project-info-card:hover {
  background-color: #fff;
  color: #111;
  border-color: #ccc;
}
.project-info-card:hover h2,
.project-info-card:hover p,
.project-info-card:hover strong {
  color: #000000;
}
.project-info-card:hover h2 {
  color: #0d6efd;
}
.project-info-card:hover strong {
  color: #0d6efd;
}
.project-info-card .btn {
  border: 1px solid #0d6efd;
  background-color: transparent;
  color: #0d6efd;
  transition: all 0.3s ease-in-out;
}
.project-info-card:hover .btn {
  background-color: #0d6efd;
  color: #111;
}
.project-info-card:hover h2 {
  color: #0d6efd;
}
.project-info-card:hover strong {
  color: #0d6efd;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info {
  margin-left: 0px;
}
.product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing.site_costing_info {
  background: unset;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .wordpress_about_pricing_title {
  color: #fff;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .costing_special_note {
  color: #fff;
}
.hover-white-card {
  background-color: #111;
  color: #fff !important;
  transition: all 0.3s ease;
}
.hover-white-card a,
.hover-white-card i,
.hover-white-card span {
  color: #fff !important;
  transition: all 0.3s ease;
  font-size: 20px !important;
}
@media screen and (max-width: 575.9px) {
  .hover-white-card a,
  .hover-white-card i,
  .hover-white-card span {
    font-size: 16px !important;
  }
}
.hover-white-card:hover {
  background-color: #fff !important;
  color: #111 !important;
}
.hover-white-card:hover .wordpress_about_pricing_title {
  color: #111 !important;
}
.hover-white-card:hover .costing_special_note {
  color: #111 !important;
}
.hover-white-card:hover a,
.hover-white-card:hover i,
.hover-white-card:hover span {
  color: #111 !important;
}
.wordpress_site_costing.site_costing_info {
  border: 1px solid #333 !important;
}
.contact_area .contact_area_content .phone_number_and_form_area .right_area {
  background-color: #111;
  border: 1px solid #333;
  padding: 30px 20px;
  border-radius: 12px;
  box-shadow: 0px 0px 25px #594b4b;
}
.contact_area .title_text {
  color: #fff;
}
.contact_area .contact_area_content .phone_number_and_form_area .right_area form .form_item {
  border: 0px solid red;
  display: block;
  width: 100%;
  background: #111;
  margin-bottom: 20px;
  outline: 0;
  border: 1px solid #a4a4a4;
  font-size: 16px;
  line-height: 16px;
  font-family: "Medium";
  color: #ffffff;
  padding: 14px 12px;
  border-radius: 8px;
}
.my_it_service_area .my_it_service_area_content .service_area .service_title_and_description {
  border: 0px solid red;
  background-color: #111;
  border-radius: 0px;
  padding: 0px 16px 16px;
}
.my_it_service_area .my_it_service_area_content .service_area .service {
  background-color: #000000;
  border: 1px solid #736767;
}
.my_it_service_area .my_it_service_area_content .service_area .service_title_and_description .description .description_text {
  color: #ffffff;
}
.product_pills .nav-link {
  border: 1px solid;
  /* default border for inactive */
}
.product_pills .nav-link.active {
  border: none !important;
  /* remove border for active tab */
}
.product_pills .nav-link:hover {
  border-color: #888;
}
.carousel-thumbnails .owl-item {
  min-width: 130px !important;
}
@media screen and (max-width: 575.9px) {
  .carousel-thumbnails .owl-item {
    min-width: 100px !important;
  }
}
.quote-section .quote-form {
  background: transparent;
  border: 1px solid #453c3c;
}
.quote-section .section-title {
  color: #fff;
}
.quote-section .contact-info {
  background: #111;
  border: 1px solid #453c3c;
}
.quote-section .contact-info p {
  color: #fff;
}
.quote-section .contact-info .contact-item {
  background: transparent;
  border: 1px solid #4a5158;
}
.quote-section .contact-info .contact-item .contact-item-title,
.quote-section .contact-info .contact-item .contact-info-text {
  color: #fff;
}
.quote-section #quoteForm .form-control,
.quote-section #quoteForm .form-select {
  background: #111;
  border: 1px solid #453c3c;
  color: #fff;
}
.quote-section #quoteForm label {
  color: #fff;
}
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-select ~ label::after {
  background-color: transparent;
}
.student_success_history_area_sub_title .sub_title {
  color: #fff;
}
.wordpress_services {
  margin-top: 0px;
}
.header_area .header_area_content .menu_ber i {
  color: white;
}
.header_area .header_area_content .nav_and_login_area .full_nav_are {
  background-color: #111111eb;
}
.header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul li a.active {
  color: #dc2626;
  font-weight: bold;
  border-bottom: 2px solid #dc2626;
  line-height: 0.9;
}
.page-link {
  color: #ffffff;
  background-color: #111;
}
.footer_area_start {
  padding: 100px 0px 0px 0px;
}
.swal2-popup.swal2-toast.swal2-show {
  z-index: 999999;
}
.student_success_history_area .student_success_history_content .student_success_video_area .success_video_area .video_button_icon {
  border: 0px solid red;
  width: 130px;
  height: 130px;
  background-color: #dc2626b5;
  border-radius: 50%;
  position: absolute;
  z-index: 98;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  justify-content: center;
  display: flex;
  align-items: center;
}
.our_it_services_area .my_it_service_area_content .service_area .wordpress .service_logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.our_it_services_area .my_it_service_area_content .service_area .service {
  width: 410px;
  background-color: #ffffff;
  border-radius: 16px;
  overflow: hidden;
}
.my_it_service_area .my_it_service_area_content .service_area .service {
  width: 410px;
  background-color: #ffffff;
  border-radius: 16px;
  overflow: hidden;
}
.student_success_history_area .student_success_history_content .student_success_video_area .success_video_area {
  border: 0px solid red;
  position: relative;
  background-color: transparent;
  padding: 0px;
  max-width: 400px;
}
.button_all:hover {
  background-color: #dc2626;
  border: 1px solid transparent;
  color: #ffffff;
}
.course_details_area .course_details_part .course_info .course_info_div .course_info_thubnail_and_icon {
  position: relative;
  width: unset;
  text-align: center;
  margin: 0px;
  border-radius: 16px 16px 0px 0px;
  overflow: hidden;
}
.course_details_area .course_details_part .course_info .course_info_div .course_info_thubnail_and_icon .course_info_thubnail img {
  width: 100%;
}
.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .card_title .batch_text {
  border: 0px solid red;
  font-size: 16px;
  line-height: 16px;
  font-family: "SemiBold";
  color: #1c1c1c;
  transition-duration: 0.4s;
}
.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .card_title .batch_text:hover {
  color: #dc2626;
}
.science_and_technology .blog_list .blog .blog_image_and_image_button_area {
  border: 0px solid red;
  z-index: 10;
  position: relative;
}
.science_and_technology .blog_list .blog .blog_image_and_image_button_area .blog_image img {
  border: 1px solid #1c1c1c;
  width: 100%;
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
}
.science_and_technology_area p,
.science_and_technology_area ol,
.science_and_technology_area ul {
  margin: revert;
  padding: revert;
}
.science_and_technology_area ul li {
  list-style-type: unset;
}
/* Dropdown Button */
.dropbtn {
  border: 0px solid red;
  font-size: 16px;
  line-height: 12px;
  color: #1c1c1c;
  font-family: "Medium";
  border: 1px solid #6b7280;
  padding: 14.5px 30.5px;
  border-radius: 6px;
  margin-left: 32px;
  transition-duration: 0.4s;
  background-color: #fff;
}
/* Dropdown button on hover & focus */
.dropbtn:hover {
  background-color: #dc2626;
  color: #fff;
}
/* The container <div> - needed to position the dropdown content */
.dropdown_menu {
  position: relative;
  display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  top: calc(100% + 10px);
  left: 35px;
  position: absolute;
  background-color: #fff;
  /* min-width: 160px; */
  width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.header_area .header_area_content .nav_and_login_area .full_nav_are .login_area a {
  border: 0px solid red;
  font-size: 16px;
  line-height: 12px;
  color: #1c1c1c;
  font-family: "Medium";
  padding: 14.5px 30.5px;
  border: 1px solid #6b7280;
  border-radius: 6px;
  transition-duration: 0.4s;
}
/* Links inside the dropdown */
.dropdown-content .dropdown-single-item {
  border: unset !important;
  font-size: 16px;
  line-height: 12px;
  color: #1c1c1c;
  font-family: "Medium";
  padding: 14.5px 30.5px;
  border-radius: 6px;
  width: 100%;
  margin-left: 0px !important;
  transition-duration: 0.4s;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: #fff;
}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
  display: block;
}
@media screen and (max-width: 575.9px) {
  .course_item .course_item_content .course {
    width: 100%;
  }
  .course_item .course_item_content {
    flex-direction: column;
  }
  .course_item .course_item_content .course a .course_icon {
    padding: 7px 10px 10px 10px;
  }
  .course_item .course_item_content .course a .course_text_area .course_text {
    font-size: 16px;
  }
  .banner_part .banner_part_content .banner_part_left .description {
    padding-bottom: 16px;
  }
  .our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .day_and_boking_area .boking_area {
    margin-right: 0px;
  }
  .our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area {
    padding: 10px;
  }
  .our_course_area .our_course_area_content .our_course_area_title {
    padding: 24px 0px 14px 0px;
  }
  .our_course_area .our_course_area_content .course_schedule_name {
    padding-bottom: 14px;
  }
  .our_course_area {
    padding-bottom: 30px;
  }
  .our_course_specialty {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .our_course_specialty .our_course_specialty_area_content .our_course_specialty_area_title {
    padding-bottom: 35px;
  }
  .earning_area {
    padding-top: 30px;
  }
  .earning_area .earning_area_content {
    padding: 35px 5px;
  }
  .student_success_history_area .student_success_history_content .student_success_video_area .success_video_area .video_button_icon {
    width: 80px;
    height: 80px;
  }
  .profational_trainer_area .profational_trainer_area_content .right_area .right_area_content .profational_trainer_area_sub_title {
    padding: 10px;
    text-align: justify;
  }
  .profational_trainer_area .profational_trainer_area_content .right_area .right_area_content .profational_trainer_area_title .area_title {
    text-align: center;
  }
  .profational_trainer_area {
    padding-top: 40px;
  }
  .free_seminar_area {
    padding-top: 30px;
  }
  .free_seminar_area .free_seminar_area_content {
    padding: 24px 10px;
    text-align: justify;
  }
  .free_seminar_area .free_seminar_area_content .left_area .date_line_area .date {
    border-radius: 0px;
    margin-bottom: 10px;
    display: flex;
    gap: 10px;
    align-items: baseline;
    justify-content: center;
  }
  .free_seminar_area .free_seminar_area_content .right_area {
    justify-content: center;
    margin-top: 20px;
  }
  .job_career_area {
    margin-top: 40px;
  }
  .job_career_area .job_career_area_content .right_area {
    padding: 32px 10px;
    margin: 25px 0px;
  }
  .job_career_area .job_career_area_content .left_area .job_career_image {
    margin: auto;
  }
  .my_it_service_area .my_it_service_area_content .service_area .service {
    width: unset;
  }
  .my_it_service_area .my_it_service_area_content .my_it_service_area_sub_title {
    margin: 4px 0px 26px 0px;
  }
  .my_it_service_area {
    margin-top: 30px;
    padding-bottom: 30px;
  }
  .working_company_name_area {
    padding: 30px 0px;
    background-color: #f3f4f6;
  }
  .working_company_name_area .working_company_name_area_content .working_company_name_area_title {
    margin-bottom: 25px;
  }
  .footer_area_start {
    padding-top: 30px;
  }
  .profational_trainer_area .profational_trainer_area_content .right_area .right_area_content .profational_trainer_button_area .button_all .btn_icon {
    font-size: 14px;
  }
  .profational_trainer_area .profational_trainer_area_content .right_area .right_area_content .profational_trainer_button_area .button_all .btn_text {
    font-size: 14px;
  }
  .button_all {
    padding: 5px 15px 5px 15px;
  }
  .profational_trainer_area .profational_trainer_area_content .right_area .right_area_content .profational_trainer_button_area {
    display: flex;
    justify-content: center;
  }
  .student_success_history_area .student_success_history_content .student_success_history_area_sub_title {
    padding-bottom: 40px;
  }
}
.feature_title {
  cursor: pointer;
}
.team_area_details .img_main {
  object-fit: cover;
}
.team_area_details .img_team {
  max-height: 85px;
  max-width: 140px;
  width: 119px;
  height: 90px;
  object-fit: cover;
}
.all_area .gallery_area .gallery_content .gallery_content_img img {
  border: 0px solid red;
  width: 100%;
  max-width: 400px;
  height: 100%;
  max-height: 300px;
  border-radius: 16px;
  object-fit: contain;
}
.gallery_area {
  padding: 20px;
  background: #f9f9f9;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.gallery_title h2 {
  font-size: 24px;
  font-weight: bold;
  color: #333;
}
.gallery_content_img {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.gallery_content_img img {
  transition: transform 0.3s ease;
  border-radius: 8px;
}
.gallery_content_img:hover img {
  transform: scale(1.1);
}
.gallery_content_img:hover {
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}
.modal-body img {
  border-radius: 8px;
}
.gallery_title .title {
  font-size: 42px;
  font-weight: bold;
  color: #333;
}
.wordpress_services {
  margin-top: 10px;
}
.my_it_service_area .my_it_service_area_content .service_area .service {
  width: 400px;
}
.my_it_service_area .my_it_service_area_content .service_area {
  justify-content: start;
}
.team_area {
  margin-top: 0px;
}
.portfolio-filter .btn {
  border-radius: 50px;
  transition: all 0.3s ease;
}
.portfolio-filter .btn:hover {
  background-color: red;
  color: #fff;
}
.portfolio-filter .btn.is-checked {
  background-color: red;
  color: #fff;
  border: none;
}
.portfolio-item {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  /* Add spacing between items */
}
.portfolio-item img,
.portfolio-item iframe,
.portfolio-item a,
.portfolio-item span,
.portfolio-item i {
  text-decoration: none;
  display: block;
}
.portfolio-item .img-400 {
  height: 400px;
  width: 100%;
  object-fit: cover;
}
.portfolio-item img {
  display: block;
  width: 100%;
  height: auto;
  transition: opacity 0.3s ease;
}
.portfolio-item .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
  background: #111;
  background: linear-gradient(0deg, #111111 0%, rgba(255, 255, 255, 0) 100%);
  /* Dark overlay */
  opacity: 1;
  /* Initially visible */
  transition: opacity 0.3s ease;
}
.portfolio-item:hover .overlay {
  opacity: 0;
  /* Hide overlay on hover */
}
.portfolio-item h5 {
  margin-top: 10px;
  text-align: center;
  position: absolute;
  bottom: 80px;
  color: red;
  font-size: 16px;
  font-weight: 400;
  padding-left: 40px;
}
.portfolio-item p {
  font-size: 1.375rem;
  text-align: center;
  position: absolute;
  color: white;
  bottom: 40px;
  margin-left: 40px;
}
.project-data p {
  line-height: 1.4;
  border-bottom: 5px solid #f4c744;
  margin-bottom: 0;
  display: inline-block;
}
.project-data h5 {
  font-size: 0.925rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.trainer_link a {
  margin-right: 10px;
}
.trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .image img {
  object-fit: cover;
}
.my_it_service_area .my_it_service_area_content .my_it_service_area_sub_title .sub_title {
  border: 0px solid red;
  color: #e8e8e8;
  width: 774px;
}
.my_it_service_area {
  margin-top: 0px;
}
.wordpress_site_development .service_packagage .service_all_package .service_package_details .package_list ul li {
  padding-left: 0px;
}
.wordpress_site_development .service_packagage .service_all_package .service_package_details .head {
  text-align: center;
}
.wordpress_site_development .service_packagage .service_all_package .service_package_details:first-child .package_list ul li {
  padding-left: 10px;
}
@media screen and (max-width: 575.9px) {
  .my_it_service_area .my_it_service_area_content .my_it_service_area_sub_title {
    margin: 4px 0px 26px 0px;
    display: flex;
  }
  .my_it_service_area .my_it_service_area_content .service_area .service {
    width: unset;
  }
  .team_area .team_area_details .team_area_carousel .carousel_image {
    width: 100%;
    height: 100%;
  }
  .team_area .team_area_details .team_area_carousel .carousel_image img {
    width: 100%;
    height: 100%;
  }
  .team_area .team_area_details .team_area_carousel .carousel_images .single_image .img_team {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
  }
  .trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .image img {
    width: 140px;
    height: 140px;
  }
  .portfolio-filter {
    flex-wrap: wrap;
  }
  .portfolio-filter a {
    margin: 5px 0px;
  }
  .footer_area_start .footer_copyright_area {
    padding: 10px 0px 12px 0px;
  }
  .header_area .header_area_content .logo_area {
    height: unset;
  }
  .aboutus_relation_description {
    margin-bottom: 15px;
  }
  .course_item .training_details {
    margin-bottom: 30px;
  }
  .science_and_technology .next_page_button_area {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.my_it_service_area .my_it_service_area_content .service_area {
  justify-content: start;
}
@media screen and (max-width: 1199px) {
  .profile-image-container img {
    max-height: 220px;
    max-width: 220px;
  }
}
.header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul {
  padding: 30px 0px;
}
.our_course_area .our_course_area_content .our_course_all_card .c_card .card_img_area {
  padding: 0px;
}
.our_course_area .our_course_area_content .our_course_all_card .c_card .card_img_area .card_img {
  width: unset;
  overflow: hidden;
}
.our_course_area .our_course_area_content .our_course_all_card .c_card:hover .card_img_area .card_img img {
  transform: scale(1.1);
}
.my_it_service_area .my_it_service_area_content .service_area .wordpress .service_logo {
  display: block;
}
.my_it_service_area .my_it_service_area_content .service_area .wordpress .service_logo a {
  display: block;
  height: 100%;
  overflow: hidden;
}
.my_it_service_area .my_it_service_area_content .service_area .wordpress .service_logo a img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition-duration: 0.3s;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.my_it_service_area .my_it_service_area_content .service_area .wordpress:hover a img {
  transform: scale(1.1);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .wordpress_logo {
  display: block;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .wordpress_logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0;
  border-radius: 5px;
}
.product_details .wordpress_site_price_and_logo {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 20px;
}
@media (max-width: 996.9px) {
  .product_details .wordpress_site_price_and_logo {
    grid-template-columns: 1fr;
  }
}
.product_details .wordpress_site_price_and_logo .wordpress_logo_services_and_package {
  order: 1;
}
@media (max-width: 996.9px) {
  .product_details .wordpress_site_price_and_logo .wordpress_logo_services_and_package {
    order: 2;
  }
}
.product_details .wordpress_site_price_and_logo .wordpress_logo_services_and_package .wordpress_services .wordpress_services_title {
  margin-top: 0;
}
.product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info {
  order: 2;
}
@media (max-width: 996.9px) {
  .product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info {
    order: 1;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
  }
}
.product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing {
  margin: 0;
  width: 100%;
}
@media (min-width: 996.9px) {
  .product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing.site_costing_info {
    position: sticky;
    top: 118px;
    z-index: 9;
    background: white;
  }
}
@media (max-width: 996.9px) {
  .product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing {
    order: 1;
  }
}
.product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .whatsup span,
.product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .telegram span,
.product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .email span,
.product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .phone_number span {
  text-decoration: none;
}
.product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .whatsup:hover span,
.product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .telegram:hover span,
.product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .email:hover span,
.product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .phone_number:hover span {
  color: #dc3545;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description {
  line-height: 1.5;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description h3,
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description h2 {
  border-bottom: 1px solid #d4d4d4;
  font-size: 20px;
  line-height: 30px;
  padding-bottom: 10px;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description h2 {
  margin-top: 30px;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description h3 {
  font-size: 18px;
  margin: 15px 0px 0px;
  border: 0;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description p {
  margin: 10px 0px 20px;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description ol,
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description ul {
  padding-left: 25px;
  list-style-type: disc;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description ol li,
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description ul li {
  margin: 0;
  font-size: 16px;
  display: block;
}
@media (max-width: 990px) {
  .wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description {
    overflow-x: auto;
    width: calc(100vw - 25px);
  }
  .wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description ::-webkit-scrollbar {
    height: 0;
    width: 0;
  }
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description .font {
  font-size: 1.2rem;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description pre {
  background-color: whitesmoke;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, whitesmoke), color-stop(50%, #e6e6e6));
  background-image: -webkit-linear-gradient(whitesmoke 50%, #e6e6e6 50%);
  background-size: 38px 38px;
  border: 1px solid #d4d4d4;
  line-height: 19px;
  margin-bottom: 10px;
  padding: 0 0 0 4px;
  white-space: pre-line;
}
.top_nav_profile_btn {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 170px;
  overflow: hidden;
  padding: 13px 13px;
}
.glance .translateY_50 {
  transform: translateY(50px);
}
.animate-text {
  background-image: linear-gradient(-225deg, #ffc107 0%, #dc3545 29%, #d71111 67%, #fff800 100%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textanim 2s linear infinite;
  display: inline-block;
}
@keyframes textanim {
  to {
    background-position: 200% center;
  }
}
.bg_banner_area_left {
  padding: 100px 40px;
  background: url("/gradient-shade-657x1024-left.png") no-repeat left center / cover, linear-gradient(0deg, #000 0%, #000 100%), radial-gradient(231.94% 231.94% at 50% 100%, #8a6cff 0%, rgba(53, 41, 128, 0) 25.24%), linear-gradient(180deg, rgba(243, 238, 255, 0) 0%, rgba(243, 238, 255, 0.04) 100%);
  background-attachment: fixed;
}
@media screen and (max-width: 575.9px) {
  .bg_banner_area_left {
    padding: 50px 10px;
  }
}
.bg_banner_area_right {
  padding: 100px 40px;
  background: url("/gradient-shade-657x1024-right.png") no-repeat right center / cover, linear-gradient(0deg, #000 0%, #000 100%), radial-gradient(231.94% 231.94% at 50% 100%, #8a6cff 0%, rgba(53, 41, 128, 0) 25.24%), linear-gradient(180deg, rgba(243, 238, 255, 0) 0%, rgba(243, 238, 255, 0.04) 100%);
  background-attachment: fixed;
}
@media screen and (max-width: 575.9px) {
  .bg_banner_area_right {
    padding: 50px 10px;
  }
}
.at_a_glance_card {
  visibility: visible;
  animation-name: fadeInUp;
  box-shadow: 0px 0px 43px -10px rgba(128, 128, 128, 0.75) !important;
  -webkit-box-shadow: 0px 0px 43px -10px rgba(34, 33, 33, 0.75);
  -moz-box-shadow: 0px 0px 43px -10px rgba(54, 51, 51, 0.75);
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.349);
}
.at_a_glance_card:hover {
  box-shadow: 0px 0px 43px -10px rgba(29, 19, 19, 0.75) !important;
  -webkit-box-shadow: 0px 0px 43px -10px rgba(29, 19, 19, 0.75);
  -moz-box-shadow: 0px 0px 43px -10px rgba(29, 19, 19, 0.75);
}
.training_title_bangla {
  color: #fff;
}
p {
  color: #fff;
}
.course_item .course_item_content .course {
  border: 1px solid rgba(255, 255, 255, 0.596);
}
.course_item .course_item_content .course a .course_text_area .course_text {
  color: #fff;
  text-transform: uppercase;
}
.course_item .course_item_content .course a:hover {
  background-color: #232121;
  box-shadow: 0px 0px 43px -10px rgba(153, 121, 121, 0.75) !important;
}
.course_item .course_item_content {
  justify-content: space-between;
}
.our_course_specialty .our_course_specialty_area_content .course_card_area .c_card:hover {
  box-shadow: 0px 0px 43px -10px rgba(153, 121, 121, 0.75) !important;
  filter: invert(100%) sepia(10%) saturate(0%) hue-rotate(253deg) brightness(179%) contrast(100%);
  transition: all 0.3s ease-in-out;
}
.our_course_specialty .our_course_specialty_area_content .course_card_area .c_card {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.596);
}
.our_course_specialty .our_course_specialty_area_content .course_card_area .c_card .card_text {
  background-color: #292828;
}
.our_course_specialty .our_course_specialty_area_content .course_card_area .c_card .card_text p {
  color: #fff;
}
html {
  scroll-behavior: smooth;
}
.student_success_history_area .area_title {
  color: #fff;
}
.student_success_history_area .sub_title {
  color: #fff;
}
.profational_trainer_area_sub_title .sub_title {
  color: #fff;
}
.all_company_name .company_logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.marquee-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 40px;
}
@media screen and (max-width: 575.9px) {
  .marquee-wrapper {
    margin-bottom: 20px;
  }
}
.marquee {
  display: flex;
  width: max-content;
  animation: scroll-left 20s linear infinite;
  gap: 2rem;
  padding: 10px;
}
.reverse .marquee {
  animation: scroll-right 20s linear infinite;
}
.company_logo {
  flex: 0 0 auto;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.logo-img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
  opacity: 0.9;
}
/* Keyframes */
@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes scroll-right {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0%);
  }
}
.footer_area_start .title_text {
  color: #fff !important;
}
.footer_area_start .text {
  color: #fff !important;
}
.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .contact_number_and_email_area li .contact .phone i {
  color: #ffffff;
}
.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .contact_number_and_email_area li .contact .email i {
  color: #ffffff;
}
.training_details p {
  color: white;
}
.aboutus_part .aboutus_title {
  margin-top: 0px;
}
.aboutus_part .aboutus_info {
  color: #fff !important;
}
.motivation_part {
  margin-top: 0px;
}
.mission_part {
  margin-top: 0px;
}
.mission_part .mission_part_info p {
  color: #fff !important;
}
.vision_part {
  margin-top: 0px;
  margin-bottom: 0px;
}
.vision_part .vision_part_info p {
  color: #fff !important;
}
.hire_area .hire_details {
  margin-top: 0px;
  margin-bottom: 0px;
}
.team-area-carousel {
  max-width: 100%;
  margin: 30px auto;
  padding: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}
/* Main Image Styling */
.carousel-main-image {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 6px;
  margin-bottom: 15px;
}
.carousel-main-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease-in-out;
}
/* Thumbnails */
.carousel-thumbnails .carousel-thumb-item {
  padding: 5px;
}
.carousel-thumb-item img {
  width: 100%;
  height: 100px;
  object-fit: cover;
  border-radius: 4px;
  cursor: pointer;
  border: 2px solid transparent;
  transition: 0.2s ease-in-out;
}
.carousel-thumb-item img:hover {
  border-color: #007bff;
}
/* Responsive Thumbnail Height */
@media (max-width: 768px) {
  .carousel-thumb-item img {
    height: 60px;
  }
}
@media (max-width: 480px) {
  .carousel-main-image {
    aspect-ratio: 4 / 3;
  }
  .carousel-thumb-item img {
    height: 50px;
  }
}
.owl-carousel .owl-item img {
  object-position: center center;
}
.portfolio-filter .btn.is-checked {
  background-color: #215dff;
}
.portfolio-filter .btn:hover {
  background-color: #215dff;
  color: #fff;
}
.science_and_technology {
  margin: 0px;
}
.science_and_technology .text {
  color: #fff !important;
}
.science_and_technology .blog_nav a {
  color: #fff !important;
}
.science_and_technology .text_title .title {
  color: #fff !important;
}
.science_and_technology .active {
  background-color: red;
  color: #fff !important;
}
.science_and_technology_area .text {
  color: #fff !important;
}
.science_and_technology_area .new_technology {
  color: #fff !important;
}
.h-custom .form-label,
.h-custom .form-check-label,
.h-custom .text-body {
  color: #fff !important;
}
.h-custom .lead {
  color: #fff !important;
}
.contact_area .area_title {
  color: #fff;
}
.contact_area .sub_title {
  color: #fff;
}
.contact_area .title_text {
  color: #0e0000;
}
.contact_area .text {
  color: #fff !important;
}
.contact_area .sub_text,
.contact_area .q_text {
  color: #fff !important;
}
.contact_area .contact_area_content .phone_number_and_form_area .left_area .contact_number_and_email_area li .contact .phone {
  color: #fff;
}
.contact_area .contact_area_content .phone_number_and_form_area .left_area .contact_number_and_email_area li .contact .email {
  color: #fff;
}
.general_question_area .question_and_ans_area .ans_area {
  margin-bottom: 15px;
}
.contact_area .contact_area_content .title {
  padding-top: 0px;
}
.my_it_service_area .my_it_service_area_content .my_it_service_area_title .area_title {
  padding-top: 0px;
}
.wordpress_site_development {
  margin-top: 0px;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description h2,
h3,
h4,
h5,
h6,
p,
li,
strong {
  color: #fff;
}
.item-description__main-features strong {
  color: #fff;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description ol,
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description ul {
  color: #fff;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description ol li,
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description ul li {
  color: #fff;
}
.wordpress_site_costing .card h2,
.card p,
.card strong {
  color: #ffffff;
}
.our_complete_client_projects {
  margin-top: 0px;
}
.our_complete_client_projects .client_project_name {
  color: #fff;
}
.product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing.site_costing_info {
  position: sticky;
  top: 118px;
  z-index: 9;
  background: white;
}
.product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing {
  margin: 0;
  width: unset;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description pre {
  margin: 10px;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .project_description {
  width: 100%;
}
.header_area {
  border: 0px solid red;
  position: sticky;
  top: 0px;
  z-index: 99;
  box-shadow: 0px -6px 5px 10px #361c39;
  background: linear-gradient(90deg, #1e1128 0%, #150c1c 50%, #1c1c1c 100%);
}
.header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul li a {
  color: white;
}
.login-btn {
  color: #fff !important;
  font-weight: 900;
}
.project-info-card {
  background-color: #111;
  color: #fff;
  border: 1px solid #333;
  transition: all 0.3s ease-in-out;
}
.project-info-card:hover {
  background-color: #fff;
  color: #111;
  border-color: #ccc;
}
.project-info-card:hover h2,
.project-info-card:hover p,
.project-info-card:hover strong {
  color: #000000;
}
.project-info-card:hover h2 {
  color: #0d6efd;
}
.project-info-card:hover strong {
  color: #0d6efd;
}
.project-info-card .btn {
  border: 1px solid #0d6efd;
  background-color: transparent;
  color: #0d6efd;
  transition: all 0.3s ease-in-out;
}
.project-info-card:hover .btn {
  background-color: #0d6efd;
  color: #111;
}
.project-info-card:hover h2 {
  color: #0d6efd;
}
.project-info-card:hover strong {
  color: #0d6efd;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info {
  margin-left: 0px;
}
.product_details .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing.site_costing_info {
  background: unset;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .wordpress_about_pricing_title {
  color: #fff;
}
.wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .costing_special_note {
  color: #fff;
}
.hover-white-card {
  background-color: #111;
  color: #fff !important;
  transition: all 0.3s ease;
}
.hover-white-card a,
.hover-white-card i,
.hover-white-card span {
  color: #fff !important;
  transition: all 0.3s ease;
  font-size: 20px !important;
}
@media screen and (max-width: 575.9px) {
  .hover-white-card a,
  .hover-white-card i,
  .hover-white-card span {
    font-size: 16px !important;
  }
}
.hover-white-card:hover {
  background-color: #fff !important;
  color: #111 !important;
}
.hover-white-card:hover .wordpress_about_pricing_title {
  color: #111 !important;
}
.hover-white-card:hover .costing_special_note {
  color: #111 !important;
}
.hover-white-card:hover a,
.hover-white-card:hover i,
.hover-white-card:hover span {
  color: #111 !important;
}
.wordpress_site_costing.site_costing_info {
  border: 1px solid #333 !important;
}
.contact_area .contact_area_content .phone_number_and_form_area .right_area {
  background-color: #111;
  border: 1px solid #333;
  padding: 30px 20px;
  border-radius: 12px;
  box-shadow: 0px 0px 25px #594b4b;
}
.contact_area .title_text {
  color: #fff;
}
.contact_area .contact_area_content .phone_number_and_form_area .right_area form .form_item {
  border: 0px solid red;
  display: block;
  width: 100%;
  background: #111;
  margin-bottom: 20px;
  outline: 0;
  border: 1px solid #a4a4a4;
  font-size: 16px;
  line-height: 16px;
  font-family: "Medium";
  color: #ffffff;
  padding: 14px 12px;
  border-radius: 8px;
}
.my_it_service_area .my_it_service_area_content .service_area .service_title_and_description {
  border: 0px solid red;
  background-color: #111;
  border-radius: 0px;
  padding: 0px 16px 16px;
}
.my_it_service_area .my_it_service_area_content .service_area .service {
  background-color: #000000;
  border: 1px solid #ffffff52;
  box-shadow: 1px 1px 7px 2px #dc35466e;
  padding: 10px;
}
.my_it_service_area .my_it_service_area_content .service_area .service_title_and_description .description .description_text {
  color: #ffffff;
}
.product_pills .nav-link {
  /* border: 1px solid; */
  /* default border for inactive */
}
.product_pills .nav-link.active {
  border: none !important;
  /* remove border for active tab */
}
.product_pills .nav-link:hover {
  border-color: #888;
}
.carousel-thumbnails .owl-item {
  min-width: 130px !important;
}
@media screen and (max-width: 575.9px) {
  .carousel-thumbnails .owl-item {
    min-width: 100px !important;
  }
}
.quote-section .quote-form {
  background: transparent;
  border: 1px solid #453c3c;
}
.quote-section .section-title {
  color: #fff;
}
.quote-section .contact-info {
  background: #111;
  border: 1px solid #453c3c;
}
.quote-section .contact-info p {
  color: #fff;
}
.quote-section .contact-info .contact-item {
  background: transparent;
  border: 1px solid #4a5158;
}
.quote-section .contact-info .contact-item .contact-item-title,
.quote-section .contact-info .contact-item .contact-info-text {
  color: #fff;
}
.quote-section #quoteForm .form-control,
.quote-section #quoteForm .form-select {
  background: #111;
  border: 1px solid #453c3c;
  color: #fff;
}
.quote-section #quoteForm label {
  color: #fff;
}
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-select ~ label::after {
  background-color: transparent;
}
.student_success_history_area_sub_title .sub_title {
  color: #fff;
}
.wordpress_services {
  margin-top: 0px;
}
.header_area .header_area_content .menu_ber i {
  color: white;
}
.header_area .header_area_content .nav_and_login_area .full_nav_are {
  background-color: #111111eb;
}
.header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul li a.active {
  color: #dc2626;
  font-weight: bold;
  border-bottom: 2px solid #dc2626;
  line-height: 0.9;
}
.page-link {
  color: #ffffff;
  background-color: #111;
}
.footer_area_start {
  padding: 100px 0px 0px 0px;
}
.blip-image {
  animation: service-blip 1.5s ease-in-out infinite;
}
@keyframes service-blip {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.7;
    transform: scale(1.05);
  }
}
.service:hover .title_text a {
  color: white !important;
}
.our_course_specialty .our_course_specialty_area_content .course_card_area .c_card .card_img_area {
  border: 0px solid red;
  padding: 30px 120px;
}
.our_course_specialty .our_course_specialty_area_content .course_card_area .c_card .card_text p {
  margin: 0px;
}
.our_course_specialty .our_course_specialty_area_content .course_card_area .c_card .card_text {
  padding: 7px 0px 6px 0px;
}
.our_course_specialty .our_course_specialty_area_content .course_card_area .c_card .card_img_area .card_img {
  border: 0px solid red;
  width: 150px;
}
.course_item .course_item_content {
  gap: 0;
}
@media (min-width: 576px) and (max-width: 767.9px) {
  .course_item .course_item_content .course {
    width: unset;
  }
}
.our_course_specialty .our_course_specialty_area_content .course_card_area {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media screen and (max-width: 575.9px) {
  .our_course_specialty .our_course_specialty_area_content .course_card_area .c_card {
    display: grid;
  }
}
.course_card_area .c_card {
  width: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid #eee;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.card_img img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}
.card_text {
  padding: 12px;
  font-size: 16px;
}
@media (max-width: 1199.9px) {
  .our_course_specialty .our_course_specialty_area_content .course_card_area .c_card .card_img_area {
    border: 0px solid red;
    padding: 20px 80px;
    margin: auto;
  }
  .our_course_specialty .our_course_specialty_area_content .course_card_area {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 24px;
  }
}
.my_it_service_area .my_it_service_area_content .service_area .service {
  flex-grow: 1;
}
.dev-name,
.dev-role {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  display: block;
}
@media (min-width: 992px) and (max-width: 1199.9px) {
  .working_company_name_area .working_company_name_area_content .all_company_name ul .company_logo {
    height: unset;
  }
  .th-hero-wrapper .main-slider-two__title {
    -webkit-transform: perspective(400px) rotateX(0deg) translateY(-20px);
    -ms-transform: perspective(400px) rotateX(0deg) translateY(-20px);
    transform: perspective(400px) rotateX(0deg) translateY(-20px);
    font-size: 24px;
  }
  .th-hero-wrapper .main-slider-two__sub-title-box {
    -webkit-transform: perspective(400px) rotateX(0deg) translateY(40px);
    -ms-transform: perspective(400px) rotateX(0deg) translateY(40px);
    transform: perspective(400px) rotateX(0deg) translateY(40px);
  }
  .th-hero-wrapper .hero-text1 {
    margin-top: 0%;
  }
}
@media (min-width: 768px) and (max-width: 991.9px) {
  .th-hero-wrapper .main-slider-two__title {
    -webkit-transform: perspective(400px) rotateX(0deg) translateY(-70px);
    -ms-transform: perspective(400px) rotateX(0deg) translateY(-70px);
    transform: perspective(400px) rotateX(0deg) translateY(-70px);
    font-size: 24px;
  }
  .th-hero-wrapper .main-slider-two__sub-title-box {
    -webkit-transform: perspective(400px) rotateX(0deg) translateY(-30px);
    -ms-transform: perspective(400px) rotateX(0deg) translateY(-30px);
    transform: perspective(400px) rotateX(0deg) translateY(-30px);
  }
  .th-hero-wrapper .main-slider-two__shield-check-icon {
    top: -120px;
    left: -50px;
  }
  .th-hero-wrapper .sub_text_banner {
    width: 50%;
  }
  .th-hero-wrapper .hero-text1 {
    line-height: normal;
    margin-top: 0px;
  }
  .rotate-img {
    top: 7% !important;
    left: 67% !important;
  }
}
@media (min-width: 360px) and (max-width: 667px) {
  .th-hero-wrapper .position-relative {
    margin-top: 40px;
  }
}
@media (min-width: 300px) and (max-width: 500px) {
  .th-hero-wrapper .main-slider-two__title {
    -webkit-transform: perspective(400px) rotateX(0deg) translateY(-70px);
    -ms-transform: perspective(400px) rotateX(0deg) translateY(-70px);
    transform: perspective(400px) rotateX(0deg) translateY(-70px);
    font-size: 24px;
  }
  .th-hero-wrapper .main-slider-two__sub-title-box {
    -webkit-transform: perspective(400px) rotateX(0deg) translateY(-30px);
    -ms-transform: perspective(400px) rotateX(0deg) translateY(-30px);
    transform: perspective(400px) rotateX(0deg) translateY(-30px);
  }
  .th-hero-wrapper .main-slider-two__shield-check-icon {
    top: -120px;
    left: -50px;
  }
  .th-hero-wrapper .hero-text1 {
    line-height: normal;
    margin-top: 0px;
  }
  .th-hero-wrapper .typewriter span {
    font-size: 40px;
  }
  .th-hero-wrapper .about-two__shape-1 {
    width: 304px;
    height: 530px;
  }
  .th-hero-wrapper .about-two__img-2 {
    bottom: -84px;
    right: -63px;
    max-width: 220px;
  }
  .rotate-img {
    top: 7% !important;
    left: 67% !important;
  }
}
@media (min-width: 500px) and (max-width: 767.9px) {
  .th-hero-wrapper .main-slider-two__title {
    -webkit-transform: perspective(400px) rotateX(0deg) translateY(-70px);
    -ms-transform: perspective(400px) rotateX(0deg) translateY(-70px);
    transform: perspective(400px) rotateX(0deg) translateY(-70px);
    font-size: 24px;
  }
  .th-hero-wrapper .main-slider-two__sub-title-box {
    -webkit-transform: perspective(400px) rotateX(0deg) translateY(-30px);
    -ms-transform: perspective(400px) rotateX(0deg) translateY(-30px);
    transform: perspective(400px) rotateX(0deg) translateY(-30px);
  }
  .th-hero-wrapper .main-slider-two__shield-check-icon {
    top: -120px;
    left: -50px;
  }
  .th-hero-wrapper .hero-text1 {
    line-height: normal;
    margin-top: 0px;
  }
  .th-hero-wrapper .typewriter span {
    font-size: 40px;
  }
  .th-hero-wrapper .about-two__shape-1 {
    width: 304px;
    height: 530px;
  }
  .th-hero-wrapper .about-two__img-2 {
    bottom: -84px;
    right: -63px;
    max-width: 220px;
  }
  .rotate-img {
    top: 7% !important;
    left: 67% !important;
  }
}
@media (min-width: 1200px) {
  .th-hero-wrapper .main-slider-two__title {
    -webkit-transform: perspective(400px) rotateX(0deg) translateY(-70px);
    -ms-transform: perspective(400px) rotateX(0deg) translateY(-70px);
    transform: perspective(400px) rotateX(0deg) translateY(-70px);
    font-size: 24px;
  }
  .th-hero-wrapper .main-slider-two__sub-title-box {
    -webkit-transform: perspective(400px) rotateX(0deg) translateY(-30px);
    -ms-transform: perspective(400px) rotateX(0deg) translateY(-30px);
    transform: perspective(400px) rotateX(0deg) translateY(-30px);
  }
  .th-hero-wrapper .hero-text1 {
    margin-top: 0%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .th-hero-wrapper .main-slider-two__title {
    -webkit-transform: perspective(400px) rotateX(0deg) translateY(-70px);
    -ms-transform: perspective(400px) rotateX(0deg) translateY(-70px);
    transform: perspective(400px) rotateX(0deg) translateY(-70px);
    font-size: 24px;
  }
  .th-hero-wrapper .main-slider-two__sub-title-box {
    -webkit-transform: perspective(400px) rotateX(0deg) translateY(-30px);
    -ms-transform: perspective(400px) rotateX(0deg) translateY(-30px);
    transform: perspective(400px) rotateX(0deg) translateY(-30px);
  }
  .th-hero-wrapper .main-slider-two__shield-check-icon {
    top: -120px;
    left: -50px;
  }
  .th-hero-wrapper .sub_text_banner {
    width: 50%;
  }
  .th-hero-wrapper .hero-text1 {
    line-height: normal;
    margin-top: 0px;
  }
  .rotate-img {
    top: 7% !important;
    left: 67% !important;
  }
}
.my_it_service_area_content .product_pills {
  gap: 10px;
}