/*
Theme Name: Roy
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Roy is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Roy comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.0
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfour.panel-text
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

* {
  margin: 0;
  padding: 0;
}

body {
  overflow-x: hidden !important;
  background-color: var(--white) !important;
  font-family: "Poppins", sans-serif !important;
}
h1,h2,h3,h4,h5,h6,p,cite,b,div,section,nav,ul,li,a,button{
  font-family: "Poppins", sans-serif !important;
}

:root {
  --grey: #61646b;
  --light-grey: #afb1b6;
  --white: #ffffff;
  --black: #1d1d1f;
  --heighlight: #00d92e;
  --pink: #ff0059;
}

.ctm_hero_image img{
    width:100%;
}
.ctm_header_logo_wrap .elementor-widget-image a img[src$=".svg"] {
    width: 63px;
}
.ctm_innovation_card_wrap .elementor-icon svg{
    width:100%;
    height:100%;
}
footer .elementor-widget-container:has(.ctm_footer_btn){
        display:flex;
    }
 .ctm_btn {
        font-size: 16px;
        line-height: 20px;
        font-weight:500;
    max-width: fit-content !important;
    text-transform: uppercase !important;
        display: inline-block;
    }
    .ctm_footer_btn{
         font-size: 38px;
        line-height: normal;
        font-weight: 700;
        text-transform: none !important;
    }
    .btn__label-wrap {
        position: relative;
    }
    .btn__label-wrap--container {
    overflow: hidden;
}
.btn__label {
    transition: all .2s ease-in-out;
    transform: translateY(0);
}
.btn__label--hover {
    position: absolute;
    right: 0;
    left: 0;
    display: block;
    color:#ff0059;
}
 .ctm_btn:hover .btn__label {
        transform: translateY(-100%);
    }




/* General menu styling */
.ctm_scroll_down_btn,
.ctm_footer_mail_wrap h2,
.ctm_header_menu #menu-1-779d4fe li {
  list-style-type: none;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.ctm_scroll_down_btn a {
  text-transform: uppercase !important;
}

.ctm_scroll_down_btn a,
.ctm_footer_mail_wrap a,
.ctm_header_menu #menu-1-779d4fe a {
  display: block;
  text-decoration: none;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
}

.ctm_header_menu #menu-1-779d4fe a::before {
  content: attr(title);
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  color: var(--pink);
  background: transparent;
  transform: translateY(100%);
  transition: transform 450ms ease-in-out;
  z-index: 0;
}

body:has(header .hfe-nav-menu__toggle.hfe-active-menu) {
  overflow: hidden !important;
}

header:has(.hfe-nav-menu__toggle.hfe-active-menu) .ctm_header_wrap {
  background-color: #ffffff !important;
}

header:has(.hfe-nav-menu__toggle.hfe-active-menu) nav::before {
  position: absolute !important;
  content: "";
  inset: 0 !important;
  background-color: #000000bd !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: -1 !important;
}

.ctm_scroll_down_btn a::before {
  content: "Scroll down";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  color: var(--pink);
  background: transparent;
  transform: translateY(100%);
  transition: transform 450ms ease-in-out;
  z-index: 0;
}

.ctm_footer_mail_wrap a::before {
  content: "contact@hiroy.co";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  color: var(--pink);
  background: transparent;
  transform: translateY(100%);
  transition: transform 450ms ease-in-out;
  z-index: 0;
}

.ctm_footer_mail_wrap a:hover,
.ctm_scroll_down_btn a:hover {
  color: transparent !important;
  transition: all 350ms ease-in-out;
}

.ctm_header_menu #menu-1-779d4fe a:hover {
  color: transparent;
  transition: all 350ms ease-in-out;
}

.ctm_footer_mail_wrap a:hover::before,
.ctm_scroll_down_btn a:hover::before,
.ctm_header_menu #menu-1-779d4fe a:hover::before {
  transform: translateY(-100%);
  transition: all 350ms ease-in-out;
}

#page {
  overflow-x: clip;
}

p {
  margin: 0 !important;
}

.ctm_heighlight {
  color: var(--heighlight) !important;
}

.ctm_grey h2 {
  color: var(--grey) !important;
}

.ctm_works_content {
  transform: translate(-50%, -50%);
}

.ctm_text_nowrap {
  text-wrap: nowrap;
}

.ctm_img_full img {
  width: 100%;
  max-height: 900px;
}

.Work_details_figure .figure_img {
  width: 100%;
  height: calc(70vh - 60px) !important;
  object-fit: cover;
  object-position: 0 20%;
}

.Work_details_figure::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #00000066;
  width: 100%;
  height: 100%;
}

.ctm_hero_main_wrap {
  margin: 0 !important;
  min-height: calc(100vh - 120px) !important;
  align-items: center !important;
  justify-content: end !important;
  gap: 0 !important;
}

.ctm_hero_main_wrap .ctm_scroll_down_wrap a {
  max-width: fit-content !important;
  text-transform: uppercase !important;
}

header:has(.ctm_header_wrap) {
  position: sticky !important;
  top: 0;
  z-index: 999 !important;
  width: 100%;
  backdrop-filter: blur(6px);
  background: rgba(255, 255, 255, 0.75) !important;
}

.ctm_discover_btn .elementor-button:hover svg {
  fill: transparent !important;
}

.ctm_footer_mail_wrap a {
  transition: all 100ms ease-in-out !important;
}

.ctm_blockquote_wrap blockquote:before {
  content: "" !important;
  display: inline-block !important;
  width: 30px !important;
  height: 36px !important;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="25" viewBox="0 0 30 25" fill="none"><path d="M30 25H18.5294C17.521 20.7724 17.0168 17.0325 17.0168 13.7805C17.0168 4.5935 21.3025 0 29.8739 0V5.36586C25.8403 5.36586 23.8235 7.47968 23.8235 11.7073V14.5122H30V25ZM12.9832 25H1.51261C0.504202 20.7724 0 17.0325 0 13.7805C0 4.5935 4.28571 0 12.8571 0V5.36586C8.82353 5.36586 6.80672 7.47968 6.80672 11.7073V14.5122H12.9832V25Z" fill="white"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.ctm_blockquote_wrap blockquote .e-q-footer {
  justify-content: end;
}

.ctm_accordion_wrap details summary {
  box-shadow: none !important;
  align-items: center !important;
  justify-content: center !important;
}

.ctm_accordion_wrap details summary .e-n-accordion-item-title-icon {
  position: absolute !important;
  right: 0 !important;
}

.ctm_accordion_wrap details summary .e-n-accordion-item-title-icon svg {
  fill: transparent !important;
  width: 18px;
}

.ctm_accordion_wrap details summary .e-n-accordion-item-title-icon svg path {
  stroke: var(--black) !important;
}

.ctm_accordion_wrap details:last-child {
  border-bottom: 1px solid #afb1b6 !important;
}

.ctm_accordion_wrap .e-n-accordion details::before {
  content: "0" counter(item);
  counter-increment: item;
  position: absolute;
  top: 18px;
  color: var(--black);
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 42px;
  z-index: 1;
}

.ctm_accordion_wrap .e-n-accordion {
  counter-reset: item;
}

.ctm_accordion_wrap .e-n-accordion-item-title-icon .e-opened {
  display: none !important;
}

.ctm_accordion_wrap .e-n-accordion-item-title-icon .e-closed {
  display: flex !important;
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ctm_accordion_wrap .e-n-accordion-item-title[aria-expanded="true"] .e-closed {
  transform: scaleY(-1);
}

.ctm_accordion_wrap .e-n-accordion details summary {
  position: relative;
}
.ctm_accordion_wrap .e-n-accordion details {
        overflow:visible !important;
    }
    .ctm_accordion_wrap .e-n-accordion details:has(summary[aria-expanded="true"]) .e-con-full.e-flex.e-con.e-child {
    opacity: 1 !important;
    transition: opacity 400ms ease-in-out;
    background: #ffffff;
  }
      .ctm_accordion_wrap .e-n-accordion details:has(summary[aria-expanded="false"]) .e-con-full.e-flex.e-con.e-child {
    opacity: 0 !important;
    transition: opacity .2s ease-in;
    background: #ffffff;
  }

.ctm_accordion_wrap .e-n-accordion details summary::before {
  content: "";
  position: absolute;
  top: -1px;
  height: calc(100% + 2px);
  background-color: var(--pink);
  opacity: 0;
  pointer-events: none;
  border-radius: 0.75rem;
  left: calc(-1 * 20px);
  width: calc(100% + 2 * 20px);
  transition: all 300ms ease-in-out;
}

.ctm_accordion_wrap .e-n-accordion details summary:hover:before {
  opacity: 1 !important;
}

.ctm_accordion_wrap .e-n-accordion details summary:hover :is(span, svg path) {
  z-index: 1;
  color: var(--white) !important;
  stroke: var(--white) !important;
}

.ctm_accordion_wrap .e-n-accordion details:has(summary:hover):before {
  color: var(--white);
}

.ctm_position_top .elementor-widget-image {
  position: sticky;
  top: 0;
}

.ctm_fixed_one_img .ctm_position_top .elementor-widget-image {
  position: sticky;
  top: 93px;
}

.right_side_container .elementor-image-box-content .elementor-image-box-title {
  line-height: 40px !important;
}

.ctm_team_mobile_info_wrap .ctm_team_mobile_img {
  width: 100%;
}

.ctm_team_mobile_info_wrap .ctm_team_mobile_img img {
  max-height: 370px;
}

.ctm_team_mobile_info {
  padding-right: 80px !important;
  position: relative !important;
}

.ctm_team_mobile_info::before {
  position: absolute !important;
  content: "" !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  left: calc(100% - 20px) !important;
  top: 3px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M10 1.63965V19.6396' stroke='%231D1D1F' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M1 10.6396H19' stroke='%231D1D1F' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.ctm_team_mobile_info.active::before {
  position: absolute !important;
  content: "" !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  left: calc(100% - 20px) !important;
  top: 3px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='3' viewBox='0 0 20 3' fill='none'%3E%3Cpath d='M1 1.63965H19' stroke='%231D1D1F' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.ctm_team_mobile_info.active h3 {
  color: #00d92e !important;
}

.ctm_innovate_text {
  color: var(--black);
  font-size: 36px;
  font-weight: 700;
  line-height: 50px;
  margin-bottom: 10px;
}

.ctm_innovate_desc {
  color: var(--black);
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 40PX;
}

/* work page start here */
.ctm_works_cards_main_wrap {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 60px;
}

.ctm_works_cards_main_wrap .post {
  display: flex;
  position: relative;
  transition: all 250ms ease;
  max-height: 390px;
}

.ctm_works_cards_main_wrap .post img {
  width: 100%;
  height: 390px;
  object-fit: cover;
}

.card_overlay_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(29, 29, 31, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.45s ease;
  padding: 20px;
}

.card_overlay_wrap .card_overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  position: relative;
}

.card_overlay .icon {
  padding: 18px;
  border-radius: 50%;
  background-color: var(--white);
  font-size: 18px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ctm_works_cards_main_wrap .ctm_works_card_title {
  margin: 0;
  color: var(--white);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  position: absolute;
  bottom: -10px;
  left: 0;
  transition: all 350ms ease;
}

.ctm_works_cards_main_wrap .post:hover .card_overlay_wrap {
  opacity: 1;
  backdrop-filter: blur(17px);
}

.ctm_works_cards_main_wrap .post:hover .ctm_works_card_title {
  bottom: 0px;
}

.category-filter {
  display: flex;
  gap: 18px;
  align-items: center;
  margin-bottom: 115px;
  overflow: overlay;
}

.ctm_loadMore_btn #loadMore {
  padding: 15px 54px;
  border: 1px solid var(--black);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  border-radius: 30px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer !important;
  color: var(--black) !important;
}

.category-filter button {
  padding: 10px 16px;
  border-radius: 30px;
  color: var(--black);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  background-color: #cacacc;
  transition: all 300ms ease-in-out;
  cursor: pointer;
  border-radius: 36px;
  border: none;
  outline: none;
  text-wrap: nowrap;
}

.ctm_loadMore_btn #loadMore:hover,
.category-filter button:hover {
  background-color: var(--black);
  color: var(--white) !important;
}

.ctm_loadMore_btn #loadMore:hover svg path {
  stroke: var(--white);
}

.ctm_loadMore_btn {
  width: 100%;
  display: flex;
  justify-content: center;
}

.ctm_header_wrok_tab a {
  padding: 3px 9px;
  border: 1px solid var(--black);
  transition: all 250ms ease-in-out;
}

.ctm_header_wrok_tab.current-menu-item a,
.ctm_header_wrok_tab a:hover {
  border-color: var(--pink);
  background-color: var(--pink);
  color: var(--white) !important;
}

.ctm_header_menu .hfe-nav-menu {
  align-items: center;
}

.category-filter button.active {
  background-color: var(--black);
  color: var(--white);
}

.ctm_what_we_do_card_wrap .elementor-widget-container:hover {
  background-color: var(--white) !important;
}

.ctm_what_we_do_card_wrap .elementor-widget-container:hover .elementor-icon-box-icon svg path {
  stroke: var(--heighlight) !important;
}

/* work page end here */

/* Team Section Start */
.ctm_team_info_wrap {
  cursor: pointer;
}

.ctm_team_info_wrap:hover :is(h3) {
  color: var(--heighlight) !important;
}

.ctm_position_top .ctm_team_img_wrap {
  top: 86px;
}

.ctm_team_img_wrap img {
  width: 380px;
  height: 500px;
  object-fit: cover;
}

.ctm_team_img_wrap {
  display: none;
}

.home_team_content {
  position: absolute !important;
  background-color: #00000033;
  transition: opacity 0.45s ease;
  inset: 0 !important;
  opacity: 0 !important;
  padding: 18px;
}

.home_team_card_img .ctm_team_card_name .elementor-heading-title,
.home_team_card_img .elementor-widget-container img,
.home_team_card_img {
  transition: all 450ms ease-in-out;
}

.home_team_card_img .elementor-widget-container:has(img) {
  overflow: hidden !important;
}

.home_team_card_img:hover .home_team_content {
  opacity: 1 !important;
  cursor: pointer;
}

.home_team_card_img:hover .elementor-widget-container img {
  transform: scale(1.05) !important;
}

.home_team_card_img:hover .ctm_team_card_name .elementor-heading-title {
  color: var(--heighlight) !important;
}

.home_team_content .elementor-widget-container {
  position: relative;
}

.home_team_content p {
  position: absolute;
  bottom: -10px;
  transition: all 350ms ease;
}

.home_team_card_img:hover .home_team_content p {
  bottom: 0;
}

/* Team Section End */
.panel img {
  aspect-ratio: 1/1 !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Work Details Page Start Here */
.Work_details_hero_section {
  margin-bottom: 120px;
}

.Work_details_figure {
  position: relative;
  margin: 0 !important;
  display: flex;
}

.Work_details_figure img {
  width: 100% !important;
  height: 800px !important;
}

.Work_details_figure .figure_title {
  padding: 55px 50px;
  position: absolute;
  bottom: 0;
  color: var(--white);
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 68px;
  width: 40%;
}

.work_details_info_wrap {
  padding: 0 50px;
  margin-bottom: 176px;
}

.blockquote_section_main_wrap {
  padding: 0 50px;
  margin-bottom: 220px;
}

.work_details_info_wrap .work_details_info {
  display: flex;
  gap: 120px;
}

.work_details_type_wrap .work_details_type {
  display: flex;
  flex-direction: column;
  gap: 36px;
}

.work_details_type_wrap {
  width: 110%;
}

.work_details_type .type_heading {
  color: var(--black);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

.work_details_type .type_desc {
  color: var(--black);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.work_details_desc p {
  color: var(--black);
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
}

.work_details_type .ctm_work_gap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.blockquote_section_wrap {
  width: 50%;
}

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

.blockquote_section_wrap:before {
  content: "" !important;
  display: inline-block !important;
  width: 26px !important;
  height: 26px !important;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="25" viewBox="0 0 30 25" fill="none"><path d="M30 25H18.5294C17.521 20.7724 17.0168 17.0325 17.0168 13.7805C17.0168 4.5935 21.3025 0 29.8739 0V5.36586C25.8403 5.36586 23.8235 7.47968 23.8235 11.7073V14.5122H30V25ZM12.9832 25H1.51261C0.504202 20.7724 0 17.0325 0 13.7805C0 4.5935 4.28571 0 12.8571 0V5.36586C8.82353 5.36586 6.80672 7.47968 6.80672 11.7073V14.5122H12.9832V25Z" fill="%2300D92E"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  left: 50%;
  position: relative;
  margin-bottom: 12px;
}

.blockquote_section_wrap .blockquote_content {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  text-align: center;
}

.accordion_main_wrap {
  padding: 0 50px;
  margin-bottom: 180px;
}

.accordion_main_wrap .accordion-item {
  border-bottom: 1px solid var(--grey);
}

.accordion-header {
  padding: 16px 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.accordion_arrow {
  position: absolute;
  right: 0;
  place-content: center;
  display: grid;
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.accordion-header .accordion_header_title {
  color: var(--black);
  text-align: center;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px;
  z-index: 99;
}

.accordion_content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 35px 0 70px;
}

.accordion_content p {
  color: var(--black);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  width: 70%;
}

.accordion-item:has(.accordion_content_wrap[style="display: block;"]) .accordion-header .accordion_arrow {
  transform: scaleY(-1);
}

.accordion_content_wrap {
  display: none;
}

.accordion .accordion-item {
  position: relative;
}

.accordion {
  counter-reset: item;
}

.accordion .accordion-item::before {
  content: "0" counter(item);
  counter-increment: item;
  position: absolute;
  top: 18px;
  color: var(--black);
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  z-index: 1;
}

.accordion-item .accordion-header::before {
  content: "";
  position: absolute;
  top: -1px;
  height: calc(100% + 2px);
  background-color: var(--pink);
  opacity: 0;
  pointer-events: none;
  border-radius: 0.75rem;
  left: calc(-1 * 20px);
  width: calc(100% + 2 * 20px);
  transition: all 300ms ease-in-out;
}

.accordion-item .accordion-header:hover:before {
  opacity: 1 !important;
}

.accordion-item .accordion_arrow svg path {
  stroke: var(--black);
}

.accordion-item .accordion-header:hover :is(.accordion_header_title, .accordion_arrow svg path) {
  color: var(--white) !important;
  stroke: var(--white) !important;
}

.accordion .accordion-item:has(.accordion-header:hover)::before {
  color: var(--white);
}

.all_project_link_main_wrap {
  margin-bottom: 50px;
  padding: 0 50px;
}

.all_project_link_wrap .all_project_link {
  display: flex;
  align-items: center;
  justify-content: start;
  width: fit-content;
  gap: 18px;
  color: var(--black);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.32px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 400ms ease-in-out;
}

.all_project_link_wrap .all_project_link:hover {
  color: var(--pink);
  gap: 12px;
}

.all_project_link_wrap .all_project_link:hover svg path {
  stroke: var(--pink);
}

.all_project_link_wrap .all_project_link svg path {
  transition: all 400ms ease-in-out;
  stroke: var(--black);
}

.ctm_next_prev_course_wrapper {
  background-color: var(--heighlight) !important;
  overflow: hidden;
  transition: background-color 1s ease-in-out;
  z-index: 2;
  position: relative;
}

.ctm_next_prev_course_wrapper .next_prev_course_main_wrap {
  /* background-position: center !important; */
  background-repeat: no-repeat !important;
  background-size: 0 !important;
  position: relative;
  transition: all 0.5s ease-in-out;
  transition: background-color 1.5s ease-in;
}

.next_image_wrap,
.prev_image_wrap {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  opacity: 0;
  transition: all 450ms ease-in-out;
  position: absolute;
  inset: 0;
  height: 100% !important;
  transform: scale(1);
  background-position: 0 20% !important;
}

.ctm_next_prev_course_wrapper:has(.ctm_prev_course_wrapper:hover) .prev_image_wrap {
  opacity: 1;
  transform: scale(1.04);
}

.ctm_next_prev_course_wrapper:has(.ctm_next_course_wrapper:hover) .next_image_wrap {
  opacity: 1;
  transform: scale(1.04);
}

.ctm_next_prev_course_wrapper:has(.ctm_next_course_wrapper:hover),
.ctm_next_prev_course_wrapper:has(.ctm_prev_course_wrapper:hover) {
  transition: background-color 2s ease-in-out;
  background-color: transparent !important;
}

.ctm_next_prev_course_wrapper::before {
  position: absolute;
  content: "";
  inset: 0;
  background-color: #00000033;
  opacity: 0;
}

.next_prev_course_main_wrap:has(.ctm_next_course_wrapper:hover),
.next_prev_course_main_wrap:has(.ctm_prev_course_wrapper:hover) {
  transition: all 400ms ease-in-out;
  background-size: cover !important;
}

.ctm_next_prev_course_wrapper:has(.ctm_next_course_wrapper:hover)::before,
.ctm_next_prev_course_wrapper:has(.ctm_prev_course_wrapper:hover)::before {
  opacity: 1;
}

.current-progress.scrolled {
  width: 6.8% !important;
  display: flex !important;
}

.single-works footer {
  display: none !important;
}

.next_prev_course_main_wrap .next_prev_course_wrap {
  display: flex;
  justify-content: space-between;
  position: relative;
  transition: all 400ms ease-in-out;
}

.next_prev_course_wrap .ctm_next_course_wrapper {
  top: -30px;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  padding: 250px 0 80px 50px;
  transition: all 550ms ease-in-out;
  position: relative;
  text-decoration:none;
}

.next_prev_course_wrap :is(.prev_course_wrap, .next_course_wrap) {
  width: 40%;
}

.next_prev_course_wrap .footer_course_wrap {
  display: flex;
  flex-direction: column;
  gap: 28px;
  z-index: 9999;
  position: relative;
  transition: all 350ms ease-in-out;
}

.footer_course_wrap .footer_course_title {
  color: var(--black);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
}

.footer_course_wrap .footer_course_title svg {
  display: none !important;
}

.footer_course_wrap .footer_course_heading {
  color: var(--black);
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 68px;
}

.work_details_slider {
  margin-bottom: 280px;
}

.work_details_slider_img {
  padding: 0 8px;
}

.work_details_slider_img img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}

.work_details_slider .slides-numbers {
  display: flex !important;
  justify-content: end !important;
  align-items: center !important;
  padding-top: 37px !important;
  gap: 12px !important;
  color: var(--black);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  padding-right: 8vw;
}

.work_details_slider .slides-numbers .active {
  font-weight: 700;
}

.work_details_slider_wrap .slick-prev {
  position: absolute;
  top: 100% !important;
  left: 94.5%;
  z-index: 99;
  margin-top: 50px;
}

.work_details_slider_wrap .slick-next {
  position: absolute;
  top: 100% !important;
  right: 0 !important;
  padding-right: 50px;
  margin-top: 50px;
}

.work_details_slider_wrap .slick-next:before,
.work_details_slider_wrap .slick-prev:before {
  color: var(--grey) !important;
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTAuNTM5MSAxLjUzOTA2TDE4Ljk5OTkgOS45OTk5M0wxMC41MzkxIDE4LjQ2MDgiIHN0cm9rZT0iIzQ2NDY0QiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KICA8cGF0aCBkPSJNMTguOTk5OSAxMEwxIDEwIiBzdHJva2U9IiM0NjQ2NEIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
}

.work_details_slider_wrap .slick-prev:before {
  transform: scale(-1);
}


.work_details_footer_hover img {
  transition: all 500ms ease-in-out;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  object-fit: cover;
  object-position: top;
}

.ctm_next_course_wrapper,
.ctm_prev_course_wrapper,
.prev_course_wrap .prev_image img,
.next_course_wrap .next_image img,
.next_prev_course_wrap .prev_course_wrap {
  transition: all 450ms ease-in-out;
}

.next_prev_course_wrap .next_course_wrap *,
.next_prev_course_wrap .prev_course_wrap * {
  transition: all 250ms ease-in-out;
}

.next_prev_course_wrap .work_details_footer_hover::before {
  position: absolute;
  content: "";
  inset: 0;
  background-color: #00000033;
  z-index: 1;
}

.work_details_footer_hover {
  position: absolute;
  inset: 0 !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  display: none;
}

.ctm_next_course_wrapper:hover,
.ctm_prev_course_wrapper:hover {
  top: 30px;
}

.ctm_next_course_wrapper:hover .next_image,
.ctm_prev_course_wrapper:hover .prev_image {
  display: block;
}

/* .next_course_wrap:hover .footer_course_wrap,
.prev_course_wrap:hover .footer_course_wrap {
    bottom: -30px;
    position: relative;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1);
} */

.ctm_prev_course_wrapper:hover *,
.ctm_next_course_wrapper:hover * {
  color: var(--white) !important;
}

.ctm_prev_course_wrapper:hover svg path,
.ctm_next_course_wrapper:hover svg path {
  stroke: var(--white);
}

/* Scroll after data right to left Section Start*/
.scrolltrigger_container_main {
  width: 100vw;
  max-width: 100%;
}

.scrolltrigger_container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 130px;
  /*min-height:600px;*/
}

.scrolltrigger_heading_wrap {
  flex: 1;
}

.heading {
  padding: 28px 0 28px 10px;
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: var(--black);
}
.heading.hidden{
    opacity:0 !important;
}

.heading:last-child {
  border-width: 1px 0 1px 0;
}

.heading .scrolltrigger_heading {
  color: var(--black);
  font-size: 40px;
  line-height: 60px;
  font-style: normal;
  font-weight: 700;
  transition: all 0.3s ease;
  margin: 0;
}

.heading.active .scrolltrigger_heading {
  opacity: 1;
  transform: translateX(0);
  color: var(--heighlight);
}

.scrolltrigger_text_container {
  flex: 1;
  position: sticky;
  top: 180px;
}

.scrolltrigger_text_container .scroll_text {
  display: none;
}

.scrolltrigger_text_container .scroll_text.active {
  display: block;
  color: var(--black);
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
  margin: 0;
}

.scrolltrigger_text {
  width: 30vw;
}

/* Scroll after data right to left Section End*/
/* Works Section Start*/
.scrolling_image_wrapper {
  overflow: hidden;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: var(--heighlight);
  position: relative;
  padding-top: 135px;
}

.scrolling_img {
  position: relative;
}

.scrolling_img::before {
  position: absolute;
  content: "";
  background-color: #0009;
  inset: 0;
  width: 100%;
  height: 600px;
  z-index: 999;
}


.scrolling_img_wrap img {
  position: relative;
  margin: 0;
  max-width: max-content !important;
}

.scrolling_img_wrap {
  display: flex;
  gap: 32px;
}

.scrolling_image_main_wrap {
  position: relative;
}

.scrolling_image_overlay_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0;
  /* backdrop-filter: brightness(0.5); */
}

.scrolling_image_overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 36px;
}

.scrolling_image_overlay .scrolling_works_heading {
  font-size: 140px;
  color: var(--white);
  font-style: normal;
  font-weight: 700;
  line-height: 140px;
}

.scrolling_image_overlay .scrolling_works_btn {
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  font-weight: 400;
  padding: 16px 40px;
  border-radius: 30px;
  text-decoration: none;
  background-color: var(--black);
  color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 8px;
  transition: all 300ms ease-in-out;
}

.scrolling_image_overlay .scrolling_works_btn svg {
  width: 12px;
}

.scrolling_image_overlay .scrolling_works_btn svg path {
  stroke: var(--white);
}

.scrolling_image_overlay .scrolling_works_btn:hover {
  background-color: var(--pink);
}

/* Works Section End*/

/* Work Details Page End Here */

/* Rajay Animation Fixed image */
.gsap-marker-start,
.gsap-marker-scroller-end,
.gsap-marker-scroller-start,
.gsap-marker-end {
  display: none !important;
}

.orange {
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
  background-color: #753500;
}

.black {
  display: flex;
  height: 100% !important;
  justify-content: space-around;
  /*align-items: center;*/
  gap: 130px;
  top: 93px !important;
}

.blue {
  height: 100vh;
  background-color: #00026d;
}

.text-wrap {
  position: relative;
  overflow: hidden;
  width: 50%;
  height: 40vh;
}

.panel-text {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 900;
  transform: translateY(100%);
  opacity: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.p-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 80vh;
}

.panel {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 20px;
}

.panel.blue {
  z-index: auto;
  background-image: url("../../../wp-content/uploads/2024/10/img-ai-data-partner-1.png");
  position: sticky;
  top: 93px;
  height: 100% !important;
  background-size: contain;
  background-color: transparent !important;
  background-position: top;
}

.panel:is(.red, .orange, .purple) {
  display: none;
}

/* .panel.red {
  z-index: auto;
  background-image: url("../../../wp-content/uploads/2024/05/neve-marketing-agency-16.png");
}

.panel.orange {
  z-index: auto;
  background-image: url("../../../wp-content/uploads/2024/05/neve-marketing-agency-10.png");
}

.panel.purple {
  z-index: auto;
  background-image: url("../../../wp-content/uploads/2024/05/neve-marketing-agency-14.png");
} */

.panel-text .ctm_panel_heading {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px;
}

.panel-text .ctm_panel_info {
  color: var(--black);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.ctm_accordion_wrap summary .e-n-accordion-item-title-text {
  text-align: center;
}
@media screen and (min-width: 1025px) and (max-width: 1225px) {
    .ctm_hero_main_wrap .ctm_grey .elementor-widget-container{
        font-size: 38px;
        line-height: normal;
    }
}

@media screen and (min-width: 1024px) {

  .next_prev_course_wrap .ctm_next_course_wrapper {
    top: -20px !important;
  }

  .ctm_next_course_wrapper:hover,
  .ctm_prev_course_wrapper:hover {
    top: 20px !important;
  }

  .ctm_works_cards_main_wrap .ctm_works_card_title {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  .ctm_header_wrap .ctm_header_logo_wrap {
    width: fit-content !important;
    position: absolute;
    z-index: 999999;
  }

  .ctm_header_wrap .ctm_header_menu_wrap {
    width: calc(100% - 24px);
    right: -24px !important;
  }

  .ctm_header_menu ul.hfe-nav-menu li:last-child {
    right: 0 !important;
    position: absolute !important;
  }
}

@media screen and (max-width: 1024px) {
    .scrolltrigger_text_container {
  top: 100px;
}
    .scrolltrigger_container{
        min-height: 500px;
        gap: 80px;
    }
    .heading .scrolltrigger_heading{
            font-size: 32px;
    line-height: normal;
    }
    .scrolltrigger_text_container .scroll_text.active{
        font-size: 28px;
        line-height: normal;
    }
    .scrolltrigger_text {
    width: 100%;
}
    .ctm_footer_btn{
         font-size: 28px;
    }
    
  .work_details_slider .slides-numbers {
    padding-right: 16vw;
  }

  .ctm_header_menu .hfe-nav-menu__toggle .hfe-nav-menu-icon {
    padding: 0 !important;
  }

  .ctm_header_menu .hfe-nav-menu__toggle .hfe-nav-menu-icon svg :is(line, path) {
    stroke: var(--black) !important;
  }

  .ctm_header_menu .hfe-dropdown {
    left: calc(-10% + 51px) !important;
    right: -20px;
  }

  .ctm_header_menu .hfe-dropdown .hfe-nav-menu {
    padding: 70px 20px 20px;
    height: 460px;
    gap: 20px;
    align-content: flex-start;
    background-color: #ffffff;
  }

  .ctm_header_menu .hfe-dropdown .hfe-nav-menu::before {
    content: unset;
  }

  .ctm_header_menu .hfe-dropdown .hfe-nav-menu .menu-item {
    border: none !important;
  }

  .ctm_header_menu .hfe-nav-menu a.hfe-menu-item {
    font-size: 28px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 28px !important;
    padding: 0 !important;
  }

  .ctm_header_menu .ctm_header_wrok_tab a.hfe-menu-item {
    width: fit-content;
    border: 1px solid #000 !important;
    padding: 6px 10px !important;
  }

  .ctm_header_menu .ctm_header_wrok_tab.current-menu-item a.hfe-menu-item,
  .ctm_header_menu .ctm_header_wrok_tab a.hfe-menu-item:hover {
    background-color: #ff0059 !important;
    border-color: #ff0059 !important;
    color: var(--white) !important;
  }

  .ctm_header_menu ul.hfe-nav-menu li:last-child {
    position: absolute !important;
    bottom: 20px;
    left: 20px !important;
  }
  
    
    
  .ctm_accordion_wrap .e-n-accordion details::before {
    font-size: 26px;
    line-height: normal;
  }

  .ctm_accordion_wrap .e-n-accordion details summary::before {
    left: calc(-1 * 10px);
    width: calc(100% + 2 * 10px);
  }

  .ctm_accordion_wrap .e-n-accordion-item-title-icon .e-closed svg {
    width: 18px;
    height: 18px;
  }

  .category-filter {
    margin-bottom: 100px;
  }

  .ctm_works_cards_main_wrap {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 70px;
  }

  .scrolling_image_overlay .scrolling_works_heading {
    font-size: 120px;
    line-height: normal;
  }

  .scrolling_image_overlay {
    gap: 36px;
  }

  .scrolling_image_wrapper {
    padding-top: 64px;
  }

  .scrolling_img::before {
    height: 400px;
  }

  .scrolling_img_wrap img {
    max-height: 400px;
  }

  .Work_details_figure .figure_title {
    padding: 40px 20px;
    font-size: 42px;
    line-height: normal;
    width: 80%;
  }

  .Work_details_hero_section {
    margin-bottom: 100px;
  }

  .work_details_desc p {
    font-size: 28px;
    line-height: normal;
  }

  .work_details_info_wrap .work_details_info {
    gap: 100px;
  }

  .blockquote_section_main_wrap,
  .work_details_info_wrap {
    padding: 0 20px;
    margin-bottom: 140px;
  }

  .work_details_slider_wrap .slick-prev {
    left: 87vw;
  }

  .work_details_slider_wrap .slick-next {
    right: 2vw !important;
  }

  .work_details_slider {
    margin-bottom: 180px;
  }

  .blockquote_section_wrap {
    width: 80%;
  }

  .blockquote_section_wrap .blockquote_content {
    font-size: 30px;
    line-height: normal;
  }

  .accordion_main_wrap {
    padding: 0 20px;
    margin-bottom: 120px;
  }

  .accordion-header {
    padding: 16px 40px;
  }

  .accordion-header .accordion_header_title {
    font-size: 26px;
    line-height: normal;
  }

  .accordion .accordion-item::before {
    font-size: 26px;
    line-height: normal;
  }

  .accordion_content p {
    width: 80%;
  }

  .accordion-item .accordion-header::before {
    left: calc(-1 * 10px);
    width: calc(100% + 2 * 10px);
  }

  .all_project_link_main_wrap {
    margin-bottom: 30px;
    padding: 0 20px;
  }

  .next_prev_course_main_wrap .next_prev_course_wrap {
    gap: 50px;
  }

  .next_prev_course_wrap .footer_course_wrap {
    gap: 20px;
  }

  .footer_course_wrap .footer_course_heading {
    font-size: 36px;
    line-height: normal;
  }

  .next_prev_course_wrap :is(.prev_course_wrap, .next_course_wrap) {
    flex: 1;
    width: 100%;
  }

  .work_details_type_wrap {
    width: 200%;
  }

  .black {
    flex-direction: column;
    gap: 90px;
  }

  .text-wrap {
    width: 100%;
  }

  .panel-text {
    height: fit-content;
    gap: 24px;
    display: flex;
    flex-direction: column;
  }

  .panel-text .ctm_panel_info,
  .panel-text .ctm_panel_heading {
    font-size: 28px;
    line-height: normal;
  }
}

@media screen and (max-width: 1023px) {
  .ctm_header_menu .hfe-dropdown {
    left: calc(-10% + -27px) !important;
    right: -20px;
  }
}

@media screen and (max-width: 768px) {
    .ctm_accordion_wrap .e-n-accordion details:has(summary[aria-expanded="true"]) .e-con-full.e-flex.e-con.e-child {
    opacity: 1 !important;
    transition: opacity 1200ms ease-in-out;
  }
  .ctm_accordion_wrap .e-n-accordion details:has(summary[aria-expanded="false"]) .e-con-full.e-flex.e-con.e-child {
    opacity: 0 !important;
    transition: opacity .1s ease-in;
  }
    .ctm_accordion_wrap .e-n-accordion details summary::before {
  transition: none;
}
    .next_image_wrap,
.prev_image_wrap {
  opacity: 1;
}
.ctm_prev_course_wrapper *, .ctm_next_course_wrapper * {
    color: var(--white) !important;
}
    .ctm_next_prev_course_wrapper .next_image_wrap {
    opacity: 1;
    transform: scale(1.04);
}
    .ctm_footer_btn{
         font-size: 24px;
    }
  .ctm_innovate_text {
    color: var(--black);
    font-size: 28px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 6px;
  }

  .ctm_innovate_desc {
    color: var(--black);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 34PX;
  }

  .work_details_slider .slides-numbers {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding-right: 0 !important;
  }

  .footer_course_wrap .footer_course_title {
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .next_prev_course_wrap .ctm_next_course_wrapper {
    top: -10px !important;
  }

  .ctm_next_course_wrapper:hover,
  .ctm_prev_course_wrapper:hover {
    top: 10px !important;
  }

  .next_prev_course_wrap .ctm_next_course_wrapper {
    padding: 250px 50px 80px 20px;
  }

  .ctm_works_cards_main_wrap .post {
    max-height: 290px;
  }

  .ctm_works_cards_main_wrap .post img {
    height: 290px;
  }

  .panel-text .ctm_panel_info {
    font-size: 18px;
  }

  .panel-text .ctm_panel_heading {
    font-size: 24px;
  }

  .ctm_accordion_wrap .e-n-accordion details::before {
    font-size: 20px;
    line-height: normal;
  }

  .ctm_header_menu .hfe-dropdown {
    left: calc(-30% + -11.8vw) !important;
    right: -20px;
  }

  .ctm_accordion_wrap .e-n-accordion-item-title-icon .e-closed svg {
    width: 16px;
    height: 16px;
  }

  .category-filter {
    margin-bottom: 70px;
  }

  .ctm_works_cards_main_wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 60px;
  }

  .ctm_loadMore_btn #loadMore {
    padding: 12px 24px;
    font-size: 14px;
    line-height: 18px;
  }

  .scrolling_image_overlay .scrolling_works_heading {
    font-size: 38px;
    line-height: normal;
    color: var(--black) !important;
  }

  .scrolling_image_overlay {
    gap: 16px;
  }

  .scrolling_image_overlay .scrolling_works_btn {
    font-size: 16px;
    line-height: normal;
    padding: 16px 36px;
  }

  .scrolling_image_wrapper {
    padding-top: 44px;
  }

  .scrolling_image_overlay_wrap {
    position: relative !important;
    backdrop-filter: brightness(1);
    margin-top: 36px;
  }

  .scrolling_img::before {
    content: unset !important;
  }

  .scrolling_img_wrap img {
    max-height: 350px;
  }

  .Work_details_figure .figure_title {
    padding: 30px 20px;
    font-size: 36px;
    line-height: 50px;
    width: 90%;
  }

  .Work_details_hero_section {
    margin-bottom: 80px;
  }

  .work_details_desc p {
    font-size: 24px;
    line-height: normal;
  }

  .work_details_info_wrap .work_details_info {
    flex-direction: column-reverse;
    gap: 64px;
  }

  .work_details_type .ctm_work_gap {
    gap: 6px;
  }

  .work_details_type .type_heading,
  .work_details_type .type_desc {
    font-size: 16px;
    line-height: 22px;
  }

  .work_details_type_wrap .work_details_type {
    gap: 28px;
  }

  .blockquote_section_main_wrap {
    margin-bottom: 132px;
  }

  .work_details_info_wrap {
    margin-bottom: 100px;
  }

  .work_details_slider_wrap .slick-prev,
  .work_details_slider_wrap .slick-next {
    display: none !important;
  }

  .work_details_slider {
    margin-bottom: 140px;
  }

  .blockquote_section_wrap {
    width: 100%;
  }

  .blockquote_section_wrap .blockquote_content {
    font-size: 26px;
    line-height: normal;
  }

  .accordion_content p {
    font-size: 20px;
    line-height: 28px;
  }

  .accordion_content {
    padding: 50px 0 36px;
  }

  .accordion_main_wrap {
    margin-bottom: 132px;
  }

  .accordion-header {
    padding: 16px 30px;
  }

  .accordion .accordion-item::before,
  .accordion-header .accordion_header_title {
    font-size: 20px;
  }

  .accordion_content p {
    width: 100%;
  }

  .accordion_arrow svg {
    width: 16px;
    height: 16px;
  }

  .all_project_link_main_wrap {
    margin-bottom: 24px;
  }

  .next_prev_course_main_wrap .next_prev_course_wrap {
    flex-direction: row;
    gap: 40px;
  }

  .next_prev_course_wrap .footer_course_wrap {
    gap: 12px;
  }

  .work_details_type_wrap {
    width: 100%;
  }

  .ctm_according1 .e-n-accordion .e-n-accordion-item:last-child {
    border-bottom: 1px solid #d5d8dc;
  }

  .ctm_according1 .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title .e-n-accordion-item-title-text {
    font-size: 28px;
    font-weight: 700;
    line-height: 42px;
  }

  .ctm_according1 .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-text {
    color: #00d92e;
  }

  .black {
    gap: 50px;
  }
}

@media screen and (max-width: 575px) {
  .ctm_header_menu .hfe-dropdown {
    left: calc(-30% + -12.9vw) !important;
    right: -20px;
  }

  .ctm_hero_main_wrap {
    min-height: calc(100vh - 180px) !important;
  }
}

@media screen and (max-width: 380px) {
  .ctm_header_menu .hfe-dropdown {
    left: calc(-30% + -14.2vw) !important;
    right: -20px;
  }
}