/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/



body {
    background: transparent;
}

section {
    padding: 0rem 0;
}

.make_list_section li span.comingsoon {
    display: block !important;
    font-size: 15px;
    margin-top: -5px;
    color: #464646;
}

.pulse-div {
    z-index: 9 !important;
}

/* Custom Css */
body {
    overflow-x: hidden;
}

.elementor-custom-embed-play i,
.elementor-custom-embed-play svg {
    opacity: 1 !important;
}

.htmega-menu-container ul#menu-top-bar-menu>li {
    margin: 0;
}

ul#menu-main-menu>li.current_page_item>a {
    color: #000000 !important;
}

#menu-main-menu {
    column-gap: 24px;
}

#menu-main-menu>li {
    margin: 0 !important;
}

.tab-sec .e-n-tab-title[aria-selected=true] span {
    font-weight: 600;
    font-size: 30px;
}

#menu-top-bar-menu>li {
    margin-right: 35px !important;
}

#menu-main-menu>li:hover a {
    font-weight: 800;
}

#nav-menu-item-60 .htmenu-icon {
    display: none;
}

.hero-video,
.hero-video video {
    height: 845px !important;
}

.yellow {
    color: #E8CB3D;
}

.htmega-menu-container .sub-menu,
.htmega-menu-container .htmegamenu-content-wrapper {
    width: 100% !important;
}

body .gt_float_switcher {
    box-shadow: unset;
    background: transparent;
}

body .gt_float_switcher .gt-selected .gt-current-lang {
    padding: 0;
}

body .gt_float_switcher .gt-selected {
    background-color: transparent;
}

body .gt_float_switcher .gt-selected .gt-current-lang {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
    letter-spacing: 0;
}

.gt_float_switcher .gt_options {
    position: absolute !important;
    background: #fff;
    color: #000;
    width: max-content;
}

body .gt_float_switcher .gt_options a {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    letter-spacing: 0;
}


.form-align {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.select-style {
    padding: 0 20px;
    background: rgba(42, 45, 122, 0.09);
    border-radius: 15px;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    color: #6E6E6E;
    border: 0;
    appearance: none;
    background-image: url(https://staging.csss.es/wp-content/uploads/2025/07/Vector-2.svg);
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: 95% 50%;
    height: 85px;
    letter-spacing: 0;
}

.search-btn {
    padding: 32px 85px;
    background: #2A2D7A;
    border-radius: 15px;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 21px;
    color: #FFFFFF;
    letter-spacing: 0;
}

.search-btn:hover {
    color: #fff;
}

.custom-dropdown.w-320 {
    width: 320px;
}

.custom-dropdown.w-249 {
    width: 249px;
}

.select-style:focus-visible {
    outline: 0;
}

.select-style option,
.select-style option:focus,
.select-style option:focus-visible {
    content: '';
    position: absolute;
    padding: 34px 71px;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 15px 15px 60px 60px;
}

/*.why-video,
.why-video .elementor-custom-embed-image-overlay {
	height: 546px;
	width: 100%;
}*/

.program-sec .row {
    gap: 40px;
    justify-content: space-between;
}

#responsive .col-4 {
    width: 30.33%;
}


.program-box {
    padding: 20px;
    border: 1px solid transparent;
    border-radius: 25px 0px 25px 25px;
}

.program-box:hover {
    border: 1px solid #6E6E6E;
    box-shadow: (0px 4px 30px rgba(0, 0, 0, 0.5));
}

.program-box h3 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 24px;
    color: #121417;
    margin: 20px 0;
    letter-spacing: 0;
    text-transform: uppercase;
}

.program-box p {
    padding: 0px;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    color: #61758A;
    height: 75px;
    overflow: hidden;
    letter-spacing: 0;
}

.program-box img {
    height: 288px !important;
    border-top-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
    border-bottom-left-radius: 12px !important;
    object-fit: cover;
    width: 100%;
}

.view-btn {
    padding: 14px 25px;
    background: #2A2D7A;
    border-radius: 8px 0px 8px 8px;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #FFFFFF;
    display: inline-block;
    text-transform: capitalize;
    letter-spacing: 0;
}

.view-btn:hover {
    color: #fff;
}

.campus-video,
.campus-video iframe {
    height: 432px !important;
}

.campus-gallery .swiper {
    border-radius: 25px;
}

.campus-gallery img {
    width: 100%;
    height: 432px !important;
    object-fit: cover;
}

.event-sec .row {
    gap: 20px;
}

.col-6 {
    width: 48%;
}

.event-sec .col-7 {
    width: 60%;
}

.event-sec .col-5 {
    width: 38.5%;
}

.event-block {
    padding: 17px 14px;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 25px 0px 25px 25px;
    text-align: center;
}

.event-block img.main-img {
    height: 401px !important;
    width: 100%;
    object-fit: cover;
    border-radius: 15px 0px 15px 15px;
    object-position: top center;
}

.event-block h3 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    color: #121417;
    margin: 31px 0;
    letter-spacing: 0;
}

.icon-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 31px 20px;
    justify-content: center;
}

.icon-list div {
    display: flex;
    gap: 5px;
    align-items: center;
}

.icon-list div img {
    height: 25px;
    object-fit: contain;
}

.icon-list p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    margin: 0;
    letter-spacing: 0;
}

.check-btn {
    padding: 14.5px 16px;
    background: #2A2D7A;
    border-radius: 20px;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #FFFFFF;
    width: 100%;
    letter-spacing: 0;
}

.event-title {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    color: #121417;
    margin: 0 0 22px 0;
    letter-spacing: 0;
}

.event-box {
    padding: 8px 10px;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 32px;
    margin-bottom: 22.5px;
}

.event-box .blog-img {
    border-radius: 10px !important;
    width: 52%;
    height: 150px !important;
    object-fit: cover;
    object-position: top;
}

.event-box div {
    width: 40.9%;
}

.register-btn {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #2A2D7A;
    letter-spacing: 0;
}

.register-btn:hover {
    color: #135ea4;
}

.register-btn i {
    margin-left: 5px;
}

.event-box h3 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #121417;
    margin: 0 0 5px 0;
    letter-spacing: 0px;
}

.event-box p {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #61758A;
    margin-bottom: 10px;
    letter-spacing: 0px;
}

.explore-btn {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #FFFFFF;
    background: #2A2D7A;
    border-radius: 8px 0px 8px 8px;
    padding: 19.5px 16px;
    display: block;
    letter-spacing: 0;
}

.rank-box:hover .elementor-icon svg path {
    fill: #E8CB3D;
}

.rank-box:hover .elementor-icon-box-description b {
    color: #E8CB3D;
}

.rank-box {
    height: 318px;
    align-items: center !important;
    justify-content: center !important;
    display: flex;
    transition: height 3s ease-in-out;
}

.rank-box:hover {
    height: 360px;
    margin-top: -40px;
    transition: height 3s ease-in-out;
}


.logo-slider figure {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #D9D9D9;
    border-radius: 15px 15px 15px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-slider figure img {
    border-radius: 15px 15px 15px 15px;
    width: 330px;
    height: 134px;
    object-fit: contain;
}

.footer-menu ul {
    box-shadow: unset;
}

.footer-menu ul li a {
    padding: 0 0 15px 0;
}

.social-slider .swiper-slide figure {
    border: 1px solid #D9D9D9;
    border-radius: 31px;
    padding: 10px;
}

.social-slider .swiper-slide figure img.swiper-slide-image {
    height: 220px;
    width: 100%;
    object-fit: cover;
    border-radius: 31px;
}

.social-slider .swiper-slide figure .elementor-image-carousel-caption {
    position: absolute;
    bottom: 18px;
    left: 0;
    right: 0;
    opacity: 0;
    transition: all 300ms;
}

.social-slider .swiper-slide:hover figure .elementor-image-carousel-caption {
    opacity: 1;
}

.social-slider .swiper-slide figure .elementor-image-carousel-caption img {
    display: block;
    margin: 0 auto;
}

.student-life-slider .swiper-slide-inner img {
    height: 482px;
    width: 100%;
    object-fit: cover;
    object-position: top center;
}

.search-btn img {
    display: none;
}

.blog-box {
    position: relative;
}

.blog-box,
.blog-box img {
    border-radius: 25px 0px 25px 25px !important;
    height: 431px !important;
    width: 100%;
    object-fit: cover;

}

.blog-box {
    position: relative;
}

.blog-box:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /*background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #121417 69.71%);*/
    background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #121417 90%);
    border-radius: 25px 0px 25px 25px !important;
    top: 0;
    transition: all 0.5s;
}

.blog-box div {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 15px 12px;
    gap: 7px;
    border-radius: 25px 0px 25px 25px !important;
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
#blogs .slick-prev:before,
#blogs .slick-next:before {
    display: none;
}

#blogs .slick-prev {
    background: url(https://staging.csss.es/wp-content/uploads/2025/10/Group-101.webp);
    opacity: 1;
    background-size: contain !important;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    bottom: unset;
    top: -60px;
    left: unset;
    right: 55px;
    z-index: 1;
}

#blogs .slick-prev:hover {
    background: url(https://staging.csss.es/wp-content/uploads/2025/11/hoverl.svg);
}

#blogs .slick-next {
    background: url(https://staging.csss.es/wp-content/uploads/2025/11/righta.svg);
    opacity: 1;
    background-size: contain !important;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    bottom: unset;
    top: -60px;
    right: -20px;
}

#blogs .slick-next:hover {
    background: url(https://staging.csss.es/wp-content/uploads/2025/11/hoverr.svg);
}
#blogs .slick-list {
    padding: 0 22% 0 0 !important;
}

#blogs .slick-slide {
    margin: 0 5px;
}


#blogs .slick-list {
    margin: 0 -5px;
}

.blog-box div h3 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;
    margin: 0;
    height: 72px;
    overflow: hidden;
    letter-spacing: 0;
}

.blog-box div p {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 100;
    font-size: 14px;
    line-height: 21px;
    color: #F5F5F5;
    margin: 0;
}

#blogs .slick-slide.slick-current .blog-box h3 {
    font-size: 20px;
}

#blogs .slick-slide.slick-current .blog-box p {
    font-size: 18px;
}

.sub-menu>li.current_page_item>a {
    color: #000000 !important;
}

.faq-style .e-n-accordion-item-title {
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
    justify-content: space-between !important;
}

.faq-style .e-closed svg,
.faq-style .e-opened svg {
    display: none;
}

.faq-style .e-closed:after {
    content: url(https://staging.csss.es/wp-content/uploads/2025/07/Group-100.webp);
    display: block;
    width: 100%;
    height: 100%;
}

.faq-style .e-opened:after {
    content: url(https://staging.csss.es/wp-content/uploads/2025/07/Group-100.webp);
    display: block;
    width: 100%;
    height: 100%;
    rotate: 180deg;
}

.icon-list .elementor-icon-list-item {
    flex-wrap: wrap;
}

.icon-list .elementor-icon-list-icon {
    width: 12%;
}

.icon-list .elementor-icon-list-text {
    width: 88%;
}

.p-box:hover .elementor-icon svg {
    box-shadow: 0px 0px 20px rgba(232, 203, 61, 0.3);
    border-radius: 100px;
}

.faq-style .e-n-accordion-item[open] {
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
}

.faq-style .e-n-accordion-item[open] .e-n-accordion-item-title {
    border-radius: 15px;
}

.faq-style .e-n-accordion-item[open]>.e-n-accordion-item-title {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: unset;
}

.mega-menu-post .elementor-posts article:last-child {
    border-bottom: 0 !important;
}

.testimonial-slider .elementor-testimonial__content {
    display: flex;
    flex-direction: column-reverse;
}

.testimonial-slider .elementor-testimonial__cite {
    margin-top: 8px !important;
    padding-bottom: 8px;
    position: relative;
}

.testimonial-slider .elementor-testimonial__cite:after {
    content: '';
    background: #D9D9D9;
    height: 2px;
    width: 31px;
    display: block;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.testimonial-slider .elementor-testimonial__text {
    margin-top: 8px;
}

.search-div .dialog-widget-content {
    width: 100% !important;
}

.search-div .e-search-input {
    text-align: center;
}

#next_campus .elementor-icon-wrapper,
#previous_campus .elementor-icon-wrapper {
    line-height: 0;
}

.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
    transform: unset !important;
}


.campus-gallery .slider-box {
    gap: 0px;
}

.student-life-slider .item img {
    height: 100%;
}

.student-life-slider .infinite-slider .item {
    width: auto;
    max-width: unset;
}


.mobile-menu .elementor-nav-menu li a {
    gap: 10px;

    border-radius: 0px 10px 10px 10px !important;

    /*padding-left:150px !important;*/
    padding-left: 30% !important;
    padding-right: 30% !important;
}

.mobile-menu .elementor-nav-menu li.pay-btn a {
    padding: 10px 71px ! IMPORTANT;
    background: #E8CB3D;
    border-radius: 8px 0px 8px 8px;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 21px !important;
    text-align: center;
    color: #121417 !important;
    width: fit-content;
    margin: 0 auto;
}

.mobile-menu .elementor-nav-menu li a:hover svg path {
    fill: #fff !important;
}

.elementor-menu-toggle__icon--close svg {
    font-size: 18px;
}

.mobile-menu .elementor-nav-menu {
    padding: 30px 10px;
}

.testimonial-slider .elementor-main-swiper {
    padding-bottom: 0 !important;
}

.blog-box {
    overflow: hidden;
    transition: all 0.5s;
}

.blog-box img {
    transition: all 0.5s;
}

.blog-box:hover img {
    transform: scale(1.1);
    transition: all 0.5s;
}

.elementor-icon-wrapper,
#gt_float_wrapper {
    line-height: 0;
}

.blog-box img {
    opacity: 0.7;
}

.footer-list .elementor-icon-list-text {
    padding-inline-start: 0 !important;
}

.social-box {
    border: 1px solid #D9D9D9;
    border-radius: 31px;
    padding: 10px;
    position: relative;
}

.social-box>img {
    height: 220px !important;
    width: 100%;
    object-fit: cover;
    border-radius: 25px !important;
}

.social-box div {
    position: absolute;
    bottom: 18px;
    left: 0;
    right: 0;
    opacity: 0;
    transition: all 300ms;
    padding: 0 18px;
    text-align: center;
}

.social-box:hover div {
    opacity: 1;
}

.social-box div img {
    margin: 0 auto;
}


#social .slick-slide {
    margin: 0 9px;
}

#social .slick-list {
    margin: 0 -9px;
    padding: 0 12% 0 0 !important;
}

.gt_float_switcher img {
    width: 24px !important;
    height: 18px;
    object-fit: contain;
}

.gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
    text-transform: capitalize;
}

.navbar-div .elementor-menu-toggle {
    padding: 0;
}

.custom-dropdown .dropdown-list {
    padding: 34px 71px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 15px 15px 60px 60px;
    left: 50%;
    right: 50%;
    transform: translate(-50%);
}

.custom-dropdown .dropdown-item {
    padding: 0 !important;
    margin: 0 !important;
    text-align: center;
}

.custom-dropdown .dropdown-item {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-size: 24px;
    line-height: 18px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 26px !important;
}

/* .custom-dropdown .dropdown-item.selected{
	font-size: 26px;
} */

.custom-dropdown .dropdown-list .dropdown-item:last-child {
    margin-bottom: 0 !important;
}

.explore-link .elementor-button-icon svg {
    width: 13px;
}

.faq-style .e-n-accordion-item[open] {
    border: 1px solid #E8CB3D;
    border-radius: 15px 0 15px 15px;
}

.faq-style .e-n-accordion-item-title-icon span {
    height: auto !important;
}

.faq-style .e-closed:after,
.faq-style .e-opened:after {
    line-height: 0;
}

.follow-icon .elementor-icon.elementor-social-icon {
    flex-direction: column !important;
    transition: all 0.2s;
}

.follow-icon .elementor-icon.elementor-social-icon:after {
    content: '';
    width: 6px;
    height: 6px;
    background: #fff;
    display: block;
    border-radius: 50%;
    opacity: 0;
    position: absolute;
    bottom: -15px;
    transition: all 0.2s;
}

.follow-icon .elementor-icon.elementor-social-icon:hover:after {
    opacity: 1;
    transition: all 0.2s;
}

.social-icon {
    background: linear-gradient(45deg, #F58529, #FEDA77, #DD2A7B, #8134AF, #515BD4);
    ;
    padding: 4.5px;
    border-radius: 18px;
    color: #fff;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.8);
    display: inline-flex;
    align-items: center;
    gap: 5px;
    width: 100%;
    justify-content: center;

}

.social-icon:hover {
    color: #fff;
}

.social-icon img {
    margin: 0 !important;
}

.check-btn:hover,
.explore-btn:hover {
    color: #fff;
}

.btn-hover,
.ebtn-hover a {
    position: relative;
    overflow: hidden;
    transition: 0.5s ease-in-out;
    z-index: 1;
}

/* 
.btn-hover:hover,.ebtn-hover a:hover{
	color:#fff !important;
} */
/* 
.btn-hover:before, .btn-hover:after,.ebtn-hover a:after,.ebtn-hover a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #135ea4;
	transition: 0.5s ease-in-out;
	z-index:-1;
} */

.btn-hover:before,
.ebtn-hover a:before {
    transform: translateY(-100%);
}

.btn-hover:after,
.ebtn-hover a:after {
    transform: translateY(100%);
}

.btn-hover:hover:before,
.ebtn-hover a:hover:before {
    transform: translateY(-48%);
}

.btn-hover:hover:after,
.ebtn-hover a:hover:after {
    transform: translateY(48%);
}

.custom-dropdown .dropdown-item label {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-size: 24px;
    line-height: 18px;
    font-weight: 500;
    text-align: center;
}

.custom-dropdown .dropdown-item {
    margin-bottom: 5px !important;
    padding: 10px 5px !important;
}

.dropdown-item.active,
.dropdown-item:focus,
.dropdown-item:hover {
    color: #2c2e87;
    font-size: 26px;
    transition: all 0.15s linear;
}

.custom-filter-program {
    padding: 17px 14px;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 25px 0px 25px 25px;
    width: 90%;
}

.program-item h4 {
    margin: 0 0 10px 0;
}

.program-item h4 a {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-size: 24px;
    line-height: 18px;
    font-weight: 500;
    color: #000;
    margin-bottom: 5px !important;
    padding: 10px 15px !important;
}

.program-item h4 a:focus,
.program-item h4 a:hover {
    border-radius: 5px;
    background-color: #2a2d7a;
    color: #fff !important;
}

.custom-dropdown .selected-option {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.footer-sticky .elementor-widget-icon-box.active svg path {
    fill: #2A2D7A;
}

.footer-sticky .elementor-widget-icon-box.active a {
    color: #2A2D7A;
}

.p-box:hover .elementor-icon svg {
    transform: scale(1.1);
}


/* mobile menu center align css */
.mobile-menu.menu-center .elementor-nav-menu li.current-menu-item,
.mobile-menu.menu-center .elementor-nav-menu li:hover {
    border-radius: 8px 0px 8px 8px !important;
    background-color: #2A2D7A;
}

.mobile-menu.menu-center .elementor-nav-menu li .sub-menu li:hover,
.mobile-menu.menu-center .elementor-nav-menu li .sub-menu li:focus-visible {
    border-radius: 0px !important;
    background-color: #2A2D7A;
}

.mobile-menu.menu-center .elementor-nav-menu li.pay-btn:hover {
    background-color: unset;
}

.mobile-menu.menu-center .elementor-nav-menu li .sub-menu li,
.mobile-menu.menu-center .elementor-nav-menu li .sub-menu li a {
    border-radius: 0px !important;
}

.mobile-menu.menu-center .elementor-nav-menu li.current-menu-item>a,
.mobile-menu.menu-center .elementor-nav-menu li:hover>a,
.mobile-menu.menu-center .elementor-nav-menu li:focus-visible a,
.mobile-menu.menu-center .elementor-nav-menu li .sub-menu li:hover a,
.mobile-menu.menu-center .elementor-nav-menu li .sub-menu li:focus-visible a {
    color: #fff !important;
}

.mobile-menu.menu-center .elementor-nav-menu li {
    border-radius: 8px 0px 8px 8px !important;
    text-align: center;
    margin-bottom: 5px;
}

.mobile-menu.menu-center .elementor-nav-menu li>a {
    background-color: unset !important;
    padding: 13px 0px !important;
    gap: 0;
    border-radius: 0 !important;
    display: inline-block;
    text-align: left;
    width: 172px;
    color: #504F4F;
    border: 0;
    box-shadow: unset;
}


.mobile-menu.menu-center .elementor-nav-menu li a.has-submenu.highlighted {
    color: #504F4F;
}

.mobile-menu.menu-center .elementor-nav-menu li a svg {
    margin-right: 10px;
    display: inline;
}

.mobile-menu.menu-center .elementor-nav-menu li a svg path {
    fill: #504F4F;
}

.mobile-menu.menu-center .elementor-nav-menu li.current-menu-item a svg path,
.mobile-menu.menu-center .elementor-nav-menu li:hover a svg path,
.mobile-menu.menu-center .elementor-nav-menu li:focus-visible a svg path {
    fill: #fff !important;
}

.mobile-menu.menu-center .elementor-nav-menu li a .sub-arrow {
    padding-left: 5px;
    display: inline;
}

.mobile-menu.menu-center .elementor-nav-menu li.pay-btn a {
    padding: 10px 71px ! IMPORTANT;
    background-color: #E8CB3D !important;
    border-radius: 8px 0px 8px 8px !important;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 21px !important;
    text-align: center;
    color: #121417 !important;
    width: fit-content;
    margin: 0 auto;
}

/* event page css start*/
.custom-dropdown.custom-dropdown-design .selected-option {
    padding: 20px 99px 20px 25px;
    background: #EFEFEF;
    border-radius: 15px 0px 15px 15px;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
    border: 0;
}

.custom-dropdown input.date-input {
    padding: 20px 25px;
    background: #EFEFEF;
    border-radius: 15px 0px 15px 15px;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
    border: 0;
    text-transform: uppercase;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url(https://staging.csss.es/wp-content/uploads/2025/08/Group-1.svg) no-repeat;
    width: 20px;
    height: 20px;
    border-width: thin;
}

.custom-dropdown.custom-dropdown-design .selected-option {
    background-image: url(https://staging.csss.es/wp-content/uploads/2025/08/Vector-3.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 90% 50%;
    height: 70px;
}

.custom-dropdown.custom-dropdown-design .dropdown-list {
    padding: 34px 71px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 15px 15px 60px 60px;
    left: 50%;
    right: 50%;
    transform: translate(-50%);
}

.filter-btn {
    padding: 20px 64.5px;
    background: #E8CB3D;
    border-radius: 15px 0px 15px 15px;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
    display: flex;
    gap: 10px;
}


.only-filter-div .custom-dropdown.custom-dropdown-design:nth-of-type(1) {
    width: fit-content;
}


.only-filter-div .custom-dropdown.custom-dropdown-design:nth-of-type(2),
.only-filter-div .custom-dropdown.custom-dropdown-design:nth-of-type(3) {
    width: 230px;
}

.filter-sbtn {
    padding: 21px 14px;
    height: 70px;
    width: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E8CB3D;
    border-radius: 15px 0px 15px 15px;
}

.event-content {
    margin-top: 100px !important;
}


.event-content h2 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 800;
    font-size: 50px;
    line-height: 63px;
    text-align: center;
    letter-spacing: -1px;
    color: #000000;
    margin: 0 0 35px 0;
}

.event-content p {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #121417;
    margin-bottom: 63px;
}


.filter-btn:hover {
    color: #000000;
}

.filter-main-div {
    display: flex;
    flex-wrap: wrap;
}



.eventl-box {
    position: relative;
    padding: 20px 18px;
    gap: 15px;
    display: flex;
    flex-wrap: wrap;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.25);
    border-radius: 30px 0px 30px 30px;
}

.eventl-box>img {
    border-radius: 30px 0px 30px 30px !important;
    height: 274px !important;
    width: 100%;
    object-fit: cover;
    object-position: top center;
}

.eventl-box h3 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 27px;
    line-height: 35px;
    color: #121417;
    margin: 0;
    height: 70px;
    overflow: hidden;
}

.eventl-box p {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    margin: 0;
    height: 40px;
}

.meta-div {
    gap: 16px 5px;
    border-top: 1px solid #0000004D;
    padding-top: 15px;
    justify-content: space-between;
}

.meta-div img {
    border-radius: 0;
}

.meta-div div {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    width: 49%;
}

.meta-div div:last-child {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    width: 100%;
}


.meta-div p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    height: auto;
}

.detail-btn {
    display: block;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #FFFFFF;
    letter-spacing: 0;
    background: #2A2D7A;
    border-radius: 20px;
    padding: 9.5px;
    width: 100%;
    text-decoration: unset;
}

.detail-btn:hover {
    color: #FFFFFF;
}

.eventl-box .col-6,
.eventl-box .col-12 {
    padding: 0 10px;
}

.date-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 19px 16px;
    gap: 0px;
    background: #FFFFFF;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
    border-radius: 15px 0px 15px 15px;
    position: absolute;
    top: -13px;
    left: -17px;
    z-index: 1;
}

.date-div p {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
    height: auto;
}


.gap-52 {
    column-gap: 52px;
    row-gap: 63px;
}


.eventl-box .img-box {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    background: #DC3545;
    border-radius: 10px 0px 10px 10px;
    padding: 5px 30px 5px 60px;
    width: 93%;
    height: 50px;
    position: absolute;
    top: 11px;
}

.data-pagination {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 38px;
}

.data-pagination ul {
    list-style-type: none;
    display: flex;
    align-items: center;
    font-size: 100%;
    margin: 0;
}

.data-pagination ul li {
    display: inline-block;
    font-size: 100%;
    width: auto;
    border-radius: 3px;
}

.data-pagination ul li a {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: #000000;
}

.data-pagination ul li.active a {
    background: #2A2D7A;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 30px;
    line-height: 38px;
}

.pagination-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 39px;
    margin-top: 60px;
}

.label-div {
    display: flex;
    align-items: center;
    gap: 13px;
}

.label-div p {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: #000000;
    margin: 0;
}

.select-div {
    display: flex;
    align-items: center;
    gap: 13px;
}

.input-style {
    padding: 7.5px 17px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(239, 239, 239, 0.5);
    border-radius: 15px 0px 15px 15px;
}

.Event-section .gap-52 .col-4 {
    width: 30.77%;
    padding: 0;
}

input[type="date"] {

    -webkit-appearance: inherit !important;
}

.event-list-view {
    row-gap: 60px;
}

.event-list-view .eventl-box {
    align-items: center;
    gap: 30px;
}

.img-div {
    width: 40%;
}

.details-div {
    width: 55%;
    position: relative;
}

.event-list-view .eventl-box p {
    height: auto;
    margin: 15px 0;
}

.event-list-view .meta-div p {
    margin: 0;
}

.filter-main-section .cutom-search {
    padding: 21px 14px;
    height: 70px;
    width: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E8CB3D;
    border-radius: 0 0px 15px 0px;
    border: 0;
}

.filter-main-section .search-div input {
    padding: 20px 25px;
    background: #EFEFEF;
    border-radius: 15px 0px 0px 15px;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
    border: 0;
}

.filter-main-section .search-div input {
    box-shadow: unset;
}

.event-list-view .eventl-box .img-box {
    margin: 0;
    width: 100%;
    position: unset;
    margin-bottom: 10px;
    padding: 10px;
    border-top-left-radius: 0;
}

.event-list-view .date-div p {
    margin: 0;
}

.event-list-view .meta-div div:last-child p {
    height: auto;
    margin-bottom: 15px;
}

/* single event css start */
.event-images {
    margin-top: 110px;
}

.event-images h1 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 800;
    font-size: 60px;
    line-height: 76px;
    text-align: center;
    letter-spacing: -1px;
    color: #2A2D7A;
    margin: 0 0 62px 0;
}

.event-slider .slick-prev:before {
    background-image: url('https://staging.csss.es/wp-content/uploads/2025/08/Group-101.png');
    background-size: contain;
    display: inline-block;
    width: 150px;
    height: 150px;
    content: "";
    opacity: 1;
}

.event-slider img {
    border: 3px solid #E8CB3D;
    border-radius: 45px 0px 45px 45px;
    height: 705px;
    object-fit: cover;
    width: 100%;
}

.event-slider .slick-next:before {
    background-image: url('https://staging.csss.es/wp-content/uploads/2025/08/Group-100.png');
    background-size: contain;
    display: inline-block;
    width: 150px;
    height: 150px;
    content: "";
    opacity: 1;
}

.event-slider .slick-prev,
.event-slider .slick-next {
    width: auto;
    height: auto;
}

.event-slider .slick-prev {
    left: -70px;
    z-index: 10;
}

.event-slider .slick-next {
    right: -70px;
}

.event-details {
    margin: 100px 0;
}

.event-details h2 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    color: #000000;
    margin: 0;
    letter-spacing: 0;
}

.detail-div {
    margin-top: 25px;
    padding: 50px 70px;
    justify-content: space-between;
    background: #FFFFFF;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
    border-radius: 25px 0px 25px 25px;
    display: flex;
    flex-wrap: wrap;
}

.details {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    width: fit-content;
}

.details img {
    height: 42px;
    width: auto;
    object-fit: contain;
}

.details p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 44px;
    color: #000000;
    margin: 0;
}

.description-section h2 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    color: #000000;
    margin: 0;
    letter-spacing: 0;
}

.description-box {
    padding: 39px 70px 39px 50px;
    background: #FFFFFF;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
    border-radius: 25px 0px 25px 25px;
    margin-top: 25px;
}

.description-box p:last-child {
    margin: 0;
}

.description-box {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
    letter-spacing: 0.02em;
    color: #000000;
}

.description-box p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
    letter-spacing: 0.02em;
    color: #000000;
}

p.highlight {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    display: flex;
    align-items: center;
    letter-spacing: 0.02em;
    color: #2A2D7A;
}

.blue-text {
    color: #2A2D7A;
    font-weight: 700;
}

.speaker-section {
    padding: 41px 0;
    gap: 10px;
    background: rgba(217, 217, 217, 0.2);
    margin: 100px 0;
}

.speaker-section h2 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    color: #000000;
    margin: 0 0 24px 0;
    letter-spacing: 0;
}

.align-div {
    display: flex;
    align-items: flex-start;
    gap: 21px;
}

.speaker-box {
    padding: 37px 20px;
    background: #FFFFFF;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
    border-radius: 25px 0px 25px 25px;
}

.speaker-box img {
    width: 162px;
    height: 162px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    margin-bottom: 15px;
}

.speaker-box h3 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0.02em;
    color: #000000;
    margin: 0;
    margin-bottom: 15px;
}

.speaker-box p {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    text-align: justify;
    color: #000000;
    border-top: 2px solid #E8CB3D;
    padding-top: 15px;
    margin: 0;
    letter-spacing: 0;
}

.speaker-section iframe {
    padding: 10px;
    width: 100%;
    height: 532px !important;
    background: #FFFFFF;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
    border-radius: 25px 0px 25px 25px;
}

.speaker-section .col-set-1 {
    width: 54%;
}

.speaker-section .col-set-2 {
    width: 46%;
}

.recent-post {
    margin-bottom: 260px;
}

.recent-post .eventl-box h3 {
    letter-spacing: 0;
}

.recent-post h2 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 50px;
    line-height: 63px;
    color: #000000;
    margin: 0;
    letter-spacing: 0;
}

#recent-post {
    margin-top: 20px;
}


#recent-post .slick-slide {
    padding: 25.5px;
}

#recent-post .eventl-box {
    box-shadow: unset;
}

.event-btn {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
    padding: 20px 27.5px;
    background: #E8CB3D;
    border-radius: 15px 0px 15px 15px;
    margin-top: 56px;
    margin: 10px auto 0 auto;
    display: block;
    text-align: center;
    width: fit-content;
    text-decoration: unset;
    letter-spacing: 0;
}

.event-btn:hover {
    color: #000;
}

.meta-div div:last-child p {
    height: 38px;
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
}


.search-div {
    width: 100%;
}

.custom-filter-search-btn svg path {
    fill: #000;
}


.filter-row {
    gap: 20px;
    padding: 0;
    justify-content: space-between;
    display: flex;
}

.filter-main-section {
    width: 76%;
}

.filter-button-section {
    width: 22%;
    gap: 25px;
    justify-content: flex-end;
}

.only-filter-div {
    gap: 22px;
    width: 100%;
    justify-content: flex-start;
}


.filter-sbtn img {
    height: 20px !important;
    object-fit: contain;
}

#social {
    margin-right: -40px;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: unset;
}

.btn-hover:hover,
.ebtn-hover a:hover {
    transform: scale(1.04);
    transition: all 0.2s;
}

.btn-hover,
.ebtn-hover a {
    transition: all 0.2s !important;
}

.gt_float_switcher .gt_options {
    top: 36px;
}

.dropdown-item.active,
.dropdown-item:focus,
.dropdown-item:hover {
    font-size: 24px !important;
    transform: scale(1.1);
}

.hero-video,
.hero-video video {
    /* 	object-fit: contain !important; */
    height: 81vh;
}

.hero-video {}

/* program category page css start */
.category-banner {
    padding: 504px 0 90px 0;
    background-image: url(https://staging.csss.es/wp-content/uploads/2025/09/shutterstock_2408067875-1.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;

}

.category-banner h1 {
    font-family: Plus Jakarta Sans;
    font-weight: 700;
    font-size: 60px;
    line-height: 76px;
    letter-spacing: -1px;
    text-align: center;
    color: #fff;
    margin-top: 0;
    margin-bottom: 20px;
}


.category-banner p {
    font-family: Plus Jakarta Sans;
    font-weight: 300;
    font-size: 28px;
    line-height: 35px;
    letter-spacing: 0;
    text-align: center;
    color: #fff;
    margin: 0 auto 20px auto;
    width: 99%;
}

.view-ebtn {
    background-color: #E8CB3D;
    padding: 20px 23.5px;
    font-family: Plus Jakarta Sans;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0px;
    text-decoration: unset;
    color: #000000;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    margin: 0 auto;
    width: fit-content;
    display: block;
}


.view-ebtn:hover {
    color: #000;
}

.box-section {
    margin-top: -28px;
}

.box-section .container {
    box-shadow: 0px 0px 24px 0px #00000040;
    background: #fff;
    padding: 20px 0;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
}

.box-section .row .col-lg-3:first-child .box-style {
    padding-left: 75px;
}

.box-section .row .col-lg-3:last-child .box-style {
    padding-right: 75px;
}

.box-style img {
    height: 108px;
    object-fit: contain;
    margin-bottom: 20px;
    width: auto;
}

.box-style {
    text-align: left;
    padding: 0 65px 27px 65px;
    height: 100%;
}

.border-right {
    border-right: 1px solid #E3E3E3;
}

.box-style h3 {
    font-family: Plus Jakarta Sans;
    font-weight: 600;
    font-size: 30px;
    line-height: 38px;
    letter-spacing: 0px;
    margin-bottom: 10px;
    color: #000000;
    margin-top: 0;
}

.box-style p {
    font-family: Plus Jakarta Sans;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0px;
    margin: 0;
    color: #000000;
}


.content-section {
    margin: 100px 0;
}

.content-section h2 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 50px;
    line-height: 40px;
    text-align: center;
    color: #121417;
    margin-top: 0;
    margin-bottom: 35px;
    letter-spacing: 0;
}

.content-section p {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #000000;
    margin-bottom: 0;
}


.program-list {
    background: #F5F5F580;
    padding: 100px 0;
}

.program-list h2 {
    font-family: Plus Jakarta Sans;
    font-weight: 800;
    font-size: 50px;
    line-height: 63px;
    letter-spacing: -1px;
    text-align: center;
    margin: 0;
}

.plist-style {
    margin-top: 60px;
    column-gap: 18px;
}

.plist-style .col-lg-4 {
    width: 31.83%;
}

.program-box-style {
    border: 1.5px solid #CACACA;
    border-radius: 25px 0px 25px 25px;
    padding: 30px;
}


.program-box-style h3 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #000000;
    margin-top: 0;
    margin-bottom: 30px;
    height: 120px;
    overflow: hidden;
    letter-spacing: 0px;
}

.line {
    width: 100px;
    height: 5px;
    background: #E8CB3D;
    margin-bottom: 30px;
}

.program-box-style p {
    font-family: Plus Jakarta Sans;
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0px;
    margin-bottom: 30px;
}

.program-box-style p b {
    font-weight: 600;
}

.border-btn {
    font-family: Plus Jakarta Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    padding: 18px 10px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border: 1px solid #E8CB3D;
    display: block;
    color: #000;
    text-decoration: unset;
    margin-bottom: 10px;
}

.bg-btn {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    padding: 20px 15px;
    background: #E8CB3D;
    border-radius: 15px 0px 15px 15px;
    display: block;
    color: #000;
    text-decoration: unset;
}

.border-btn:hover,
.bg-btn:hover {
    color: #000;
}

.choose-section {
    margin: 100px 0;
}

.choose-section h2 {
    margin-top: 0;
    font-family: Plus Jakarta Sans;
    font-weight: 700;
    font-size: 50px;
    line-height: 40px;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 35px;
}

.choose-section p {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #121417;
    margin: 0 auto;
    width: 98%;
}

.box-list {
    margin-top: 38px;
}

.box-list .col-lg-3 {
    padding-left: 10.5px;
    padding-right: 10.5px;
}

.choose-box {
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
    border-radius: 15px 0px 15px 15px;
    padding: 20px;
}

.choose-box h3 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 12px;
    margin-top: 0;
    letter-spacing: 0;
}

.choose-box p {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    margin: 0;
    text-align: left;
    width: 100%;
    letter-spacing: 0;
}

.testimonial-section {
    background: #D9D9D933;
    padding: 154.5px 0;
}

.client-detail-col img,
.client-box .col-lg-8 img {
    margin-bottom: 32px;
}

.client-detail-col p,
.client-box .col-lg-8 p {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    color: #000000;
    padding-bottom: 32px;
    border-bottom: 1.5px solid #00000033;
    margin-bottom: 32px;
}

.cdetail {
    width: 72%;
}

.cdetail h3 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 50px;
    color: #121417;
    letter-spacing: 0;
    margin: 0;
}

.cdetail span {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 35px;
    color: rgba(18, 20, 23, 0.5);
    margin: 0;
    letter-spacing: 0;
}

.life-section {
    margin: 110px 0;
    text-align: center;
}

.life-section h2 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 50px;
    line-height: 63px;
    text-align: center;
    color: #121417;
    margin-top: 0;
    margin-bottom: 6px;
}

.life-section p {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    color: #61758A;
    margin-bottom: 31px;
}

.client-img-div {
    position: relative;
    height: 441px;
    width: 374px;
}

.play-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.play-img img {
    width: 75px;
    object-fit: contain;
}

.client-img-div .bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    z-index: 2;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    object-fit: cover;
}

.client-img-div.open .bg-video {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .6s .8s;
    transition: all .6s .8s;
}

.client-img-div.open .video-container {
    opacity: 1;
    -webkit-transition: all .6s .8s;
    transition: all .6s .8s;
}

.video-container {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    z-index: 1;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    padding: 2px;
}

.testimonial-slider .slick-prev:before,
.testimonial-slider .slick-next:before {
    display: none;
}

.testimonial-slider .slick-prev,
.testimonial-slider .slick-prev:hover,
.testimonial-slider .slick-prev:focus {
    background: url(https://staging.csss.es/wp-content/uploads/2025/09/Group-101.webp);
    opacity: 1;
    background-size: contain;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    bottom: 0;
    top: unset;
    left: unset;
    right: 116px;
    z-index: 1;
}

.testimonial-slider .slick-next,
.testimonial-slider .slick-next:hover,
.testimonial-slider .slick-next:focus {
    background: url(https://staging.csss.es/wp-content/uploads/2025/09/Group-100.webp);
    opacity: 1;
    background-size: contain;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    bottom: 0;
    top: unset;
    right: 26px;
}

.client-row {
    column-gap: 30px;
}

.testimonial-slider .client-col {
    width: 29%;
}

.testimonial-slider .client-detail-col {
    width: 68%;
}

.schedule-section {
    background: #2A2D7A;
    padding: 131px 0;
}

.schedule-section h2 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 70px;
    line-height: 88px;
    text-align: center;
    color: #FFFFFF;
    margin-top: 0;
    margin-bottom: 35px;
    letter-spacing: 0;
}

.schedule-section h2 span {
    color: #E8CB3D;
}

.schedule-section p {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 35px;
}

.schedule-btn {
    background-color: #E8CB3D;
    padding: 15px 67.5px;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #2A2D7A;
    display: flex;
    width: fit-content;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    text-decoration: unset;
}

.schedule-btn:hover {
    color: #2A2D7A;
}

.schedule-btn img {
    margin-right: 12px;
}

.faq-section {
    margin: 100px 0 255px;
}

.faq-section h2 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 60px;
    line-height: 76px;
    text-align: center;
    margin-top: 0;
    color: #000000;
    margin-bottom: 10px;
    letter-spacing: 0;
}

.faq-section p {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #000000;
    margin-bottom: 30px;
}

.accordion {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}

.accordion-item {
    border: 0;
}


.accordion-item h2 {
    margin: 0 !important;
}

.accordion-button {
    padding: 21px 24px;
    background: #FFFFFF;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
    border-radius: 15px 0px 15px 15px;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    color: #000000;
    text-decoration: unset;
}

.accordion-button:focus {
    text-decoration: unset;
}

.accordion-button:hover {
    text-decoration: unset;
}

.accordion-collapse {
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 0;
    border-radius: 0px 0px 15px 15px;
}

.accordion-body {
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0px;
    color: #000000B2;
    padding: 0;
}

.accordion-button::after {
    background-image: url(https://staging.csss.es/wp-content/uploads/2025/09/Group-100-1.webp);
    background-size: contain;
    width: 37px;
    height: 37px;
}

.accordion-button:not(.collapsed)::after {
    background-image: url(https://staging.csss.es/wp-content/uploads/2025/09/Group-100-1.webp);
}

.accordion-button:not(.collapsed) {
    color: #000000;
    background-color: transparent;
    box-shadow: unset;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: unset;
}

.accordion-button:focus,
.accordion-item:last-of-type .accordion-button.collapsed,
.accordion-item:first-of-type .accordion-button {
    border-color: transparent;
    outline: 0;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
    border-radius: 15px 0px 15px 15px;
}


.accordion-item.aopen .accordion-button,
.accordion-item.aopen .accordion-button:focus {
    box-shadow: unset;
}

.accordion-item.aopen {
    border: 1px solid #E8CB3D;
    border-radius: 15px 0 15px 15px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
}

/* single programme page css start */
.single-banner h1 {
    text-transform: uppercase;
}

.btn-grp {
    display: flex;
    align-items: center;
    column-gap: 20px;
    justify-content: center;
}

.btn-grp .view-ebtn {
    margin: 0;
    padding: 20px 59.5px;
}

.single-banner {
    padding: 505px 0 80px 0;
}

.white-btn {
    padding: 20px 16px;
    background: #EFEFEF;
    border-radius: 15px 0px 15px 15px;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
    text-decoration: unset;
}

.white-btn:hover {
    color: #000000;
}

.overview-section {
    margin: 50px 0 130px 0;
}

.overview-section h2 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    color: #000000;
    margin-top: 0;
    margin-bottom: 8px;
    letter-spacing: 0;
}

.overview-section p {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    text-align: justify;
    letter-spacing: 0.02em;
    color: #000000;
    margin-bottom: 0;
}

.detail-list {
    margin-top: 40px;
    gap: 20px 25px;
    justify-content: space-between;
}

.detail-list .col {
    flex: 0 0 23.5%;
}

.detail-box {
    padding: 28.5px 20px;
    background: #FFFFFF;
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
    border-radius: 25px 0px 25px 25px;
    text-align: center;
    height: 100%;
}

.detail-box img {
    height: 108px;
    width: 108px;
    object-fit: contain;
    margin-bottom: 17px;
    margin-left: auto;
    margin-right: auto;
}

.detail-box h3 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 35px;
    text-align: center;
    color: #000000;
    margin-bottom: 5px;
    margin-top: 0;
    letter-spacing: 0;
}

.detail-box span {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 28px;
    text-align: center;
    color: #000000;
    letter-spacing: 0;
}

.career-section {
    margin-bottom: -172px;
}

.career-section img {
    height: 653px;
    object-fit: cover;
    border-radius: 25px 0px 25px 25px;
    width: 100%;
    object-position: top;
}

.career-box {
    padding: 60px 50px;
    background: #FFFFFF;
    border-right: 5px solid #E8CB3D;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25);
    border-radius: 30px 0px 30px 30px;
    width: 661px;
    margin-left: auto;
}

.career-box h2 {
    margin-top: 0;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    color: #000000;
    margin-bottom: 8px;
    letter-spacing: 0;
}

.career-box p {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    text-align: justify;
    letter-spacing: 0.02em;
    color: #000000;
    margin-bottom: 15px;
}

.career-box p:last-child {
    margin-bottom: 0;
}

.col-c1 {
    width: 45%;
}

.col-c2 {
    width: 50%;
}

.mr-set {
    margin-right: -190px;
    width: 678px;
}

.module-section {
    padding: 291px 0 123px 0;
    background: rgba(217, 217, 217, 0.2);
}

.module-section h2 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 64px;
    line-height: 81px;
    color: #000000;
    margin-top: 0;
    margin-bottom: 40px;
    letter-spacing: 0;
}

.blue-accordion .accordion-button {
    padding: 36px 24px;
    background: #2A2D7A;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
    border-radius: 15px 0px 15px 15px;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 28px;
    text-transform: capitalize;
    color: #FFFFFF;
}

.blue-accordion .accordion-button::after {
    background-image: url(https://staging.csss.es/wp-content/uploads/2025/09/Group-100-2.webp);
    height: 45px;
    width: 45px;
}

.blue-accordion .accordion-item {
    background-color: transparent;
}

.blue-accordion .accordion-button:not(.collapsed) {
    color: #000000;
    background-color: transparent;
    box-shadow: unset;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: unset;
}

.confidence-section .container {
    background: #2A2D7A;
    border-radius: 15px 0px 15px 15px;
    padding: 102px 0;
    text-align: center;
}

.confidence-section h2 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 60px;
    line-height: 76px;
    margin-top: 0;
    text-align: center;
    color: #FFFFFF;
    letter-spacing: 0;
    margin-bottom: 20px;
}

.confidence-section h2 span {
    color: #E8CB3D;
}

.confidence-section p {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    color: #FFFFFF;
    width: 60%;
    margin-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
    letter-spacing: 0;
}

.download-btn {
    padding: 15px 54.5px;
    background: #E8CB3D;
    border-radius: 12px 0px 12px 12px;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #2A2D7A;
    text-decoration: unset;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.download-btn:hover {
    color: #2A2D7A;
}

.methodology-section {
    margin: 100px 0;
}

.methodology-section h2 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 50px;
    line-height: 40px;
    text-align: center;
    color: #121417;
    margin-top: 0;
    margin-bottom: 35px;
    letter-spacing: 0;
}

.methodology-section p {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #121417;
    margin-bottom: 0px;
}

.method-div {
    margin-top: 53px;
    position: relative;
    text-align: center;
}

.campus-box {
    padding: 20px 24px 17px 27px;
    background: #FFFFFF;
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.25);
    border-radius: 40px 0px 40px 40px;
    width: fit-content;
    text-align: left;
}

.top-box {
    top: 35px;
    width: 300px;
    position: absolute;
    right: 40px;
}

.bottom-box {
    left: 50px;
    bottom: 75px;
    width: 348px;
    position: absolute;
}

.col-img {
    width: 972px;
    height: 623px;
    margin: 0 auto;
    flex: unset;
}

.col-img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    border-radius: 40px 0px 40px 40px;
}


.campus-box h3 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
    margin-top: 0;
    margin-bottom: 10px;
    letter-spacing: 0;
}


.campus-box ul {
    padding: 0;
    margin: 0;
}

.campus-box ul li {
    margin-bottom: 10px;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    letter-spacing: 0;
}

.campus-box ul li::marker {
    color: #000000B2;
}

.partner-section {
    margin: 100px 0;
}

.partner-section h2 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 60px;
    line-height: 76px;
    text-align: center;
    text-transform: capitalize;
    color: #2A3179;
    margin-top: 0;
    margin-bottom: 30px;
}

.mb-20 {
    margin-bottom: 20px;
}

.CTA-section {
    background: #2A2D7A;
    padding: 108px 0;
}

.CTA-section h2 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 55px;
    line-height: 69px;
    text-align: center;
    color: #FFFFFF;
    margin-top: 0;
    margin-bottom: 35px;
    letter-spacing: 0;
}

.started-btn {
    padding: 12.5px 50px;
    background: #E8CB3D;
    border-radius: 12px 0px 12px 12px;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 35px;
    text-align: center;
    color: #2A2D7A;
    text-decoration: unset;
    margin: 0 auto;
    display: block;
    width: fit-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.started-btn:hover {
    color: #2A2D7A;
}

.started-btn img {
    margin-left: 5px;
}

.fee-section .container {
    padding: 62px 0;
    background: #F8E9A1;
    border-bottom: 5px solid #E8CB3D;
    border-radius: 15px 0px 15px 15px;
}

.fee-section h2 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 38px;
    text-align: center;
    color: #000000;
    margin-top: 0;
    margin-bottom: 30px;
    letter-spacing: 0;
}

.border-style {
    width: 100px;
    background: #4E4E4E;
    height: 5px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}

.fee-section p {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    text-align: center;
    color: #000000;
    margin-bottom: 0;
    letter-spacing: 0;
}

.fee-section p b {
    color: #2A2D7A;
}

.program-box-style h3.new-name {
    height: auto;
    overflow: unset;
}

.middle-box.program-box-style p,
.middle-box.program-box-style h3,
.middle-box .line {
    margin-bottom: 20px;
}

.elementor-testimonial .testimonial-section {
    padding: 0;
    background: transparent;
}

#schedule-ebtn .elementor-button-icon svg {
    height: 32px;
    width: 30px;
}

.pr-box {
    border: 1.5px solid #CACACA !important;
}


.list-style .elementor-icon-list-icon {
    width: 6%;
}

.list-style .elementor-icon-list-text {
    width: 95%;
}

.module-faq-style.faq-style .e-closed:after {
    content: '';
    background-image: url(https://staging.csss.es/wp-content/uploads/2025/09/Group_100-removebg-preview.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
}

.module-faq-style.faq-style .e-opened:after {
    content: '';
    background-image: url(https://staging.csss.es/wp-content/uploads/2025/09/Group-100-3.webp);
    background-size: contain;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
}



#started-btn svg {
    width: auto !important;
    height: auto !important;
}

#started-btn .elementor-button-content-wrapper {
    align-items: center;
}

#download-btn svg {
    width: 30px !important;
    height: 30px !important;
}

#download-btn .elementor-button-content-wrapper {
    align-items: center;
}

.blue {
    color: #2A2D7A;
}

.speaker-slider .slick-track {
    display: flex !important
}

.speaker-box {
    height: 100%;
}

.speaker-slider .slick-slide {
    margin: 0 10px;
    display: flex !important;
    height: auto;
}

.speaker-slider .slick-list {
    margin: 0 -5px;
    padding: 8px 0;
}

.speaker-slider .slick-dots li button:before {
    font-size: 12px;
}

.divider .elementor-divider-separator {
    border-radius: 10px;
}

.faq-style .child-faq details {
    border: 1px solid #E8CB3D;
    border-radius: 15px 0 15px 15px;
}

.module-faq-style.faq-style .child-faq .e-closed:after {
    background-image: url(https://staging.csss.es/wp-content/uploads/2025/09/Group-100.png);
}

.faq-style .child-faq .e-opened:after {
    background-image: url(https://staging.csss.es/wp-content/uploads/2025/09/minus-icon.png);
}


span.elementor-menu-toggle__icon--close,
span.elementor-menu-toggle__icon--open {
    line-height: 0 !important;
}

.speaker-slider .slick-track {
    margin-left: unset;
}


.gap-52 {
    justify-content: center !important;
}

.activity-box {
    position: relative;
}

.activity-box img {
    border-radius: 25px 0px 25px 25px !important;
    width: 100% !important;
    height: 431px !important;
    object-fit: cover;
}

.activity-box:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(217, 217, 217, 0) 60.09%, rgba(18, 20, 23, 0.8) 95%);
    border-radius: 25px 0px 25px 25px !important;
    top: 0;
    transition: all 0.5s;
}

.activity-box h3 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    z-index: 1;
}

#activities .slick-list {
    margin: 0 -5px;
    padding: 0 22% 0 0 !important;
}

#activities .slick-slide {
    margin: 0 5px;
}

.activity-box img {
    width: 100%;
}


.icon-style:hover .elementor-icon {
    background-color: #2A2D7A !important;
    border-radius: 45% !important;
    padding: 28px !important;
}

.icon-style:hover svg {
    transform: rotate(20deg);
    height: 45px !important;
}

.icon-style:hover svg path {
    fill: #fff;
}

#tab-section {
    display: none;
}

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


#activities .slick-next,
#activities .slick-next:hover,
#activitiesr .slick-next:focus {
    background: url(https://staging.csss.es/wp-content/uploads/2025/09/Vector-1-2.webp);
    opacity: 1;
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 42px;
    right: -70px;
}


#activities .slick-prev,
#activities .slick-prev:hover,
#activitiesr .slick-prev:focus {
    background: url(https://staging.csss.es/wp-content/uploads/2025/09/Vector-2.webp);
    opacity: 1;
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 42px;
    left: -50px;
}

#activities .slick-prev:before,
#activities .slick-next:before {
    display: none;
}

.eventl-box {
    height: 100%;
}

#event-filter-form {
    width: 100%;
}


.Form-Design .elementor-field-textual,
.Form-Design .elementor-upload-field {
    height: 85px;
    padding: 23px 27px 23px 25px;
    border: 1px solid #0000001A;
}

.Form-Design .elementor-field-textual::placeholder {
    color: #00000080 !important;
    opacity: 1 !important;
}

.Form-Design .select-caret-down-wrapper {
    right: 27px !important;
}

.Form-Design .select-caret-down-wrapper svg {
    display: none !important;
}

.Form-Design .select-caret-down-wrapper:after {
    content: '';
    background-image: url(https://staging.csss.es/wp-content/uploads/2025/09/Vector-5.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 11px;
    display: block;
    width: 20px;
}

.Form-Design .elementor-field-type-checkbox {
    column-gap: 23px;
    justify-content: center
}

.Form-Design .elementor-field-type-checkbox label {
    padding-bottom: 0 !important;
}

.Form-Design .elementor-field-type-checkbox .elementor-field-subgroup {
    flex-basis: unset !important;
}

.Form-Design .elementor-field-option {
    padding-inline-end: 0 !important;
    display: flex;
    align-items: center;
    gap: 10px;
}

.Form-Design .elementor-field-option input {
    width: 30px;
    height: 30px;
}


.Form-Design .elementor-button:hover {
    transform: scale(1.04);
    transition: all 0.2s;
}


.data-pagination ul {
    column-gap: 31px;
    padding-left: 0 !important;
}

.data-pagination ul li a {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: #000000;
}

.moments-gallery .elementor-gallery-title {
    padding: 10px 20px;
    min-width: 198px;
    height: 55px;
    border: 2px solid #CCCCCC;
    border-radius: 10px 0px 10px 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.moments-gallery .elementor-gallery-title.elementor-item-active {
    border: 0;
    height: 65px;
    font-size: 30px !important;
    font-weight: 700 !important;
}

.moments-gallery .e--pointer-background .elementor-item:before {
    border-radius: 10px 0px 10px 10px;
}

.moments-gallery .elementor-gallery__titles-container {
    align-items: center;
}

#step-form .e-form__indicators__indicator {
    flex-basis: unset;
}

#step-form .e-form__indicators__indicator__separator {
    width: 100px;
    background-color: #E8CB3D;
    border-radius: 12px;
    height: 5px;
}

#step-form .e-form__indicators {
    justify-content: center !important;
    padding: 20px 25px;
    gap: 12px;
    background: #FFFFFF;
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.15);
    border-radius: 15px 0px 15px 15px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

#step-form .e-form__indicators__indicator__label {
    font-weight: 500;
}


#step-form .e-form__indicators__indicator--state-active .e-form__indicators__indicator__label,
#step-form .e-form__indicators__indicator--state-completed .e-form__indicators__indicator__label {
    font-weight: 700 !important;
}

#step-form .e-form__indicators__indicator--state-completed .e-form__indicators__indicator--shape-circle {
    position: relative;
}

#step-form .e-form__indicators__indicator--state-completed .e-form__indicators__indicator--shape-circle svg {
    display: none;
}

#step-form .e-form__indicators__indicator--state-completed .e-form__indicators__indicator--shape-circle:after {
    content: "\f058";
    font-family: "Font Awesome 6 Free";
    height: auto;
    width: auto;
    display: block;
    color: #0EA300;
    background: #fff;
    border-radius: 50%;
    border: 10px solid #fff;
}

#step-form .elementor-field-type-acceptance {
    justify-content: center;
    gap: 23px;
}

#step-form .elementor-field-type-acceptance label {
    padding-bottom: 0;
}

#step-form .elementor-field-type-acceptance .elementor-field-subgroup {
    flex-basis: unset
}

#step-form .elementor-field-type-acceptance .elementor-field-subgroup a {
    color: #2A3179;
    font-weight: 700 !important;
}

#step-form .centered-text {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 25px;
    gap: 35px;
    background: rgba(217, 217, 217, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px 0px 15px 15px;
    width: 100% !important;
    flex-wrap: wrap;
}

#step-form .centered-text p {
    margin-bottom: 0;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
}

#step-form .centered-text p strong {
    color: #2A2D7A;
}

.select-text {
    text-align: center;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
}

.select-text strong {
    color: #2A2D7A;
}

.Form-Design .elementor-form-fields-wrapper {
    margin-bottom: 0 !important;
}


#step-form input[type="file"]::file-selector-button {
    float: right;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    background: #2A2D7A;
    border-radius: 10px 0px 10px 10px;
    color: #fff;
    border: none;
    margin-top: 0px;
    padding: 5px 15px;
}

#step-form .elementor-field-type-recaptcha_v3 {
    margin-bottom: 40px;
}

.guest-slider .elementor-testimonial__cite {
    margin-top: 0 !important;
}

.guest-slider .elementor-testimonial__text {
    border-bottom: 2px solid #E8CB3D;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.guest-slider .swiper-slide {

    background: #FFFFFF;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
    border-radius: 25px 0px 25px 25px;
}


.guest-slider .elementor-swiper-button svg {
    display: none;
}

.guest-slider .elementor-swiper-button-prev {
    left: -47px !important;
}

.guest-slider .elementor-swiper-button-next {
    right: -47px !important;
}

.guest-slider .elementor-main-swiper {
    padding: 10px;
    width: 100% !important;
}

.guest-slider .elementor-swiper-button-prev:before {
    content: '';
    width: 30px;
    height: 51px;
    display: block;
    background-image: url(https://staging.csss.es/wp-content/uploads/2025/10/l.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.guest-slider .elementor-swiper-button-next:before {
    content: '';
    width: 30px;
    height: 51px;
    display: block;
    background-image: url(https://staging.csss.es/wp-content/uploads/2025/10/r.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.guest-slider .swiper-slide:hover {
    filter: drop-shadow(0px 15px 30px rgba(0, 0, 0, 0.1));
}

.iskill-box,
.iskill-box .elementor-icon {
    /*transition:all 0.5s;*/
    display: flex;
    justify-content: flex-start;
}


.iskill-box .elementor-icon svg {
    width: auto !important;
}


.iskill-box:hover {
    padding: 30px 60px 50px 44.5px;
    /*transition:all 0.2s;*/
}

.location-list .elementor-icon-list-text {
    padding-inline-start: 2px !important;
}

/*.iskill-box:hover  .elementor-icon{
    font-size: 70px !important;
}*/

.blog-design article {
    position: relative;
}

.blog-design .elementor-post__text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 12px;
    z-index: 1;
}

.blog-design .elementor-post__thumbnail {
    height: 431px !important;
    width: 100%;
    object-fit: cover;
}

.blog-design .elementor-post__thumbnail img {
    opacity: 0.7;
    object-fit: cover;
}

.blog-design article:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #121417 69.71%);
    border-radius: 25px 0px 25px 25px !important;
    top: 0;
    transition: all 0.5s;
}

body .post-content a {
    color: ;
}

body .post-content p {
    text-align: left;
    color: #121417;
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0px;
}

body .post-content h2 {
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0px;
    color: #121417;
    margin-top: 30px;
    position: relative;
}

body .post-content h3 {
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: 0px;
    color: #121417;
    margin-top: 30px;
    position: relative;
}

body .post-content h4 {
    font-family: "Plus Jakarta Sans", Sans-serif !important;
    font-size: 26px;
    font-weight: 700 !important;
    line-height: 36px;
    letter-spacing: 0px;
    color: #121417 !important;
    margin-top: 30px;
    position: relative;
}

body .post-content h5 {
    font-family: "Plus Jakarta Sans", Sans-serif !important;
    font-size: 24px;
    font-weight: 700 !important;
    line-height: 34px;
    letter-spacing: 0px;
    color: #121417 !important;
    margin-top: 30px;
    position: relative;
}

body .post-content h6 {
    font-family: "Plus Jakarta Sans", Sans-serif !important;
    font-size: 22px;
    font-weight: 700 !important;
    line-height: 32px;
    letter-spacing: 0px;
    color: #121417 !important;
    margin-top: 30px;
    position: relative;
}

/*.post-content h2:after{
	content:'';
	width:100px;
	background:#E8CB3D;
	height:5px;
	border-radius:10px;
	    display: block;
    margin: 20px 0;
}*/

body .post-content img {
    width: 100%;
    object-fit: cover;
    border-radius: 15px 0 15px 15px !important;
    margin-top: 15px !important;
}

.post-content .top-0 img {
    margin-top: 0 !important;
}

body .post-content li img {
    width: auto;
    object-fit: contain;
    border-radius: 0 !important;
    margin-top: 0;
}

body .post-content .elementor-button {
    background-color: #E8CB3D;
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0px;
    fill: #000000;
    color: #000000;
    border-radius: 8px 0px 8px 8px;
    padding: 12.5px 23px 12.5px 23px;
}

#modal_registration .popleft {
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

#modal_registration .popright {
    width: 69%;
    display: inline-block;
}

#modal_registration .popright .btn {
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 0px;
    border-radius: 8px 0px 8px 8px;
    padding: 12.5px 23px 12.5px 23px;
    background-color: #E8CB3D;
    color: #000000;
    line-height: 24px;
    border: 0;
    letter-spacing: 0;
}

#modal_registration .form-control,
#modal_registration .popright select#isd,
#modal_registration .popright select#country {
    background-color: #D9D9D94D !important;
    border-color: #0000001A !important;
    border-radius: 15px 0px 15px 15px;
    font-family: "Plus Jakarta Sans", Sans-serif;
    letter-spacing: 0px;
    color: #00000080;
}

#modal_registration label {
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #000;
}

#modal_registration .popleft p {
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0px;
}

body #modal_registration {
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto;
}

#student-life-gallery {
    display: block;
}

#imageGallery {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
}

#imageGallery img {
    height: 316px;
    object-fit: cover;
    border-radius: 25px 0 25px 25px;
}

#student-life-gallery,
.imag_tab_section {
    padding: 0 !important;
}


.life_at_c3s .row {
    width: 100%;
}

.elementor-post-navigation__separator-wrapper {
    padding: 0 5px;
}

.blog-design .page-numbers.current {
    background: #2A2D7A;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 30px;
    line-height: 38px;
}

.life_at_c3s {
    margin: 0 !important;
}

.event-details .row {
    align-items: center;
}

.logotext-div .imgdiv {
    height: 250px;
}


.program-item p {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0;
}

.result-location a,
.result-location a:hover {
    color: #2A2D7A;
    font-weight: bold;
}

.dropdown-list {
    transition: all 1s;
}

.filter-tag {
    font-size: 16px !important;
}

.custom-filter-program {
    border-radius: 15px 0 15px 15px !important;
}

.program-listing-container .program-item:last-child {
    border-bottom: 0 !important;
}

body .custom-filter-program {
    border-bottom: 1px solid #D9D9D9 !important;
}

.custom-filter-program>p {
    margin-bottom: 0;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0;
    padding: 10px;
}

._df_book {
    border-radius: 20px 0 20px 20px;
}


.df-ui-nav .df-ui-btn:before {
    font-size: 50px !important;
}

.logotext-div ul li span {
    word-break: break-all;
}

.student-video {
    height: 643px;
}

@keyframes beat {
    to {
        transform: scale(1.1);
    }
}

.heart img {
    animation: beat .5s infinite alternate;
    transform-origin: center;
}



/* student stories css start */
.box-video {
    position: relative;
    width: 100%;
    margin: 0 auto 25px auto;
    cursor: pointer;
    overflow: hidden;
    height: 600px;
    border-radius: 20px 0px;
}


.box-video .bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 2;
    border-radius: 20px 0;
}


.box-video .bt-play {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    width: 100%;
    height: 100%;
    bottom: 0;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}


.student-detail h3 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 33px;
    text-align: center;
    color: #2A3179;
    margin-bottom: 10px;
}

.student-detail p {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    color: #000000;
    margin: 0;
    padding: 0;
}

#youtube-slider .slick-list {
    padding: 0 5% 0 0 !important;
    margin: 0 -20px;
}


#youtube-slider .slick-slide {
    margin: 0 20px;
}

#youtube-slider .bt-play svg ellipse,
#youtube-slider .bt-play svg path {
    transition: all 1s;
}

#youtube-slider .bt-play svg ellipse {
    fill: #e02c2ccc;
    transition: all 1s;
}

#youtube-slider .bt-play svg path {
    fill: #fff;
    transition: all 1s;
}

#youtube-slider .slick-prev:before,
#youtube-slider .slick-next:before {
    display: none;
}

#youtube-slider .slick-prev {
    background: url(https://staging.csss.es/wp-content/uploads/2025/10/Group-101.webp);
    opacity: 1;
    background-size: contain !important;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    bottom: unset;
    top: -60px;
    left: unset;
    right: 55px;
    z-index: 1;
}

#youtube-slider .slick-prev:hover {
    background: url(https://staging.csss.es/wp-content/uploads/2025/11/hoverl.svg);
}

#youtube-slider .slick-next {
    background: url(https://staging.csss.es/wp-content/uploads/2025/11/righta.svg);
    opacity: 1;
    background-size: contain !important;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    bottom: unset;
    top: -60px;
    right: -20px;
}

#youtube-slider .slick-next:hover {
    background: url(https://staging.csss.es/wp-content/uploads/2025/11/hoverr.svg);
}

/* review slider css */
.review-grid .row {
    gap: 45px 0px;
    width: 100%;
}

.review-grid .row .col-md-6 {
    width: 48.5%;
}

.review-grid .row .col-md-4 {
    width: 31%;
}

.greview {
    padding: 40px 30px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 30px 0px 30px 30px;
    border-top: 5px solid #E8CB3D;
    height: 100%;
}

.user-div {
    display: flex;
    align-items: center;
    column-gap: 10px;
    margin-bottom: 15px;
}

.user-div h3 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    color: #000000;
    margin: 0;
}

.greview .user-div p {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.7);
    margin: 0;
}

.greview p {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #000000;
}

.program-listing-container {
    margin-bottom: 41px;
}

.arw-div {
    position: absolute;
    right: 0;
    top: -92px;
    display: flex;
    gap: 15px;
}

.arw-div .swiper-button-next:after,
.arw-div .swiper-button-prev:after {
    display: none;
}

.arw-div .swiper-button-next,
.arw-div .swiper-button-prev {
    position: unset;
    width: auto;
    height: auto;
    margin: 0;
}

.user-div img {
    height: 80px;
    width: 80px;
    object-fit: contain;
}

.review-grid {
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
}

.review-grid .row {
    justify-content: space-between;
}

.play-audio-btn:hover,
.play-audio-btn:focus {
    background-color: #2A2D7A;
}

.play-audio-btn:hover i,
.play-audio-btn:focus i {
    color: #fff;
}

.podcast-filtering .view-all-btn:hover {
    background-color: rgba(232, 203, 61, 1);
    transform: scale(1.04);
}


.elementor-shortcode .event-sec .event-block img.main-img {
    height: 375px !important;
}

.elementor-shortcode .event-sec .icon-list div:last-of-type {
    width: 100%;
    justify-content: center;
}

.elementor-shortcode .event-sec .event-block h3 {
    height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* Number of lines to show */
    -webkit-box-orient: vertical;
    font-size: 28px;
    margin: 20px 0;
}

.elementor-shortcode .event-sec .event-box h3 {
    height: 77px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* Number of lines to show */
    -webkit-box-orient: vertical;
}


.elementor-field-group-field_7797031 {
    width: 15% !important;
    z-index: 1;
}

.elementor-field-group-field_7797031 .elementor-select-wrapper select {
    background-color: transparent !important;
    border-color: transparent !important;
}

.elementor-field-group-field_7797031 .elementor-select-wrapper select:focus {
    box-shadow: none !important;
}

/*.elementor-field-group-field_7797031  .elementor-field-label {
	visibility: hidden;
}*/



.flip-box-div .elementor-flip-box__layer__description a,
.flip-box-div .elementor-flip-box__layer__description a:hover {
    color: #fff;
}

.blog .elementor-posts article {
    transition: all 0.5s;
}

.blog .elementor-posts article:hover {
    transform: translateY(-20px);
    transition: all 0.5s;
}

.elementor-field-group-field_cb1c0ec {
    width: 15% !important;
    z-index: 1;
}

.elementor-field-group-field_cb1c0ec .elementor-select-wrapper select {
    background-color: transparent !important;
    border-color: transparent !important;
}

.elementor-field-group-field_cb1c0ec .elementor-select-wrapper select:focus {
    box-shadow: none !important;
}

.elementor-field-group-field_cb1c0ec .elementor-field-label {
    visibility: hidden;
}


.Form-Design .elementor-field-group-field_7797031 .select-caret-down-wrapper {
    right: 0 !important;
}

.arw-div .swiper-button-next:hover svg circle,
.arw-div .swiper-button-prev:hover svg circle,
.arw-div .swiper-button-next:focus svg circle,
.arw-div .swiper-button-prev:focus svg circle {
    fill: #E8CB3D;
    fill-opacity: 0.3;
}

.arw-div .swiper-button-next:hover svg path,
.arw-div .swiper-button-prev:hover svg path,
.arw-div .swiper-button-next:focus svg path,
.arw-div .swiper-button-prev:focus svg path {
    fill-opacity: 1;
}

.elementor-field-group-field_7797031 {
    display: none !important;
}

.pulse-div {
    bottom: 145px !important;
}

.blog-design .page-numbers.prev,
.blog-design .page-numbers.next {
    color: transparent !important;
    position: relative;
}

.blog-design .page-numbers.prev:before {
    content: url(https://staging.csss.es/wp-content/uploads/2025/08/Vector-5.svg);
    height: 100%;
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.blog-design .page-numbers.next:before {
    content: url(https://staging.csss.es/wp-content/uploads/2025/08/Vector-1-3.svg);
    height: 100%;
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
}


.blog-design .elementor-pagination {
    align-items: center;
    display: flex;
    justify-content: center;
}

#load-more-logos {
    background-color: #E8CB3D;
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0px;
    fill: #000000;
    color: #000000;
    border-radius: 15px 0px 15px 15px;
    padding: 20px 84px 20px 84px;
    border: 0;
    margin: 40px auto 0 auto;
    display: block;
}

.logo-item h3 {
    display: none;
}

.logo-item {
    height: 180px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 15px 0px 15px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-item img {
    height: 150px !important;
    object-fit: contain;
    width: 90%;
}

.sidebar-div.elementor-popup-modal .dialog-widget-content,
.sidebar-div.elementor-popup-modal .dialog-message {
    height: 100%;
}

.sidebar-div .htmega-verticle-menu>ul {
    box-shadow: unset;
}

.htmega-verticle-menu .sub-menu>li.current_page_item>a {
    color: #E8CB3D !important;
}

.sidebar-div.elementor-popup-modal .dialog-message {
    max-height: unset;
}

/* 25/11/2025*/
.Form-Design .iti--separate-dial-code {
    width: 100%;
}

.Form-Design .iti__selected-dial-code {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
}

.Form-Design .iti--separate-dial-code .iti__selected-flag {
    background-color: transparent;
}

.Form-Design .iti--allow-dropdown {
    display: flex;
    width: 100%;
    align-items: center;
    position: relative;
}


.Form-Design .iti__country-container {
    position: absolute;
    z-index: 1;
}


.Form-Design .iti__selected-country {
    border: 0;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.Form-Design .iti__selected-country:hover {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.5);
}


.Form-Design .iti__country {
    display: flex;
    align-items: center;
    gap: 5px;
}

.Form-Design .iti__dropdown-content {
    position: absolute;
    background: #fff;
}

.Form-Design .iti__search-icon {
    display: none;
}

.Form-Design #iti-0__search-input {
    padding-left: 6px;
}


.Form-Design .iti__search-clear {
    position: absolute;
    right: 0;
    border-color: #69727d;
    background: #fff;
    z-index: 1;
}


.Form-Design .iti__search-clear:hover,
.Form-Design .iti__search-clear:focus {
    background-color: #fff;
}

.Form-Design .iti__search-input-wrapper input:focus-visible {
    outline: 0;
}


.Form-Design .iti__no-results {
    display: none;
}


.responsive-video {
    width: 100%;
    /* Takes the full width of its container */
    aspect-ratio: 16 / 9;
    /* Maintains a 16:9 aspect ratio */
    height: 100%;
    /* Ensures it fills the space while respecting aspect-ratio */
}

.Form-Design .iti__country-container button:focus {
    background-color: transparent;
}

.Form-Design .iti__selected-country-primary {
    display: flex;
    align-items: center;
}

.content_corosoual .owl-item {
    padding: 10px;
}

body .content_corosoual .ue-item {
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3) !important;
}

.blog-card {
    height: 435px !important;
    border-radius: 25px 0px 25px 25px !important;
}

.blog-card-image {
    height: 100% !important;
    opacity: 0.7;
}

.blog-card-overlay {
    padding: 15px 12px !important;
    background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #121417 69.71%) !important;
}

h3.blog-card-title {
    color: #FFFFFF;
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
    margin-bottom: 7px;
    text-shadow: unset;
}

p.blog-card-date {
    color: #FFFFFF;
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 18px;
    font-weight: 100;
    line-height: 21px;
    letter-spacing: 0px;
}

.blog-card:hover {
    box-shadow: unset !important;
    transform: translateY(-20px) !important;
    transition: all 0.5s;
}

.blog-grid {
    grid-row-gap: 30px !important;
    grid-column-gap: 10px !important;
}

.blog-filters {
    flex-direction: row-reverse;
}

.blog-filters select {
    width: fit-content;
}

#blog-search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}


.blog-filters input[type="text"],
#blog-category {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 18px !important;
    background-color: #EFEFEF !important;
    border: 0 !important;
    padding: 20px 25px;
    height: 70px;
}

#blog-category {
    border-radius: 15px 0px 15px 15px !important;
    width: 30%;
}


.blog-pagination .current {
    width: 60px;
    height: 60px;
    font-size: 30px;
    line-height: 38px;
    color: #fff !important;
    background: #2c3e80 !important;
}

.blog-pagination a {
    color: #000000 !important;
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 20px;
    font-weight: 600 !important;
    line-height: 25px;
    letter-spacing: 0px;
    background: transparent !important;
}

.blog-pagination .prev,
.blog-pagination .next {
    background: transparent !important;
}

.blog-card:hover .blog-card-image {
    transform: unset !important;
}

.blog-filters select:focus,
.blog-filters input[type="text"]:focus {
    box-shadow: unset !important;
}

.blog-search {
    width: 69%;
}

.blog-filters input[type="text"] {
    border-radius: 15px 0px 0px 15px !important;
}

#blog-search-btn {
    border-radius: 0 0px 15px 0px !important;
    background: #E8CB3D !important;
    border: 0 !important;
    height: 70px;
}

.client-detail-col p,
.client-box .col-lg-8 p {
    font-size: 24px;
    line-height: 34px;
}

#responsive .slick-slide {
    margin: 0 30px;
}

#responsive .slick-list {
    margin: 0 -30px;
}

#event-filter-form .cutom-search:hover,
#event-filter-form .cutom-search:focus {
    background-color: #E8CB3D;
}

.cate-banner {
    background-position: top center !important;
}

/* media query */
@media (max-width:367px) {
    .landing-btns {
        column-gap: 10px !important;
    }

    .landing-btns .elementor-button {
        padding: 12px 7px !important;
        font-size: 16px !important;
    }

    .testimonial-slider .slick-prev,
    .testimonial-slider .slick-prev:hover,
    .testimonial-slider .slick-prev:focus,
    .testimonial-slider .slick-next,
    .testimonial-slider .slick-next:hover,
    .testimonial-slider .slick-next:focus {
        bottom: 10px !important;
    }

    .elementor-field-group-field_7797031,
    .elementor-field-group-field_cb1c0ec {
        width: 42% !important;
    }
}

@media (max-width:390px) {
    .mobile-menu .elementor-nav-menu li a {
        padding-left: 100px !important;
    }

    .footer-grid {
        column-gap: 10px !important;
    }

    .follow-icon .elementor-social-icons-wrapper {
        --grid-column-gap: 6px;
    }

    .category-banner {
        padding: 205px 0 50px 0 !important;
    }

    .category-banner h1 {
        font-size: 28px !important;
    }

    .cate-banner h1,
    .cate-banner h1 {
        font-size: 28px !important;
    }

    .filter-div .col-12 {
        gap: 10px;
    }

    .text-box {
        --padding-top: 15px !important;
        --padding-bottom: 15px !important;
    }

    .text-box h3 {
        font-size: 16px !important;
    }

}




@media only screen and (min-width:390px) and (max-width:409px) {
    .img-top {
        margin-top: -115px !important;
    }


}

@media only screen and (min-width:410px) and (max-width:539px) {
    .icon-img-div {
        width: 315px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .img-top {
        margin-top: -70px !important;
    }
}

@media (max-width:595px) {
    .about-icon-divs .elementor-position-top {
        height: 137px;
    }
}

@media only screen and (min-width:540px) and (max-width:767px) {
    .icon-img-div {
        width: 510px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .img-top {
        margin-top: -210px !important;
    }
}

@media (max-width:401px) {
    .p-box h3 {
        font-size: 25px !important;
    }

    .download-text p {
        font-size: 16px !important;
        line-height: 24px !important;
    }

    .footer-sticky {
        column-gap: 7px !important;
    }


}


@media (max-width:767px) {

    .blog-filters input[type="text"],
    #blog-category {
        font-size: 14px !important;
    }

    .blog-pagination a,
    .blog-pagination span {
        min-width: unset !important;
        padding: 0 5px !important;
    }

    .blog-pagination .prev,
    .blog-pagination .next img {
        height: 20px !important;
        object-fit: contain;
    }

    .blog-pagination .current {
        width: 40px;
        height: 40px;
        font-size: 20px;
        x
    }

    h3.blog-card-title {
        font-size: 17px;
    }

    p.blog-card-date {
        font-size: 15px;
    }

    .blog-card {
        height: 400px !important;
    }

    .logo-item {
        height: 120px;
    }

    .logo-item img {
        height: 100px !important;
    }

    .step-ibox .elementor-icon-box-title span br {
        display: none;
    }

    .event-box .blog-img {
        border-radius: 12px !important;
    }

    .podcast-grid .slick-slide,
    .single_podcast .slick-slide {
        padding: 5px 8px;
    }

    .podcast-card {
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25) !important;
    }

    .rank-box:hover {
        height: 150px !important;
        margin-top: 0 !important;
    }

    .internship-logos-gallery-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

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

    .life_at_c3s .detail {
        margin: 10px 0 0 0 !important;
    }

    .arw-div .swiper-button-next svg,
    .arw-div .swiper-button-prev svg {
        width: 40px;
        height: 40px;
    }

    .pulse-div {
        bottom: 80px !important;
    }

    .blog-design .page-numbers.current {
        width: 40px;
        height: 40px;
        font-size: 22px;
    }

    .blog-design .page-numbers.prev {
        margin-right: 30px !important;
    }

    .blog-design .page-numbers.next {
        margin-left: 30px !important;
    }

    .blog-design .page-numbers.next:before,
    .blog-design .page-numbers.prev:before {
        transform: scale(0.8);
    }

    .Form-Design .iti__selected-dial-code {
        font-size: 16px;
    }


    .Form-Design .elementor-field-group-field_7797031 .select-caret-down-wrapper,
    .Form-Design .elementor-field-group-field_cb1c0ec .select-caret-down-wrapper {
        right: 0 !important;
    }


    .form-align {
        margin-bottom: 10px;
    }

    body .selected-filters {
        margin-top: 0 !important;
    }

    body .program-listing-container {
        margin-top: 0 !important;
        margin-bottom: 13px !important;
    }

    .arw-div img {
        height: 40px !important;
        object-fit: contain;
    }

    .arw-div {
        top: -55px;
    }

    .student-video {
        height: auto;
    }

    .review-grid .row {
        gap: 30px 20px;
    }

    .greview p {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .greview {
        padding: 20px 15px;
        border-radius: 15px 0 15px 15px;
    }

    .review-grid .row .col-md-6,
    .review-grid .row .col-md-4 {
        width: 100%;
        padding: 0 7px;
    }

    #youtube-slider .slick-slide {
        margin: 0 8px;
    }

    .box-video.client-img-div {
        margin: 0 auto 10px auto;
    }

    #youtube-slider .slick-list {
        margin: 0 -8px;
    }
	
	 #blogs .slick-slide {
        margin: 0 8px !important;
    }
	 #blogs .slick-list {
        margin: 0 -8px !important;
    }

    .student-detail h3 {
        font-size: 24px;
        margin-bottom: 0;
        text-align: left;
    }

    .student-detail p {
        font-size: 16px;
        text-align: left;
    }

    .bt-play svg {
        height: 80px;
    }

    #youtube-slider .slick-prev,
    #youtube-slider .slick-prev:hover,
    #youtube-slider .slick-prev:focus,
    #youtube-slider .slick-next,
    #youtube-slider .slick-next:hover,
    #youtube-slider .slick-next:focus {
        width: 40px;
        height: 40px;
        top: -35px;
    }

    #youtube-slider .slick-next,
    #youtube-slider .slick-next:hover,
    #youtube-slider .slick-next:focus {
        right: 0;
    }


        #blogs .slick-prev,
    #blogs .slick-prev:hover,
    #blogs .slick-prev:focus,
    #blogs .slick-next,
    #blogs .slick-next:hover,
    #blogs .slick-next:focus {
        width: 40px !important;
        height: 40px !important;
        top: -35px !important;
    }

    #blogs .slick-next,
    #blogs .slick-next:hover,
    #blogs .slick-next:focus {
        right: 0 !important;
    }



    .logotext-div .imgdiv {
        height: 200px;
    }

    .location-div ul li span {
        word-break: break-all;
    }


    .life_at_c3s {
        padding: 0 !important;
    }

    #imageGallery img {
        height: 146px;
    }

    #imageGallery {
        grid-template-columns: repeat(2, 1fr);
    }

    button.reg-btn.event_registration {
        border-radius: 8px 0 8px 8px !important;
        padding: 12px 20px !important;
        font-size: 18px !important;
        line-height: 23px;
    }

    .custombox.cb-50 {
        width: 95% !important;
    }

    #modal_registration .col {
        flex: unset;
    }

    #modal_registration .row {
        margin-bottom: 1rem;
    }


    #modal_registration .popleft,
    #modal_registration .popright {
        width: 100%;
    }

    .post-content h2 {
        font-size: 22px;
        line-height: 32px;
    }

    .blog-design .elementor-post__thumbnail {
        height: 400px !important;
    }

    .reason-box .elementor-widget-image img {
        height: auto !important;
    }


    .iskill-box:hover {
        padding: 30px 44px 50px 44px;
    }


    .guest-slider .elementor-swiper-button-prev {
        left: -15px !important;
    }

    .guest-slider .elementor-swiper-button-next {
        right: -15px !important;
    }

    .guest-slider .elementor-swiper-button-prev:before,
    .guest-slider .elementor-swiper-button-next:before {
        width: 20px;
        height: 40px;
    }

    .director-img {
        position: unset !important;
    }

    #step-form .e-form__buttons__wrapper__button {
        border-radius: 8px 0 8px 8px;
        padding: 12px 20px;
    }

    #step-form input[type="file"]::file-selector-button {
        float: left;
    }

    #step-form input[type="file"]::file-selector-button {
        font-size: 14px;
        padding: 3px 15px !important;
    }

    #step-form .elementor-field-type-recaptcha_v3 .elementor-field {
        padding: 10px;
    }

    #step-form .centered-text {
        gap: 0px;
        padding: 10px;
    }

    #step-form .elementor-field-type-acceptance {
        gap: 0;
    }

    #step-form .centered-text p,
    .select-text {
        font-size: 17px;
    }

    #step-form .e-form__indicators {
        padding: 20px 10px;
        gap: 0;
    }

    #step-form .e-form__indicators__indicator__separator {
        width: 35px;
    }

    .moments-gallery .elementor-gallery-title.elementor-item-active {
        height: 50px;
        font-size: 18px !important;
    }

    .moments-gallery .elementor-gallery-title {
        border: 1px solid #CCCCCC;
    }

    .moments-gallery .elementor-gallery-title {
        min-width: auto;
        padding: 10px 12px;
        --space-between: 5px !important;
        height: auto;
    }

    .moments-gallery .elementor-gallery__titles-container {
        margin-bottom: 30px !important;
        row-gap: 10px;
    }

    .moments-gallery .elementor-gallery__titles-container {
        justify-content: flex-start !important;
    }

    .eventl-box {
        margin: 10px;
    }


    .cate-banner .ebtn-hover,
    .cate-banner .ebtn-hover .elementor-button {
        width: 100%;
    }

    .cate-banner .landing-btns {
        margin-top: 10px;
    }

    .list-style .elementor-icon-list-text {
        padding-inline-start: 0 !important;
    }

    .list-style .elementor-icon-list-item {
        align-items: center !important;
    }

    .list-style .elementor-icon-list-icon {
        justify-content: center;
        padding-right: 0 !important;
        top: 0 !important;
    }

    .data-pagination ul {
        column-gap: 10px;
    }

    .Form-Design .elementor-labels-above {
        margin-bottom: 0 !important;
    }

    .Form-Design .elementor-field-type-checkbox {
        justify-content: flex-start;
        row-gap: 15px;
    }

    .Form-Design .elementor-field-group {
        margin-bottom: 15px !important;
    }

    .Form-Design label {
        padding-bottom: 5px !important;
    }

    .Form-Design .elementor-field-group.elementor-field-type-submit {
        justify-content: flex-start;
    }

    .Form-Design .elementor-field-textual,
    .Form-Design .elementor-upload-field {
        height: auto;
        padding: 10px 15px;
        border-radius: 8px 0px 8px 8px !important;
    }

    /* #step-form input[type="file"]::file-selector-button {
		font-size: 16px !important;
	} */

    .Form-Design .elementor-field-option input {
        width: 15px;
        height: 15px;
    }

    .filter-button-section .filter-btn-new,
    .filter-button-section .custom-dropdown-category {
        display: none;
    }

    .activity-box img {
        height: 350px !important;
    }

    .activity-box h3 {
        font-size: 25px !important;
    }

    .footer-menu ul li a {
        padding: 0 0 5px 0;
    }

    .search-div {
        margin-bottom: 65px;
    }

    #schedule-ebtn .elementor-button-content-wrapper {
        gap: 6px;
    }

    .speaker-slider .slick-slide {
        margin: 0 5px;
    }

    .speaker-box {
        box-shadow: 0px 0px 5px rgb(0 0 0 / 38%);
    }

    .description-box {
        font-size: 16px;
        line-height: 26px;
    }

    .programme-banner {
        position: relative;
        z-index: 1 !important;
    }

    #download-btn svg {
        width: 25px !important;
        height: 25px !important;
    }

    .off-box,
    .on-box {
        position: unset !important;
    }

    #started-btn svg {
        width: 30px !important;
        height: 30px !important;
    }

    .module-faq-style.faq-style .e-closed:after {
        height: 35px;
        width: 35px;
    }

    #schedule-ebtn .elementor-button-icon svg {
        height: 20px;
    }

    .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 285 285'><path d='M282 76.5l-14.2-14.3a9 9 0 0 0-13.1 0L142.5 174.4 30.3 62.2a9 9 0 0 0-13.2 0L3 76.5a9 9 0 0 0 0 13.1l133 133a9 9 0 0 0 13.1 0l133-133a9 9 0 0 0 0-13z' style='fill:%23666'/></svg>") !important;
    }

    .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
        width: 12px !important;
        height: 12px !important;
        background-size: contain !important;
    }

    .cate-banner {
        position: relative;
        z-index: 1 !important;
    }

    /* 	.cate-banner:after{
		content:'';
		width:100%;
		height:100%;
		position:absolute;
		background: linear-gradient(180deg, rgba(217, 217, 217, 0) 16.35%, rgb(62 64 66 / 19%) 37.02%, #121417 110.92%);
		display:block;
		left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
		border-radius:0px 0px 30px 30px;
	} */

    .box figure {
        margin-bottom: 0;
    }

    .student-life-slider .item {
        margin-right: 10px !important;
    }

    .custom-dropdown .selected-option,
    .search-btn {
        padding: 12.5px 12px !important;
    }

    .filter-div .col-12 {
        justify-content: space-between !important;
    }

    .event-sec .row {
        gap: 16px;
    }

    .tab-sec .e-n-tab-title[aria-selected=true] span {
        font-size: 20px;
    }

    .gt_float_switcher .gt_options {
        width: fit-content;
    }

    body .gt_float_switcher .gt_options a {
        width: 140px;
    }


    .hero-video,
    .hero-video video {
        height: 360px !important;
    }

    .search-btn img {
        display: block;
    }

    .program-sec .row {
        gap: 0;
    }

    .col-4 {
        width: 31.33%;
    }

    #responsive .slick-list,
    #events .slick-list {
        padding: 0 30% 0 0 !important;
    }

    .program-box {
        padding: 0;
    }

    #responsive .slick-slide,
    #events .slick-slide {
        margin: 0 6px;
    }

    #responsive .slick-list,
    #events .slick-list {
        margin: 0 -6px;
    }

    .select-style {
        height: 44px;
        font-size: 16px;
        line-height: 18px;
    }

    .search-btn {
        font-size: 16px;
        line-height: 18px;
        padding: 12px 25px;
    }

    /*.why-video,
	.why-video .elementor-custom-embed-image-overlay {
		height: 200px;
	}*/

    .program-box img {
        height: 200px !important;
    }

    .program-box h3 {
        font-size: 16px;
        margin: 16px 0 5px;
        font-weight: 500;
    }

    .program-box p {
        font-size: 14px;
        line-height: 21px;
        height: 63px;
        margin-bottom: 5px;
    }

    .view-btn {
        font-size: 12px;
        padding: 6px 18.5px;
        font-weight: 500;
    }

    .campus-video,
    .campus-video iframe {
        height: 188px !important;
    }

    .campus-gallery img {
        height: 188px !important;
    }


    .elementor-shortcode .event-sec .event-block h3 {
        font-size: 16px;
        line-height: 24px;
        margin: 15px 0;
        border-bottom: 1px solid #F5F5F5;
        padding-bottom: 15px;
        height: auto;
    }

    .icon-list p {
        font-size: 10px;
        line-height: 14px;
    }

    .icon-list div img {
        height: 16px;
    }

    .icon-list {
        gap: 15px 12px;
    }

    .check-btn {
        font-size: 14px;
        padding: 9.5px;
    }

    .event-title {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .event-box h3 {
        font-size: 16px;
        margin: 0;
    }

    .event-box p {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .register-btn {
        font-size: 14px;
        color: #121417;
        background: #F0F2F5;
        border-radius: 20px;
        padding: 9.5px;
        width: 100%;
        justify-content: center;

    }

    .register-btn img {
        display: none !important;
    }

    .event-box {
        margin-bottom: 0;
    }

    .event-box .blog-img {
        width: 100%;
        height: 135px !important;
    }

    .event-box div {
        width: 100%;
        padding: 16px;
    }

    .explore-btn {
        font-size: 14px;
        width: fit-content;
        padding: 10px 24px;
        margin-top: 21px;
    }

    .event-block img.main-img {
        height: 210px !important;
        border-radius: 15px;
    }

    .event-box {
        padding: 0;
    }

    .student-life-slider .swiper-slide-inner img {
        height: 250px;
    }

    .footer-list .elementor-icon-list-items {
        flex-direction: column;
        gap: 7px;
    }

    .footer-list .elementor-icon-list-icon svg {
        margin: 0 !important;
        padding: 0 !important;
    }

    .campus-gallery .swiper-wrapper {
        gap: 8px;
    }

    .logo-slider figure img {
        width: 162px;
        height: 66px;
        object-fit: contain;
    }

    .blog-box,
    .blog-box img {
        height: 312px !important;
    }

    .blog-box div h3 {
        font-size: 18px !important;
    }


    .slick-slide.slick-current .blog-box p {
        font-size: 14px;
    }

    .program-box:hover {
        border: 0;
    }

    .campus-btn-grp .elementor-button {
        font-weight: 400;
    }

    .select-style {
        background-size: 11px;
    }

    .about-box .elementor-icon-box-wrapper {
        align-items: center !important;
    }

    .event-box h3 {
        height: 48px;
        overflow: hidden;
    }

    #blogs .slick-slide.slick-current .blog-box p {
        font-size: 14px !important;
    }

    .copyright-text {
        font-weight: 400;
    }

    #social .slick-list {
        padding: 0 18% 0 0 !important;
    }

    .row {
        --bs-gutter-x: 0 !important;
    }

    /*  #events {
        margin-right: -16px;
    } */

    .testimonial-slider .elementor-swiper-button-prev {
        left: -10px !important;
    }


    .testimonial-slider .elementor-swiper-button-next {
        right: -10px !important;
    }

    #blogs .slick-list {
        padding: 0 38% 0 0 !important;
    }

    .footer-list .elementor-icon-list-icon {
        margin-right: 5px;
    }

    .col-12 {
        padding: 0;
    }

    .event-block {
        border-radius: 25px 25px 0px 25px;
    }

    .form-design {
        gap: 12px 1px;
    }

    .custom-dropdown .dropdown-item,
    .custom-dropdown .dropdown-item.selected,
    .custom-dropdown .selected-option {
        font-size: 16px !important;
        line-height: 18px;
        margin-bottom: 0px !important;
    }

    .custom-dropdown .dropdown-item.selected {
        font-size: 18px !important;
    }

    .custom-dropdown .selected-option {
        height: 43px !important;
        display: flex;
        align-items: center;
    }

    .custom-dropdown .selected-option {
        background-size: 11px !important;
    }

    body .custom-dropdown .dropdown-list {
        padding: 12px !important;
        margin-top: 0;
    }

    body .custom-dropdown .dropdown-item label {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .faq-style .e-n-accordion-item-title {
        gap: 0 !important;
    }

    .font-title h2 {
        font-weight: bold !important;
    }

    .program-item h4 a {
        font-size: 16px;
    }


    .dropdown-list .dropdown-item.active,
    .dropdown-list.dropdown-item:focus,
    .dropdown-list .dropdown-item:hover {
        font-size: 17px !important;
        transform: scale(1.06) !important;
        line-height: 1.3;
    }

    body .campus-gallery .item img,
    .student-life-slider .item img {
        width: auto !important;
    }

    .Event-section .gap-52 .col-4 {
        width: 100%;
    }

    .pagination-bottom {
        flex-wrap: wrap;
    }

    .data-pagination {
        gap: 15px;
    }

    .data-pagination ul li.active a {
        width: 40px;
        height: 40px;
        font-size: 22px;
    }

    .label-div p {
        font-size: 18px;
    }

    .custom-dropdown.custom-dropdown-design {
        width: 100% !important;
    }

    input.date-input,
    .search-div input {
        height: 43px !important;
        padding: 12.5px 12px !important;
        font-size: 16px !important;

    }


    .search-div {
        width: 100%;
    }

    .cutom-search {
        height: 43px !important;
        font-size: 16px !important;
        display: flex;
        align-items: center;
        padding: 12.5px 12px !important;
    }

    .cutom-search img {
        height: 20px !important;
    }


    .filter-sbtn {
        padding: 12.5px 12px !important;
    }

    .filter-sbtn img {
        height: 20px !important;
    }

    .event-content {
        margin-top: 30px !important;
    }

    .event-content h2 {
        font-size: 24px;
        line-height: 40px;
        letter-spacing: 0;
        margin: 0;
        text-align: left;
    }

    .event-content p {
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 50px;
        text-align: left;
    }

    .date-div {
        left: -10px;
    }

    .eventl-box h3 {
        font-size: 19px;
        line-height: 29px;
        height: auto;
    }

    .date-div p {
        font-size: 20px;
        line-height: 22px;
    }

    .eventl-box p {
        font-size: 15px;
        line-height: 18px;
    }

    .gap-52 {
        row-gap: 30px;
    }

    .pagination-bottom {
        margin-top: 30px;
    }

    .event-list-view .eventl-box {
        gap: 12px;
    }

    .img-div {
        width: 30%;
    }

    .details-div {
        width: 66%;
    }

    .event-list-view .eventl-box p {
        margin: 5px 0;
    }

    .event-list-view .meta-div p {
        font-size: 12px;
    }

    .meta-div div {
        width: 48%;
    }

    .event-images {
        margin-top: 25px;
    }

    .event-images h1 {
        font-size: 28px;
        line-height: 38px;
        margin: 0 0 12px 0;
    }

    .event-slider .slick-next {
        right: 0;
    }

    .event-slider .slick-prev {
        left: 0;
    }

    .event-slider .slick-prev:before,
    .event-slider .slick-next:before {
        width: 50px;
        height: 50px;
        background-repeat: no-repeat;
    }

    .event-details {
        margin: 50px 0;
    }

    .event-details h2,
    .description-section h2,
    .speaker-section h2,
    .recent-post h2 {
        font-size: 24px;
        line-height: 24px;
    }

    .detail-div {
        margin-top: 20px;
        padding: 20px;
    }

    .details img {
        height: 22px;
    }

    .details p {
        font-size: 18px;
        line-height: 28px;
    }

    .details {
        gap: 10px;
        width: 49%;
    }

    .speaker-section .col-set-1,
    .speaker-section .col-set-2 {
        width: 100%;
    }

    .align-div {
        flex-wrap: wrap;
    }

    .description-box {
        padding: 20px;
        margin-top: 20px;
    }

    .description-box p {
        font-size: 16px;
        line-height: 21px;
    }

    .speaker-section {
        margin: 50px 0;
        padding: 50px 0;
    }

    .speaker-box img {
        width: 100px;
        height: 100px;
    }

    .speaker-section .col-set-2 {
        margin-top: 21px;
    }

    .speaker-section h2 {
        margin-bottom: 20px;
    }

    .speaker-section iframe {
        height: 491px !important;
    }

    .speaker-box h3 {
        font-size: 18px;
    }

    #recent-post {
        margin-top: 12px;
    }

    .event-btn {
        margin: 0px auto 0 auto;
        padding: 16px 20px;
        font-size: 18px;
        line-height: 23px;
    }

    .recent-post {
        margin-bottom: 180px;
    }

    .eventl-box .img-box {
        font-size: 14px;
    }

    .event-slider img {
        height: 250px;
        border-radius: 25px 0px 25px 25px;
    }

    .custom-dropdown.custom-dropdown-design .selected-option {
        background-position: 95% 50%;
    }

    .filter-row {
        flex-direction: column;
    }

    .custom-dropdown input.date-input {
        width: 100%;
    }

    .filter-button-section,
    .filter-main-section {
        width: 100%;
    }

    .filter-button-section {
        justify-content: flex-end;
        gap: 10px;
        margin-top: -65px;
    }

    .filter-sbtn {
        width: 43px !important;
    }

    .filter-btn,
    .filter-sbtn {
        height: 43px !important;
        font-size: 16px !important;
        display: flex;
        align-items: center;
    }

    .filter-btn {
        padding: 20px 40px;
    }

    .only-filter-div {
        gap: 10px;
    }

    #recent-post .slick-slide {
        padding: 17.5px 2px;
    }

    #social {
        margin-right: 0;
    }

    .category-banner {
        padding: 295px 0 50px 0;
        background: linear-gradient(180deg, rgba(217, 217, 217, 0) 16.35%, rgba(62, 64, 66, 0.778947) 37.02%, #121417 51.92%), url(https://staging.csss.es/wp-content/uploads/2025/09/shutterstock_2408067875-1.webp);
        background-position: top;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .category-banner h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
        text-align: left;
    }

    .category-banner p {
        font-size: 18px;
        line-height: 23px;
        text-align: left;
        margin: 0 auto 13px auto;
        width: 100%;
    }

    .view-ebtn {
        font-size: 18px;
        line-height: 16px;
        padding: 16px 20px;
        border-top-left-radius: 12px;
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px;
        margin-left: unset;
        line-height: 23px;
    }


    .box-section {
        padding-left: 20px;
        padding-right: 20px;
    }

    .box-section .container {
        padding: 20px;
    }

    .box-section .row .col-lg-3:first-child .box-style {
        padding-left: 0;
    }

    .box-section .row .col-lg-3:last-child .box-style {
        padding-right: 0;
    }

    .box-section .col-lg-3 {
        width: 50%;
    }

    .border-right {
        border-right: 0;
    }

    .box-style img {
        height: 70px;
        margin-bottom: 0;
        width: 100%;
    }

    .box-style h3 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 0;
    }

    .box-style {
        padding: 0 0 20px 0;
        text-align: center;
    }

    .program-box-style h3 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px;
        height: auto;
    }

    .line {
        margin-bottom: 20px;
    }

    .plist-style .col-lg-4 {
        width: 100%;
    }

    .program-box-style {
        padding: 22px;
    }

    .plist-style {
        margin-top: 0;
        row-gap: 30px;
    }

    .schedule-btn {
        padding: 16px 20px;
        font-size: 18px;
        line-height: 16px;
    }

    .border-btn {
        padding: 16px 10px;
        font-size: 18px;
        line-height: 23px;
    }

    .bg-btn {
        padding: 16px 15px;
        font-size: 18px;
        line-height: 23px;
    }

    .schedule-btn img {
        height: 20px;
    }

    .program-box-style p,
    .schedule-section p {
        margin-bottom: 12px;
    }

    .box-list {
        margin-top: 20px;
        row-gap: 20px;
    }


    .choose-box h3 {
        font-size: 18px;
        line-height: 20px;
    }

    .client-img-div {
        height: 280px;
        width: 100%;
        object-fit: cover;
    }

    .client-box .col-lg-8 img {
        margin-bottom: 15px;
        margin-top: 20px;
    }

    .client-box .col-lg-8 img {
        height: 40px;
    }

    .client-box .col-lg-8 p {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .cdetail h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .cdetail span {
        font-size: 15px;
        line-height: 25px;
    }

    .testimonial-slider .slick-prev,
    .testimonial-slider .slick-prev:hover,
    .testimonial-slider .slick-prev:focus,
    .testimonial-slider .slick-next,
    .testimonial-slider .slick-next:hover,
    .testimonial-slider .slick-next:focus {
        height: 32px;
        width: 32px;
    }

    .testimonial-slider .slick-next,
    .testimonial-slider .slick-next:hover,
    .testimonial-slider .slick-next:focus {
        right: 0;
        bottom: 0;
    }

    .testimonial-slider .slick-prev,
    .testimonial-slider .slick-prev:hover,
    .testimonial-slider .slick-prev:focus {
        right: 40px;
        bottom: 0px;
    }

    .life-section p,
    .faq-section p {
        margin-bottom: 10px;
    }

    .accordion {
        row-gap: 15px;
    }

    .accordion-button {
        padding: 15px 10px;
        font-size: 16px;
        line-height: 26px;
    }

    .accordion-item h2 {
        margin-bottom: 0;
    }

    .accordion-collapse {
        padding-bottom: 15px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .content-section h2,
    .program-list h2,
    .choose-section h2,
    .life-section h2,
    .schedule-section h2,
    .faq-section h2 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 10px;
    }

    .content-section p,
    .choose-section p,
    .box-style p,
    .client-box .col-lg-8 p,
    .life-section p,
    .schedule-section p,
    .faq-section p,
    .accordion-body {
        font-size: 16px;
        line-height: 26px;
    }

    .content-section,
    .choose-section,
    .life-section {
        margin: 23px 0;
    }

    .program-list,
    .schedule-section {
        padding: 23px 0;
    }

    .testimonial-section {
        padding: 50px 0;
    }

    .faq-section {
        margin: 23px 0 170px 0;
    }

    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .client-col,
    .client-detail-col {
        width: 100% !important;
    }

    .client-detail-col {
        margin-top: 30px !important;
    }

    .client-detail-col img,
    .client-box .col-lg-8 img {
        height: 30px !important;
        margin-bottom: 15px;
    }

    .client-detail-col p,
    .client-box .col-lg-8 p {
        font-size: 20px;
        line-height: 30px;
    }

    .client-detail-col p,
    .client-box .col-lg-8 p {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .cdetail {
        width: 87%;
    }

    .col-c1,
    .col-c2 {
        width: 100%;
    }

    .mr-set {
        margin-right: 0;
        width: 100%;
        margin-bottom: 20px;
    }

    .career-section img {
        height: auto;
    }

    .career-box {
        width: 100%;
        padding: 30px 15px;
    }

    .career-box h2,
    .overview-section h2,
    .module-section h2,
    .confidence-section h2,
    .methodology-section h2,
    .partner-section h2 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 10px;
    }

    .CTA-section h2 {
        font-size: 23px;
        line-height: 34px;
        margin-bottom: 10px;
    }

    .fee-section h2 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 15px;
    }

    .border-style {
        margin-bottom: 15px;
    }

    .download-btn,
    .started-btn {
        font-size: 18px;
        line-height: 23px;
        padding: 16px 20px;
    }

    .btn-grp .view-ebtn,
    .white-btn {
        font-size: 18px;
        line-height: 23px;
        padding: 16px 10px;
    }


    .btn-grp {
        justify-content: flex-start;
    }

    .overview-section p,
    .career-box p,
    .methodology-section p,
    .fee-section p {
        font-size: 16px;
        line-height: 24px;
    }

    .blue-accordion .accordion-button {
        padding: 15px 10px;
        font-size: 16px;
        line-height: 26px;
    }

    .blue-accordion .accordion-button::after {
        width: 30px;
        height: 30px;
    }

    .confidence-section p {
        font-size: 17px;
        width: 95%;
    }

    .download-btn img,
    .started-btn img {
        height: 20px;
        object-fit: contain;
    }

    .overview-section,
    .methodology-section,
    .partner-section {
        margin: 23px 0;
    }

    .confidence-section .container,
    .CTA-section,
    .fee-section .container {
        padding: 23px 10px;
    }

    .confidence-section,
    .fee-section {
        padding: 0 20px;
    }

    .module-section {
        padding: 200px 0 23px 0;
    }

    .detail-list {
        gap: 20px 5px;
    }

    .detail-list .col {
        flex: 0 0 49%;
    }

    .detail-box {
        padding: 20px 12px;
    }

    .detail-box img {
        height: 70px;
        width: 70px;
        margin-bottom: 10px;
    }

    .detail-box h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .detail-box span {
        font-size: 16px;
        line-height: 26px;
    }

    .method-div {
        margin-top: 20px;
    }

    .bottom-box,
    .top-box {
        position: unset;
        width: 100%;
    }

    .col-img {
        width: 100%;
        height: auto;
        margin: 20px auto;
    }

    .campus-box h3 {
        font-size: 20px;
    }

    .campus-box ul li {
        font-size: 15px;
    }

    .program-box-style p {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 20px;
    }

    /* filter form alignment css 
.filter-row-align{
	flex-direction: row !important;
	justify-content: flex-start !important;
	        overflow-x: scroll;
}

.filter-row-align .filter-button-section,.filter-row-align .filter-main-section {
        width: fit-content;
}

    .filter-row-align .custom-dropdown.custom-dropdown-design {
        width: fit-content;
    }

    .filter-row-align .only-filter-div{
    	    flex-direction: row;
    flex-wrap: nowrap;
    }

    .filter-row-align .filter-main-div{
    	flex-wrap: nowrap;
    }

    .filter-row-align .filter-btn{
    	        width: max-content;
    }

     .filter-row-align  .custom-dropdown .selected-option, .search-btn {
        padding: 12.5px 30px 12.5px 12px !important;
    }*/

}

@media only screen and (min-width:768px) and (max-width:991px) {

    body .desktop-rank .rank-box {
        max-width: 48% !important;
    }

    #responsive .slick-slide {
        margin: 0 10px;
    }

    #responsive .slick-list {
        margin: 0 -10px;
    }

    .blog-filters input[type="text"],
    #blog-category {
        font-size: 16px !important;
    }

    .blog-search,
    #blog-category {
        width: 49%;
    }

    .blog-card {
        height: 353px !important;
    }

    .rank-box:hover {
        height: 350px;
    }

    .only-filter-div .custom-dropdown.custom-dropdown-design:nth-of-type(2),
    .only-filter-div .custom-dropdown.custom-dropdown-design:nth-of-type(3) {
        width: 137px;
    }


    .Form-Design .elementor-field-group-field_cb1c0ec .select-caret-down-wrapper {
        right: 0 !important;
    }

    #city-council .e-con-inner {
        flex-direction: column-reverse;
    }

    .logotext-div {
        --width: 48% !important;
    }

    .logotext-div .imgdiv {
        height: 200px;
    }

    .move-sec .box-div .e-con {
        width: 100%;
    }

    .move-sec .box-div#reverse {
        flex-direction: column-reverse;
    }

    #imageGallery img {
        height: 160px;
    }

    .imag_tab_section {
        gap: 6px !important;
    }

    .blog-design .elementor-post__thumbnail {
        height: 350px !important;
    }

    .about-left {
        width: 65% !important;
        margin: 0 auto !important;
    }

    .about-right {
        width: 100% !important;
    }

    .guest-slider .elementor-main-swiper {
        padding: 10px 5px;
    }

    .guest-slider .swiper-slide {
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    }

    .guest-slider .elementor-swiper-button-prev:before,
    .guest-slider .elementor-swiper-button-next:before {
        width: 15px !important;
        height: 30px !important;
    }

    .iskill-box:hover {
        padding: 30px 44px 70px 44px !important;
    }

    #step-form .e-form__buttons__wrapper__button {
        border-radius: 8px 0 8px 8px;
        padding: 15px 20px;
    }

    .moments-gallery .elementor-gallery-title {
        min-width: auto;
        --space-between: 10px !important;
        padding: 10px 13px;
    }

    .moments-gallery .elementor-gallery__titles-container {
        margin-bottom: 30px !important;
    }

    #tab-section {
        display: block;
    }

    #desktop-section {
        display: none;
    }

    .middle-box.program-box-style p,
    .middle-box.program-box-style h3,
    .middle-box .line {
        margin-bottom: 11px;
    }

    .Event-section .gap-52 .col-4 {
        width: 47% !important;
    }


    .student-life-slider .item img {
        height: 300px !important;
    }

    .client-detail-col img,
    .client-box .col-lg-8 img {
        margin-bottom: 20px;
        height: 30px;
    }

    .plist-style {
        column-gap: 10px;
    }

    .hero-video,
    .hero-video video {
        height: 430px !important;
    }

    .why-video,
    .why-video .elementor-custom-embed-image-overlay {
        height: auto;
    }

    .program-sec .row {
        gap: 0px;
    }

    .col-4 {
        width: 33.33%;
    }

    .program-box {
        padding: 10px;
    }


    .program-box h3 {
        font-size: 20px;
        line-height: 15px;
    }

    .program-box p {
        line-height: 18px;
        font-size: 15px;
    }

    .view-btn {
        font-size: 16px;
        line-height: 20px;
    }

    .select-style {
        font-size: 20px;
        height: 70px;
    }

    .search-btn {
        height: 70px;
    }

    .program-box img {
        height: 228px !important;
    }

    .campus-gallery img,
    .campus-video,
    .campus-video iframe {
        height: 220px !important;
    }

    .event-block h3 {
        font-size: 28px;
        line-height: 38px;
    }


    .form-design {
        gap: 15px 20px;
    }

    .custom-dropdown.custom-dropdown-design .selected-option {
        background-position: 96% 50%;
    }

    body .custom-dropdown .selected-option {
        padding: 14px 20px;
        font-size: 20px;
        height: 58px;
        background-size: 15px;
    }

    .search-btn {
        height: 58px;
        font-size: 20px;
        padding: 14px 20px;
    }

    .tab-sec .e-n-tabs-heading {
        gap: 50px !important;
    }

    .tab-sec .e-n-tab-title[aria-selected=true] span {
        font-size: 22px;
    }

    .event-box .blog-img {
        width: 35%;
    }

    .custom-dropdown .dropdown-item.selected {
        font-size: 18px !important;
    }

    .custom-dropdown .dropdown-item {
        font-size: 16px !important;
        white-space: unset !important;
        margin-bottom: 0 !important;
    }

    body .custom-dropdown .dropdown-list {
        padding: 5px !important;
        width: fit-content;
        margin-top: 0px;
    }

    .icon-img-div {
        width: 650px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body .hero-video,
    .hero-video video {
        height: 42vh !important;
    }

    .detail-div {
        padding: 20px 10px;
        gap: 5px;
    }


    .details p {
        font-size: 24px;
        line-height: 34px;
    }

    .details {
        gap: 5px;
    }

    .speaker-box h3 {
        font-size: 20px;
        line-height: 28px;
    }


    .filter-button-section,
    .only-filter-div {
        gap: 10px;
    }

    .custom-dropdown.custom-dropdown-design .selected-option,
    .custom-dropdown input.date-input,
    .filter-btn,
    .filter-main-section .search-div input {
        font-size: 16px;
    }

    .custom-dropdown.custom-dropdown-design .selected-option,
    input.date-input {
        display: flex;
        align-items: center;
    }

    .custom-dropdown.custom-dropdown-design .selected-option {
        padding: 0 55px 0 10px;
        background-position: 90% 50%;
    }

    .custom-dropdown input.date-input {
        padding: 0 15px;
    }

    .filter-main-section {
        width: 76%;
    }

    .filter-button-section {
        width: 22%;
    }

    .filter-row {
        gap: 14px;
        padding: 0 10px;
    }

    .category-banner {
        padding: 200px 0 50px 0;
    }

    .box-section .row .col-lg-3:first-child .box-style {
        padding-left: 20px;
    }

    .box-style {
        padding: 0;
    }

    .box-section .row .col-lg-3:last-child .box-style {
        padding-right: 20px;
    }

    .box-style img {
        height: 70px;
        margin-bottom: 10px;
    }

    .box-style h3 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 0;
    }

    .box-style p {
        font-size: 17px;
    }

    .category-banner h1 {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 0;
    }

    .category-banner p {
        font-size: 20px;
        line-height: 30px;
    }

    .view-ebtn {
        padding: 10px 15px;
        font-size: 18px;
    }

    .border-btn,
    .bg-btn {
        padding: 10px 14px;
        font-size: 15px;
    }

    .schedule-btn {
        padding: 10px 15px;
        font-size: 17px;
    }

    .schedule-btn img {
        height: 22px;
    }

    .content-section h2,
    .program-list h2,
    .choose-section h2,
    .life-section h2,
    .schedule-section h2,
    .faq-section h2 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 12px;
    }

    .content-section p {
        font-size: 18px;
        line-height: 28px;

    }

    .program-box-style {
        padding: 20px;
    }

    .program-box-style h3 {
        font-size: 16px;
        line-height: 27px;
        margin-bottom: 15px;
        height: 81px;
    }

    .line {
        margin-bottom: 15px;
    }

    .choose-section p {
        font-size: 18px;
    }

    .box-list {
        row-gap: 30px;
    }

    .client-box .col-lg-8 p {
        font-size: 18px;
        line-height: 26px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .client-box .col-lg-8 img {
        margin-bottom: 15px;
        height: 40px;
        object-fit: contain;
    }

    .cdetail h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .cdetail span {
        font-size: 18px;
        line-height: 20px;
    }

    .testimonial-slider .slick-next,
    .testimonial-slider .slick-next:hover,
    .testimonial-slider .slick-next:focus {
        right: 0;
        bottom: -10px;
    }

    .testimonial-slider .slick-prev,
    .testimonial-slider .slick-prev:hover,
    .testimonial-slider .slick-prev:focus {
        right: 70px;
        bottom: -10px;
    }

    .faq-section p {
        font-size: 18px;
        margin-bottom: 19px;
    }

    .accordion-button {
        padding: 10px 15px;
        font-size: 18px;
    }

    .accordion-body {
        font-size: 16px;
    }

    .detail-list {
        justify-content: center;
    }

    .detail-list .col {
        flex: 0 0 33.33%;
    }

    .detail-list {
        gap: 20px 0;
    }

    .detail-box h3 {
        font-size: 22px;
    }

    .career-box {
        width: 100%;
        padding: 30px;
    }

    .col-c1,
    .col-c2 {
        width: 100%;
    }

    .mr-set {
        margin-right: 0;
        width: 100%;
        margin-bottom: 30px;
    }

    .career-section img {
        height: 500px;
        width: auto;
        margin: 0 auto;

    }

    .career-box h2,
    .overview-section h2,
    .module-section h2,
    .confidence-section h2,
    .methodology-section h2,
    .partner-section h2,
    .CTA-section h2 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 12px;
    }

    .overview-section p,
    .career-box p {
        font-size: 17px;
        line-height: 22px;
    }


    .detail-box img {
        height: 80px;
        width: 80px;
    }

    .detail-box {
        padding: 20px;
    }

    .detail-box span {
        font-size: 17px;
    }

    .blue-accordion .accordion-button {
        padding: 10px 15px;
        font-size: 18px;
    }

    .blue-accordion .accordion-button::after {
        width: 37px;
        height: 37px;
    }

    .confidence-section p {
        width: 100%;
    }

    .btn-grp .view-ebtn,
    .white-btn,
    .download-btn,
    .started-btn {
        padding: 10px 15px;
        font-size: 17px;
    }

    .download-btn img {
        height: 22px;
        object-fit: contain;
    }

    .col-img {
        width: 80%;
    }

    .top-box {
        right: 0;
        top: 15px;
    }

    .bottom-box {
        left: 0;
        bottom: 15px;
    }
}


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

    body .desktop-rank .rank-box {
        max-width: 31.5% !important;
    }

    .blog-filters input[type="text"],
    #blog-category {
        font-size: 13px !important;
    }

    .desktop-rank .rank-box {
        width: 31.5% !important;
    }

    .desktop-rank .rank-box .elementor-icon-box-description br {
        display: none;
    }

    .last-box {
        height: 144px !important;
    }

    .top-row .text-box {
        padding: 35px 20px !important;
    }

    .steps-container .elementor-widget-icon-box {
        width: 32% !important;
    }


    #imageGallery img {
        height: 223px;
    }

    .bottom-row .text-box {
        height: 100%;
    }

    .text-box h2 {
        font-size: 22px !important;
    }

    .campuses-div>.e-con {
        width: 31.9% !important;
    }

    .reason-box {
        flex-direction: row !important;
        padding: 20px !important;
        column-gap: 12px !important;
    }

    .reason-box .elementor-widget-image {
        width: 46% !important;
    }

    .reason-box .elementor-widget-image img {
        height: auto !important;
    }

    .reason-box .e-con:last-child {
        width: 49% !important;
        row-gap: 5px;
    }

    .reason-box .e-con:last-child img {
        height: 50px !important;
    }

    .reason-box .e-con:last-child h3 {
        font-size: 19px !important;
        line-height: 22px !important;
    }

    .reason-box .e-con:last-child p {
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .iskill-box {
        padding: 40px !important;
        width: 32% !important;
    }


    .value-main .e-con-full h3 {
        font-size: 15px !important;
    }

    .value-main .e-con-full {
        --width: 23.5% !important;
    }

    /*.main-about .about-right .about-icon-divs{
		        --column-gap: 30px !important;
	}
	
	.main-about .about-left{
		        --width: 47% !important; 
	}
	
	.main-about .about-right{
		        --width: 50% !important; 
	}*/



    .about-boxs {
        max-width: 100% !important;
    }


    #step-form .e-form__buttons__wrapper__button {
        border-radius: 8px 0 8px 8px;
        padding: 18px 22px;
    }

    .moments-gallery .elementor-gallery__titles-container {
        margin-bottom: 30px !important;
    }


    .moments-gallery .elementor-gallery-title {
        min-width: 140px;
    }

    .program-div .p-box {
        width: 32% !important;
    }

    .camplus-map {
        border-radius: 0px 0px 30px 0px !important;
    }

    #books-box,
    #smart-box {
        min-height: 170px !important;
    }

    .camplus-map iframe {
        height: 550px !important;
    }

    .event-sec .row {
        gap: 14px;
    }

    .middle-box.program-box-style p,
    .middle-box.program-box-style h3,
    .middle-box .line {
        margin-bottom: 12px;
    }

    #highlight1 #col1,
    #highlight1 #col2,
    #highlight2 #col11,
    #highlight2 #col12 {
        width: 49% !important;
    }

    #highlight1 #col1,
    #highlight2 #col11 {
        flex-direction: column;
    }

    #highlight1,
    #highlight2 {
        align-items: center;
    }

    #smart-box {
        padding: 20px 30px !important;
    }


    .Event-section .gap-52 .col-4 {
        width: 31% !important;
    }


    .Box-section .box {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }

    .Box-section .box:first-child {
        padding-left: 50px !important;
    }

    .Box-section .box:last-child {
        padding-left: 50px !important;
    }

    .confidence-section p {
        width: 80%;
    }

    .plist-style {
        column-gap: 20px;
    }

    .custom-dropdown .dropdown-item.selected {
        font-size: 18px !important;
    }

    .custom-dropdown .dropdown-item {
        font-size: 16px !important;
        white-space: unset !important;
    }

    body .custom-dropdown .dropdown-list {
        padding: 5px !important;
        width: fit-content;
        margin-top: 0px;
    }

    .program-sec .row {
        gap: 10px !important;
    }

    #responsive .col-4 {
        width: 100% !important;
    }

    .program-box h3 {
        font-size: 26px;
        margin: 15px 0 10px 0;
    }

    .program-box p {
        font-size: 18px;
    }

    #responsive .slick-slide {
        margin: 0 20px;
    }

    #responsive .slick-list {
        margin: 0 -20px;
    }

    .col-4 {
        width: 32.33% !important;
    }

    .student-life-slider .item img {
        height: 350px !important;
    }

    .blog-box,
    .blog-box img {
        height: 350px !important;
    }


    #previous_campus,
    #next_campus {
        bottom: 1%;
    }

    .program-box {
        padding: 12px;
    }

    .about-sec .e-con-inner .e-con {
        max-width: 48% !important;
    }

    .about-sec .e-con-inner .e-con .icon-img-div {
        max-width: 100% !important;
    }

    .about-box .elementor-icon {
        font-size: 35px !important;
        padding: 15px !important;
    }

    .about-box {
        padding: 22px 12px !important;
    }

    .about-sec .e-con-inner {
        gap: 16px !important;
    }

    .boy-img {
        margin: 0 !important;
    }

    .about-box .elementor-icon-box-title {
        font-size: 16px !important;
    }

    .girl-img {
        max-width: 52% !important;
    }

    .about-box {
        max-width: 44% !important;
    }

    .boy-img {
        max-width: 36% !important;
    }

    .img-top {
        max-width: 62% !important;
        margin-top: -120px !important;
    }

    .event-box {
        gap: 10px;
    }

    .event-box .blog-img {
        height: 132px !important;
    }

    .event-box h3 {
        height: 48px;
        overflow: hidden;
    }

    .form-align.justify-content-center {
        justify-content: space-between !important;
    }

    .detail-div {
        padding: 30px;
        gap: 35px;
    }

    .details p {
        font-size: 28px;
        line-height: 38px;
    }

    .details {
        gap: 10px;
    }

    .form-design {
        gap: 12px 13px;
        justify-content: space-between !important;
    }

    .details-div {
        width: 45%;
    }

    .custom-dropdown.custom-dropdown-design .selected-option,
    input.date-input,
    .filter-btn,
    .search-div input {
        font-size: 20px !important;
    }

    .filter-main-section {
        width: 82%;
    }

    .filter-button-section {
        width: 17%;
    }

    body .menu-center nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
        margin-top: 40px !important;
    }

    .filter-row {
        padding: 0 30px;
        gap: 9px !important;
    }

    .eventl-box {
        padding: 20px 14px;
    }

    .category-banner {
        padding: 300px 0 92px 0;
    }

    .category-banner h1 {
        font-size: 45px;
        line-height: 55px;
    }

    .category-banner p {
        font-size: 25px;
        line-height: 35px;
    }

    .view-ebtn {
        font-size: 20px;
        line-height: 30px;
        padding: 15px 23.5px;
    }

    .box-style {
        padding: 0 30px 27px 30px;
    }

    .box-section .row .col-lg-3:last-child .box-style {
        padding-right: 30px;
    }

    .box-section .row .col-lg-3:first-child .box-style {
        padding-left: 30px;
    }

    .box-style img {
        height: 90px
    }

    .box-style h3 {
        font-size: 28px;
    }

    .box-style p {
        font-size: 20px;
    }

    .content-section h2,
    .program-list h2,
    .choose-section h2,
    .life-section h2,
    .schedule-section h2,
    .faq-section h2 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 12px;
    }

    .program-box-style h3 {
        font-size: 23px;
        line-height: 33px;
        margin-bottom: 20px;
        height: 99px;
    }

    .choose-section p,
    .methodology-section p {
        font-size: 20px;
    }

    .client-box .col-lg-8 p {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .cdetail h3 {
        font-size: 24px;
    }

    .client-box .col-lg-8 img {
        margin-bottom: 20px;
        height: 40px;
    }

    .cdetail span {
        font-size: 22px;
        line-height: 32px;
    }

    .why-box {
        width: 23% !important;
        padding: 15px !important;
    }

    .why-box p {
        font-size: 15px !important;
    }

    .schedule-btn {
        font-size: 20px;
        line-height: 30px;
        padding: 15px 23.5px;
    }

    .faq-section p {
        font-size: 22px;
        margin-bottom: 20px;
    }


    .accordion-button {
        padding: 15px 20px;
        font-size: 20px;
    }

    .line {
        margin-bottom: 20px;
    }

    .white-btn,
    .btn-grp .view-ebtn,
    .download-btn,
    .started-btn {
        font-size: 20px;
        line-height: 30px;
        padding: 11px 23.5px;
    }

    .download-btn img,
    .started-btn img {
        height: 22px;
    }

    .detail-list {
        gap: 20px 18px;
    }

    .detail-box h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .detail-box span {
        font-size: 16px;
    }

    .detail-box img {
        height: 80px;
        width: 80px;
    }

    .mr-set {
        width: fit-content;
        margin-right: -100px;
    }

    .career-box h2,
    .CTA-section h2,
    .module-section h2,
    .confidence-section h2,
    .methodology-section h2,
    .partner-section h2 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 12px;
    }

    .career-section img {
        height: 560px;
    }

    .career-box {
        padding: 30px 20px;
        width: 100%;
    }

    .career-box p {
        font-size: 18px;
    }

    .col-c2 {
        width: 55%;
    }

    .blue-accordion .accordion-button {
        padding: 15px 20px;
        font-size: 20px;
    }

    .blue-accordion .accordion-button::after {
        width: 37px;
        height: 37px;
    }

    .col-img {
        width: 80%;
    }

    .bottom-box {
        left: 0;
    }

    .top-box {
        right: 0;
    }

    .cate-banner .e-con-inner {
        padding-block-end: 92px !important;
        padding-block-start: 300px !important;
    }

    .cate-banner h1 {
        font-size: 45px !important;
        line-height: 55px !important;
    }

    .cate-banner p {
        font-size: 25px !important;
        line-height: 35px !important;
    }

}


@media (min-width:768px) {
    .testimonial-slider .swiper-pagination {
        display: none;
    }
}

@media (max-width:1024px) {

    #blog-search-btn,
    .blog-filters select,
    .blog-filters input[type="text"] {
        height: 50px !important;
    }

    .search-icon-open {
        height: 20px !important;
        object-fit: contain;
    }

    .blog-filters input[type="text"],
    #blog-category {
        padding: 0 15px;
        font-size: 16px;
    }


    .sidebar-menu .htmega-verticle-menu ul>li .sub-menu {
        min-width: 100% !important;
        box-shadow: unset;
    }

    .sidebar-menu .htmega-verticle-menu ul>li:hover .htmegamenu-content-wrapper,
    .sidebar-menu .htmega-verticle-menu ul>li:hover .sub-menu {
        position: unset !important;

    }

    .sidebar-menu .sub-menu li a .htmenu-icon {
        display: none;
    }


    #load-more-logos {
        font-size: 18px;
        border-radius: 8px 0px 8px 8px;
        padding: 10px 15px 10px 15px;
        margin-top: 20px;
    }

    #step-form .e-form__buttons {
        margin-top: 20px;
    }

    .custom-dropdown .selected-option {
        border-radius: 8px !important;
    }

    #activities .slick-next,
    #activities .slick-next:hover,
    #activitiesr .slick-next:focus,
    #activities .slick-prev,
    #activities .slick-prev:hover,
    #activitiesr .slick-prev:focus {
        display: none !important;
    }


    .box-list .col-lg-3 {
        padding-left: 0;
        padding-right: 0;
    }

    input.date-input,
    .search-div input,
    .filter-row-align .custom-dropdown .selected-option,
    .search-btn,
    .filter-btn,
    .filter-sbtn,
    .date-div,
    .eventl-box>img,
    .blog-box,
    .blog-box img,
    .blog-box:after {
        border-radius: 8px 0 8px 8px !important;
    }



    .Form-Design .elementor-field-group.elementor-field-type-submit button.elementor-button {
        padding: 16px 10px 16px 10px;
        border-radius: 8px 0px 8px 8px;
    }

    .cutom-search {
        border-radius: 0 0px 8px 0px;
    }

    .htmega-menu-area {
        border: 0;
    }

    .htmobile-navigation {
        padding: 141px 10px;
    }

    .htmobile-aside-button i:before {
        content: url(https://asstage.in/c3s/wp-content/uploads/2025/07/Group-1.png);
    }

    .htmobile-menu-wrap .htmobile-aside-close {
        background-color: transparent;
        right: 30px;
        left: unset !important;
        top: 87px;
    }

    .htmobile-aside-close i:before {
        content: url(https://asstage.in/c3s/wp-content/uploads/2025/07/Vector.png);
    }

    .htmobile-menu-wrap .htmobile-navigation .htmega-megamenu li a {
        font-family: 'Plus Jakarta Sans';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 18px;
        color: #504F4F;
        padding: 0;
        display: inline-flex;
        align-items: center;
        gap: 10px;
    }


    .htmobile-menu-wrap .htmobile-navigation .htmega-megamenu li.current-menu-item,
    .htmobile-menu-wrap .htmobile-navigation .htmega-megamenu li:hover {
        background: #2A2D7A;
        border-radius: 0px 10px 10px 10px;
    }

    .htmobile-menu-wrap .htmobile-navigation ul#menu-main-menu li.current-menu-item a,
    .htmobile-menu-wrap .htmobile-navigation .htmega-megamenu li:hover a {
        color: #fff !important;
    }

    .htmobile-menu-wrap .htmobile-navigation .htmega-megamenu li.current-menu-item a svg path,
    .htmobile-menu-wrap .htmobile-navigation .htmega-megamenu li:hover a svg path {
        fill: #fff;
    }

    .htmobile-menu-wrap .htmobile-navigation .htmega-megamenu li a svg path {
        fill: #504F4F;
    }

    .htmobile-menu-wrap .htmobile-navigation .htmega-megamenu li {
        padding: 13px 13px 13px 86px;
        margin: 0 !important;
    }

    .htmobile-menu-wrap .htmobile-navigation .htmega-megamenu li.pay-btn {
        padding: 0;
        text-align: center;
        margin-top: 10px !important;

    }

    .htmobile-menu-wrap .htmobile-navigation .htmega-megamenu li.pay-btn a {
        padding: 10px 71px;
        background: #E8CB3D;
        font-family: 'Plus Jakarta Sans';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 21px;
        color: #121417;
        border-radius: 8px 0 8px 8px;
    }

    .custom-dropdown.w-320 {
        width: 100%;
    }

    .custom-dropdown.w-249 {
        width: 53%;
    }


    .search-btn {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        width: 41%;
        justify-content: center;
    }


    body .gt_float_switcher .gt-selected .gt-current-lang {
        font-size: 14px;
        line-height: 18px;
        color: #000000;
    }

    .menu-center .navbar-div .elementor-menu-toggle {
        display: flex !important;
    }

    /*.menu-center {
		display: block !important;
	}*/
}


@media only screen and (min-width:1025px) and (max-width:1199px) {
    .rank-box {
        padding: 0 15px !important;
    }

    .program-sec .row {
        gap: 12px !important;
    }

    .col-4 {
        width: 32.33% !important;
    }

    .about-box {
        padding: 22px 12px !important;
    }

    .about-box .elementor-icon {
        font-size: 35px !important;
        padding: 15px !important;
    }

    .about-box .elementor-icon-box-title {
        font-size: 20px !important;
    }

    .icon-col {
        width: 5% !important;
    }

    .text-col {
        width: 93% !important;
    }

    .filter-button-section,
    .only-filter-div {
        gap: 10px;
    }

    .filter-row {
        gap: 0;
    }

    .custom-dropdown.custom-dropdown-design .selected-option,
    input.date-input,
    .filter-btn {
        font-size: 20px;
    }

    .filter-btn {
        padding: 20px 35px;
    }

    input.date-input {
        padding: 20px;
    }

    .custom-dropdown.custom-dropdown-design .selected-option {
        padding: 20px 99px 20px 20px;
    }

    .filter-sbtn {
        height: 60px;
        width: 60px;
    }

    .filter-main-section {
        width: 78%;
    }

    .filter-button-section {
        width: 20%;
    }
}


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

    .hero-video,
    .hero-video video {
        height: 79vh !important;
    }

    .form-design {
        gap: 12px;
        justify-content: center;
    }

    .select-style {
        height: 75px;
        font-size: 20px;
    }


    .search-btn {
        padding: 28px 80px;
        height: 85px;
    }

    /*.why-video,
	.why-video .elementor-custom-embed-image-overlay {
		height: 380px;
	}*/


    .elementor-shortcode .event-sec .event-block img.main-img {
        height: 315px !important;
    }

    .event-box h3 {
        font-size: 16px;
    }

    .event-box {
        margin-bottom: 15px;
    }


    .about-sec .e-con-inner < .e-con-full {
        width: 48%;
    }

    .about-title .elementor-heading-title {
        font-size: 40px !important;
    }

    .desktop-rank,
    .menu-div {
        gap: 20px !important;
    }

    .team-div {
        gap: 30px !important;
    }

    .social-slider .swiper-slide figure img.swiper-slide-image {
        height: 150px;
    }

    .social-slider .swiper-slide figure .elementor-image-carousel-caption {
        margin: 0 auto;
        width: 90%;
    }

    .team-img img {
        height: 364px !important;
    }

    .campus-gallery img,
    .campus-video,
    .campus-video iframe {
        height: 330px !important;
    }

    .why-video {
        width: 80% !important;
    }

    .p-box h3 {
        font-size: 22px !important;
    }

    .navbar-div,
    .top-bar-div {
        --padding-left: 10px !important;
        --padding-right: 10px !important;
    }

    .menu-div {
        column-gap: 20px !important;
    }

    #menu-main-menu {
        column-gap: 10px;
    }

    .mega-menu-div {
        padding: 10px !important;
    }

    .faq-col>.elementor-element-populated,
    .blog-col>.elementor-element-populated,
    .quick-link-col>.elementor-element-populated,
    .welcome-col>.elementor-element-populated {
        padding: 10px !important;
    }

    .faq-col h3,
    .blog-col h3,
    .quick-link-col h3,
    .welcome-col h3 {
        font-size: 27px !important;
        line-height: 37px !important;
    }

    .faq-col p,
    .quick-link-col ul li a,
    .blog-col article h4 a,
    .welcome-col p,
    .welcome-col h4 {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    .quick-link-col ul li {
        margin-bottom: 10px !important;
    }

    .faq-col .elementor-button,
    .blog-col .elementor-button {
        padding: 12px 20px !important;
    }

    .welcome-col img {
        height: 300px !important;
        width: auto;
    }

    .footer-grid {
        gap: 20px !important;
    }

    .step-div {
        gap: 10px !important;
    }

    #previous_campus {
        left: 20%;
    }

    #next_campus {
        right: 20%;
    }
}

@media only screen and (min-width:992px) and (max-width:1274px) {
    .apply-btn a {
        font-size: 16px !important;
        padding: 12px !important;
    }

    .apply_step_box {
        --width: 70% !important;
        width: 70% !important;
    }
}

@media (min-width:1200px) {

    .sidebar-div {
        height: 100% !important;
    }

    .testimonial-slider .elementor-swiper-button {
        top: calc(60% - 40px / 2) !important;
    }

    .figma-width {
        width: 1203px;
        margin: 0 auto;
    }

    .apply_box h5 {
        font-size: 26px !important;
    }

    .elementor-4975 .elementor-element.elementor-element-d94b9f6 {
        width: 90% !important;
    }

    .elementor-4975 .elementor-element.elementor-element-d94b9f6 {
        column-gap: 70px !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1224px) {

    .e-con.e-flex>.e-con-inner,
    .container {
        max-width: 100%;
    }


    .Event-container.e-con.e-flex>.e-con-inner {
        max-width: 95%;
    }

    .gap-52 {
        column-gap: 30px;
    }

    /*.top-bar-div,
	.navbar-div {
		padding: 6px 10px !important;
	}*/

    .form-design {
        gap: 11px !important;
    }

    .event-sec .row {
        gap: 15px !important;
    }

    .desktop-rank {
        gap: 25px !important;
    }

    .step-div {
        gap: 10px !important;
    }

    #next_campus {
        right: 20%;
    }

    #previous_campus {
        left: 20%;
    }

    .about-box {
        padding: 25px 12px !important;
        right: -10px !important;
    }

    .team-div {
        gap: 50px !important;
    }

    .footer-grid {
        gap: 60px !important;
    }

    .img-top {
        margin-top: -150px !important;
    }


}

@media only screen and (min-width: 1225px) and (max-width: 1320px) {

    #camp-banner h1 {
        font-size: 46px !important;
    }

    .img-col {
        width: 50% !important;
        column-gap: 10px !important;
    }

    .w100 {
        width: 100% !important;
    }


    .text-box {
        padding: 29px 17px !important;
    }

    .footer-grid {
        gap: 60px !important;
    }

    .e-con.e-flex>.e-con-inner,
    .single-our-event .container,
    .container {
        max-width: 1207px;
    }

    .elementor-section.elementor-section-boxed>.elementor-container {
        max-width: 1340px !important;
    }

    .steps-container {
        width: 100% !important;
    }

    .process-sdiv {
        column-gap: 50px !important;
    }

    .process-sdiv .e-con {
        width: 258px !important;
    }



    /*

	.top-bar-div,
	.navbar-div {
		padding: 6px 10px !important;
	}
	
	.container-size{
		max-width: 100%;
        width: 70% !important;
	}
	

	*/

    .container-size {
        max-width: 1207px;
    }


    .pcontainer {
        width: 1207px;
    }

    .event-sec .row {
        gap: 18px !important;
    }

    .team-div {
        gap: 50px !important;
    }


    .about-box {
        padding: 28px 12px !important;
    }

    .hero-video,
    .hero-video video {
        height: 500px !important;
    }

    .img-top {
        margin-top: -150px !important;
    }

    .abot-des p {
        font-size: 22px !important;
    }

    .rank-box .elementor-icon-box-description {
        font-size: 18px !important;
    }

    .desktop-rank {
        background-position: center;
    }

    .student-life-slider .item img {
        height: 400px !important;
    }

    .team-img img {
        height: 400px !important;
    }

    .why-video {
        width: 70% !important;
    }

    .why-video,
    .why-video .elementor-custom-embed-image-overlay {
        height: 400px !important;
    }

    .client-row {
        column-gap: 20px;
    }

    .overview-box {
        column-gap: 35px !important;
    }

    .on-box {
        left: -30px !important;
        border-radius: 30px 0 30px 30px !important;
    }

    .off-box {
        right: -30px !important;
        border-radius: 30px 0 30px 30px !important;
    }

    .elementor-6362 .apply_step_section .elementor-element.apply_step_box {
        --width: 100% !important;
        width: 75% !important;
    }

    .elementor-6362 .apply_step_section .elementor-element.apply_step_box h5.elementor-heading-title {
        font-size: 22px;
        font-weight: 600;
        line-height: 30px;
    }

    .elementor-6362 .apply_step_section .left_apply_step_sub_section .apply_step_box:nth-child(2) {
        --margin-top: 420px !important;
    }

    .elementor-6362 .apply_step_section .left_apply_step_sub_section .apply_step_box:nth-child(3) {
        --margin-top: 400px !important;
    }

    .elementor-6362 .apply_step_section .left_apply_step_sub_section .apply_step_box:nth-child(4) {
        --margin-top: 390px !important;
    }

    .elementor-6362 .apply_step_section .left_apply_step_sub_section .step_number {
        right: -118px !important;
    }

    .apply_step_section .right_apply_step_sub_section .apply_step_box:nth-child(1) {
        --margin-top: 390px !important;
    }

    .elementor-6362 .apply_step_section .right_apply_step_sub_section .apply_step_box:nth-child(2) {
        --margin-top: 400px !important;
    }

    .elementor-6362 .apply_step_section .right_apply_step_sub_section .apply_step_box:nth-child(3) {
        --margin-top: 340px !important;
    }

    .elementor-6362 .apply_step_section .right_apply_step_sub_section .apply_step_box:nth-child(4) {
        --margin-top: 410px !important;
    }

    .elementor-6362 .apply_step_section .right_apply_step_sub_section .step_number {
        left: -118px !important;
    }

    .elementor-6362 .apply_step_section .elementor-element.elementor-element-3034dca img {
        height: 107% !important;
    }
}

@media only screen and (max-width: 1280px) {
    .elementor-6362 .apply_step_section .left_apply_step_sub_section .apply_step_box:nth-child(2) {
        --margin-top: 450px !important;
    }

    .elementor-6362 .apply_step_section .left_apply_step_sub_section .apply_step_box:nth-child(3) {
        --margin-top: 430px !important;
    }

    .elementor-6362 .apply_step_section .left_apply_step_sub_section .apply_step_box:nth-child(4) {
        --margin-top: 420px !important;
    }

    .elementor-6362 .apply_step_section .left_apply_step_sub_section .step_number {
        right: -118px !important;
    }

    .apply_step_section .right_apply_step_sub_section .apply_step_box:nth-child(1) {
        --margin-top: 420px !important;
    }

    .elementor-6362 .apply_step_section .right_apply_step_sub_section .apply_step_box:nth-child(2) {
        --margin-top: 420px !important;
    }

    .elementor-6362 .apply_step_section .right_apply_step_sub_section .apply_step_box:nth-child(3) {
        --margin-top: 360px !important;
    }

    .elementor-6362 .apply_step_section .right_apply_step_sub_section .apply_step_box:nth-child(4) {
        --margin-top: 420px !important;
    }

    .elementor-6362 .apply_step_section .right_apply_step_sub_section .step_number {
        left: -118px !important;
    }

    .elementor-6362 .apply_step_section .elementor-element.elementor-element-3034dca img {
        height: 107% !important;
    }

    .campus_sliders {
        width: 100% !important;
    }

    .campus_box {
        max-width: 375px !important;
    }
}

@media only screen and (min-width: 1315px) and (max-width: 1321px) {

    .publication-list h3 {
        font-size: 24px !important;
    }

}

@media only screen and (min-width: 1225px) and (max-width: 1519px) {
    .publication-list {
        column-gap: 50px !important;
    }

    .campus_sliders {
        width: 100% !important;
    }

    .campus_box {
        max-width: 375px !important;
    }
}

@media only screen and (min-width: 1321px) and (max-width: 1349px) {

    .e-con.e-flex>.e-con-inner,
    .container {
        max-width: 1320px;
    }



    /*.top-bar-div,
	.navbar-div {
		padding: 6px 10px !important;
	}*/

    .container-size {
        max-width: 1320px;
    }

    .pcontainer {
        width: 1320px;
    }

    .event-sec .row {
        gap: 15px !important;
    }

    .footer-grid {
        gap: 185px 185px !important;
    }

    .event-slider img {
        height: 650px;
    }
}

@media only screen and (min-width: 1350px) and (max-width: 1440px) {

    /*.top-bar-div,
	.navbar-div {
		padding: 6px 10px !important;
	}*/

    .testimonial-slider .slick-current {
        padding: 0 1px;
    }

    .container-size {
        max-width: 1340px;
    }

    .pcontainer {
        width: 1340px;
    }

    .team-div {
        justify-content: center !important;
    }

    .year-box .elementor-image-box-description {
        font-size: 55px !important;
        line-height: 66px !important;
    }

}


@media only screen and (min-width: 1350px) and (max-width: 1432px) {
    .programme-banner h1 {
        font-size: 49px !important;
        line-height: 59px !important;
    }

    .title-set h2 {
        font-size: 49px !important;
        line-height: 59px !important;
    }

    .box-section .row .col-lg-3:first-child .box-style {
        padding-left: 60px;
    }

    .box-section .row .col-lg-3:last-child .box-style {
        padding-right: 60px;
    }

    .box-style {
        padding: 0 45px 27px 45px;
    }

}

@media only screen and (min-width: 1350px) and (max-width: 1873px) {
    .programme-banner {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .programme-banner .btext {
        margin-top: 0 !important;
    }
}

@media only screen and (min-width: 1433px) and (max-width: 1873px) {

    .programme-banner h1 {
        font-size: 53px !important;
        line-height: 63px !important;
    }
}


@media only screen and (min-width: 1025px) and (max-width: 1320px) {
    .program-div {
        column-gap: 15px !important;
    }

    .card-sec>.e-con-inner {
        column-gap: 30px !important;
    }

    .p-box {
        padding: 20px !important;
    }

    .detail-list {
        gap: 20px 18px;
    }

}

@media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .title-set h2 {
        font-size: 52px !important;
        line-height: 62px !important;
    }

    .programme-banner {
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-top: 350px !important;
    }

    .pmain-title h1 {
        font-size: 65px !important;
        line-height: 70px !important;
    }

    .year-box .elementor-image-box-description {
        font-size: 40px !important;
        line-height: 50px !important;
    }

}

@media (min-width:1025px) {
    .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
        background-image: url('https://staging.csss.es/wp-content/uploads/2025/08/Vector.svg') !important;
    }
}

@media only screen and (min-width:1025px) and (max-width:1320px) {
    .box-width {
        width: 95% !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1320px) {


    .academic-content {
        margin-top: -100px !important;
    }

    .publication-list h3 {
        font-size: 20px !important;
        line-height: 26px !important;
    }

    .campuses-div {
        --width: 100% !important;
    }

    .facilities-div {
        --column-gap: 40px !important;
    }

    .text-box {
        --width: 235px !important;
    }

    .reason-div {
        --column-gap: 30px !important;
    }

    .reason-box {
        --column-gap: 30px !important;
    }

    .main-about {
        --column-gap: 30px !important;
    }

    .main-about .about-left {
        --width: 47% !important;
    }

    .main-about .about-right {
        --width: 50% !important;
    }


    .moments-gallery .elementor-gallery-title.elementor-item-active {
        font-size: 27px !important;
    }

    .difference-div {
        --column-gap: 24px !important;
    }

    .box-div {
        --column-gap: 30px !important;
    }

    .lists-div {
        gap: 15px 5px !important;
    }

    .lists-div .elementor-icon-list-text {
        font-size: 17px !important;
    }

    .skill-div {
        --column-gap: 45px !important;
    }


    .career-div {
        --column-gap: 45px !important;
    }

    .value-main .e-con-full h3 {
        font-size: 19px !important;
    }

    .about-boxs .e-con-full {
        --width: 23% !important;
        padding: 35px 25px;
    }

    .about-right .e-con-full .elementor-widget-icon-box {
        padding: 10px !important;
        --container-widget-width: 23% !important;
    }

    .class-box {
        --padding-left: 40px !important;
        --padding-right: 40px !important;
        --padding-top: 80px !important;
        --padding-bottom: 80px !important;
        height: 270px !important;
        min-height: 100% !important;
    }

    .moments-gallery .elementor-gallery-title {
        min-width: 165px;
        --space-between: 13px !important;
    }


    #culture .col-left {
        width: 47%;
    }

    #culture .col-right {
        width: 50%;
    }

    .social-box>img {
        height: 160px !important;
    }

    .speaker-box img {
        height: 100px;
        width: 100px;
    }

    .plist-style {
        column-gap: 25px;
        justify-content: space-between;
    }

    .programme-list .e-con-inner {
        column-gap: 25px !important;
    }

    .programme-banner {
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-top: 400px !important;
    }

    .pmain-title h1 {
        font-size: 47px !important;
        line-height: 70px !important;
    }

    .title-set h2 {
        font-size: 47px !important;
        line-height: 57px !important;
    }

    .p-box h3 {
        font-size: 30px !important;
        line-height: 40px !important;
    }

    .year-box {
        padding: 30px 30px 35px 30px !important;
    }

    .year-box .elementor-image-box-title {
        font-size: 120px !important;
        line-height: 145px !important;
    }

    .year-box .elementor-image-box-description {
        font-size: 45px !important;
        line-height: 55px !important;
    }

    .faq-content p {
        font-size: 22px !important;
    }


    .social-icon img {
        width: 15px;
    }

    .social-icon {
        font-size: 13px;
    }

    .filter-row {
        gap: 5px;
    }

    .filter-main-div {
        column-gap: 6px !important;
    }

    .filter-main-section {
        width: 79%;
    }

    .filter-button-section {
        width: 21%;
    }

    .gap-52 {
        column-gap: 45px;
    }

    .speaker-box h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .speaker-section iframe {
        height: 572px !important;
    }

    .event-images {
        margin-top: 80px;
    }

    .event-images h1 {
        margin: 0 0 32px 0;
        font-size: 50px;
        line-height: 60px;
    }

    .event-slider img {
        height: 450px;
    }

    .eventl-box h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .meta-div div:nth-last-child(2) p {
        height: 28px;
        display: flex;
        align-items: center;
    }

    .event-slider .slick-next:before,
    .event-slider .slick-prev:before {
        width: 100px;
        height: 100px;
    }

    .event-slider .slick-next {
        right: -50px;
    }

    .event-slider .slick-prev {
        left: -50px;
    }

    .category-banner p {
        font-size: 26px;
    }

    .client-box .col-lg-8 p {
        font-size: 29px;
    }

    .width-97 {
        width: 97% !important;
    }

    .width-98 {
        width: 98% !important;
    }
}


@media (max-width:991px) {

    .custom-filter-program>p,
    .program-item p {
        font-size: 14px;
        line-height: 18px;
    }

    body .program-item {
        padding: 5px 10px !important;
        width: 100% !important;
        flex-direction: column;
        align-items: flex-start;
        row-gap: 5px;
    }

    .program-item p {
        width: 100% !important;
        text-align: left !important;
        margin: 0 !important;
    }

    .result-location a,
    .result-location a:hover {
        font-weight: 500 !important;
    }

    .result-name {
        font-weight: bold !important;
    }

    body .program-item p:nth-child(2) {
        margin: 0 !important;
    }

    .event-details .col-lg-10,
    .event-details .col-lg-2 {
        width: 50%;
    }

    .program-listing-container {
        width: 100%;
    }

    .event-sec .col-7,
    .event-sec .col-5 {
        width: 100%;
    }
}

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

    body .desktop-rank .rank-box {
        height: 320px;
    }

    .blog-pagination .current {
        font-size: 20px;
        line-height: 34px;
        width: 40px;
        height: 40px;
    }

    p.blog-card-date {
        font-size: 15px;
    }

    h3.blog-card-title {
        font-size: 17px;
    }

    .blog-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }


    .arw-div .swiper-button-next svg,
    .arw-div .swiper-button-prev svg {
        width: 50px;
        height: 50px;
    }

    .Form-Design .iti__selected-dial-code {
        font-size: 18px;
    }

    .Form-Design .elementor-field-group-field_cb1c0ec .select-caret-down-wrapper {
        right: 0px !important;
    }


    .arw-div img {
        height: 50px !important;
        object-fit: contain;
    }

    .arw-div {
        top: -75px;
    }

    .student-video {
        height: 400px;
    }

    .review-grid .row .col-md-4 {
        width: 48.5%;
    }

    .review-grid .row {
        gap: 30px 0px;
        width: 100%;
    }

    .user-div h3 {
        font-size: 20px;
    }

    #youtube-slider .slick-list {
        margin: 0 -10px;
    }

    #youtube-slider .slick-slide {
        margin: 0 10px;
    }

    #blogs .slick-list {
        margin: 0 -10px !important;
    }

    #blogs .slick-slide {
        margin: 0 10px !important;
    }

    .greview {
        padding: 30px 20px;
    }

    .greview p {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .student-detail h3 {
        font-size: 20px;
        margin-bottom: 0;
    }

    #youtube-slider .slick-prev,
    #youtube-slider .slick-prev:hover,
    #youtube-slider .slick-prev:focus,
    #youtube-slider .slick-next,
    #youtube-slider .slick-next:hover,
    #youtube-slider .slick-next:focus {
        width: 50px;
        height: 50px;
        top: -50px;
    }

    #youtube-slider .slick-next,
    #youtube-slider .slick-next:hover,
    #youtube-slider .slick-next:focus {
        right: 0;
    }

    #youtube-slider .slick-prev,
    #youtube-slider .slick-prev:hover,
    #youtube-slider .slick-prev:focus {
        right: 65px;
    }
	
	
	
	
	
	#blogs .slick-prev,
    #blogs .slick-prev:hover,
    #blogs .slick-prev:focus,
    #blogs .slick-next,
    #blogs .slick-next:hover,
    #blogs .slick-next:focus {
        width: 50px !important;
        height: 50px !important;
        top: -50px !important;
    }

    #blogs .slick-next,
    #blogs .slick-next:hover,
    #blogs .slick-next:focus {
        right: 0 !important;
    }

    #blogs .slick-prev,
    #blogs .slick-prev:hover,
    #blogs .slick-prev:focus {
        right: 65px !important;
    }

    .student-detail p {
        font-size: 15px;
    }

    .bt-play svg {
        height: 80px;
    }

    #modal_registration {
        width: 90% !important;
    }

    #modal_registration .popleft p {
        font-size: 16px;
    }

    .guest-slider .swiper-slide {
        padding: 20px 10px !important;
    }

    .guest-slider .elementor-swiper-button-next {
        right: -15px !important;
    }

    .guest-slider .elementor-swiper-button-prev {
        left: -15px !important;
    }

    .guest-slider .elementor-swiper-button-prev:before,
    .guest-slider .elementor-swiper-button-next:before {
        width: 20px;
        height: 40px;
    }

    .Form-Design .elementor-field-group {
        margin-bottom: 15px !important;
    }

    .Form-Design label {
        padding-bottom: 5px !important;
    }

    .Form-Design .elementor-field-textual,
    .Form-Design .elementor-upload-field {
        height: auto;
        padding: 15px 20px;
    }

    #step-form input[type="file"]::file-selector-button {
        font-size: 14px !important;
        padding: 3px 15px !important;
    }

    .activity-box h3 {
        font-size: 22px;
    }

    .activity-box img {
        height: 380px !important;
    }

    #download-btn svg {
        width: 25px !important;
        height: 25px !important;
    }


    .eventl-box>img {
        height: 200px !important;
    }

    .social-img img {
        width: 100%;
    }

    #started-btn svg {
        height: 30px !important;
        object-fit: contain;
    }


    .module-faq-style.faq-style .e-closed:after {
        height: 37px;
        width: 37px;
    }

    body .custom-dropdown .dropdown-item label {
        font-size: 18px !important;
    }

    #schedule-ebtn .elementor-button-icon svg {
        height: 22px;
        width: auto;
    }

    .program-item h4 a {
        font-size: 20px;
    }

    .rank-box:hover {
        margin-top: 0;
    }

    .event-content {
        margin-top: 50px;
    }

    .event-content h2 {
        font-size: 40px;
        line-height: 50px;
        margin: 0 0 15px 0;
    }

    .event-content p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 30px;
    }



    .gap-52 {
        column-gap: 30px;
        row-gap: 50px;
        padding: 0 30px;
    }

    .eventl-box h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .pagination-bottom {
        flex-wrap: Wrap;
    }

    .data-pagination ul li.active a,
    .blog-design .page-numbers.current {
        font-size: 24px;
        line-height: 34px;
        width: 40px;
        height: 40px;
    }

    .blog-design .page-numbers.next:before,
    .blog-design .page-numbers.prev:before {
        transform: scale(0.7);
    }


    .eventl-box .img-box {
        font-size: 14px;
    }

    .img-div {
        width: 50%;
    }

    .event-images {
        margin-top: 40px;
    }

    .event-images h1 {
        font-size: 45px;
        line-height: 55px;
        margin: 0 0 32px 0;
    }

    .event-details {
        margin: 40px 0;
    }


    .details img {
        height: 22px;
    }

    .event-details h2,
    .description-section h2,
    .speaker-section h2,
    .recent-post h2 {
        font-size: 32px;
        line-height: 42px;
    }

    .description-box {
        padding: 30px;
    }

    .speaker-section {
        margin: 50px 0;
    }

    .speaker-section .col-set-1,
    .speaker-section .col-set-2 {
        width: 100%;
    }

    .speaker-section .col-set-2 {
        margin-top: 50px;
    }

    #recent-post .col-4 {
        width: auto !important;
    }

    .eventl-box h3 {
        height: 63px;
        overflow: hidden;
    }

    .meta-div p {
        font-size: 15px;
    }

    .date-div p {
        font-size: 20px;
        line-height: 25px;
    }

    .event-btn {
        margin: 0px auto 0 auto;
        padding: 10px 15px;
        font-size: 18px;
    }

    .recent-post {
        margin-bottom: 200px;
    }

    .meta-div div:nth-last-child(2) p {
        height: 38px;
        display: flex;
        align-items: center;
    }

    .event-slider .slick-next:before,
    .event-slider .slick-prev:before {
        width: 60px;
        height: 60px;
    }

    .event-slider img {
        height: 450px;
    }

    .event-slider .slick-prev {
        left: 0;
    }

    .event-slider .slick-next {
        right: 0;
    }

    .filter-main-div {
        gap: 5px;
    }

    .custom-dropdown.custom-dropdown-design .selected-option {
        height: 50px;
        line-height: 10px;
        vertical-align: middle;
    }

    input.date-input,
    .search-div input {
        height: 50px;
    }

    .filter-sbtn,
    .filter-main-section .cutom-search {
        width: 50px;
        height: 50px;
    }

    .filter-btn {
        padding: 10px 24.5px;
    }

    .speaker-section iframe {
        height: 432px !important;
    }

    .plist-style {
        margin-top: 0;
        justify-content: center;
    }

    .program-box-style {
        padding: 20px 15px;
    }


    .program-box-style p {
        font-size: 16px;
        margin-bottom: 20px;
        line-height: 26px;
    }

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

    .choose-box h3 {
        font-size: 19px;
    }

    .choose-box p {
        font-size: 13px;
    }

    .client-img-div {
        width: 95%;
        height: 100%;
    }

    .schedule-section p {
        font-size: 20px;
        margin-bottom: 20px;
    }


    .accordion {
        row-gap: 15px;
    }

    .accordion-item h2 {
        margin: 0;
    }

    .testimonial-slider .slick-prev,
    .testimonial-slider .slick-prev:hover,
    .testimonial-slider .slick-prev:focus,
    .testimonial-slider .slick-next,
    .testimonial-slider .slick-next:hover,
    .testimonial-slider .slick-next:focus {
        width: 50px;
        height: 50px;
    }

    .content-section,
    .choose-section,
    .life-section {
        margin: 50px 0;
    }

    .program-list,
    .testimonial-section,
    .schedule-section {
        padding: 50px 0;
    }

    .faq-section {
        margin: 50px 0 200px;
    }

    .client-detail-col p,
    .client-box .col-lg-8 p {
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .client-row {
        column-gap: 10px;
    }

    .overview-section,
    .methodology-section,
    .partner-section {
        margin: 50px 0;
    }

    .career-section {
        margin-bottom: -100px;
    }

    .module-section {
        padding: 200px 0 50px 0;
    }

    .confidence-section .container,
    .CTA-section,
    .fee-section .container {
        padding: 50px 0;
    }

}


@media only screen and (min-width: 1025px) and (max-width:1199px) {
    .boy-img {
        margin: 0 !important;
    }

    .about-box .elementor-icon-box-title {
        font-size: 20px !important;
    }

    .about-sec .e-con-inner {
        gap: 12px !important;
    }


    .about-sec .e-con-inner .e-con {
        width: 49% !important;
    }

    body .about-sec .icon-img-div.e-con {
        width: 100% !important;
    }

    .img-top {
        margin-top: -122px !important;
    }

    .about-box .elementor-icon-box-title {
        font-size: 16px !important;
    }

}


@media only screen and (min-width: 1200px) and (max-width:1357px) {
    .boy-img {
        margin: 0 !important;
    }

    .about-box .elementor-icon-box-title {
        font-size: 20px !important;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1349px) {
    .box-section .row .col-lg-3:last-child .box-style {
        padding-right: 50px;
    }

    .box-section .row .col-lg-3:first-child .box-style {
        padding-left: 50px;
    }

    .box-style {
        padding: 0 45px 27px 45px;
    }

    .p-box h3 {
        font-size: 28px;
        line-height: 38px;
    }

    .program-box-style h3 {
        font-size: 28px;
        line-height: 38px;
        height: 110px;
    }

    .category-banner {
        padding-top: 380px;
    }

    .cate-banner .e-con-inner {
        padding-block-start: 380px !important;
    }

    .cate-banner p {
        font-size: 26px !important;
    }

    .Box-section .box:first-child {
        padding-left: 50px !important;
    }

    .Box-section .box:last-child {
        padding-right: 50px !important;
    }

}


@media only screen and (min-width: 1350px) and (max-width: 1399px) {
    .program-box-style h3 {
        font-size: 29px;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1608px) {
    .social-box>img {
        height: 180px !important;
    }

    .social-box div {
        padding: 0 20px;
        height: 38px;
    }

    .social-icon {
        height: 100%;
    }

    .social-box a img {
        height: 100%;
    }

    .social-icon img {
        width: 15px;
    }
}


@media (min-width:1350px) {
    .e-con.e-flex>.e-con-inner {
        max-width: 1340px;
    }

    .elementor-section.elementor-section-boxed>.elementor-container {
        max-width: 1340px !important;
    }

    .page-id-2199 .e-con.e-flex>.e-con-inner {
        max-width: 1336px;
    }

    .single-our-event .container {
        max-width: 1432px;
    }

    .container {
        max-width: 1340px;
    }


    #culture>.e-con-inner {
        max-width: 1436px;
    }

    .title-width h2 {
        width: 825px
    }

}

@media only screen and (min-width: 1025px) and (max-width: 1249px) {
    .footer-grid .e-con-full {
        width: 21% !important;
    }
}


@media only screen and (min-width: 1250px) and (max-width: 1600px) {

    .admission-box {
        padding: 30px 40px !important;
    }

    .footer-grid {
        max-width: 1200px;
        gap: 60px !important;
    }

    .footer-grid .e-con-full {
        width: 21% !important;
    }

    .eventl-box h3 {
        font-size: 25px;
        line-height: 35px;
    }

    .category-banner h1,
    .schedule-section h2,
    .faq-section h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .cate-banner h1,
    .program-cta h2 {
        font-size: 50px !important;
        line-height: 60px !important;
    }

}


@media (max-width:1608px) {
    .footer-container {
        max-width: 100%;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1600px) {


    /*body .e-con.e-flex>.e-con-inner {
        max-width: 80% !important;
    }*/

    .top-bar-div .container-size,
    .navbar-div .container-size {
        width: 100% !important;
        max-width: 100%;
    }

    body .why-choose-section .why-box {
        --width: 24% !important;
        width: 23.33% !important;
    }

    html,
    body {
        zoom: 80%;
        overflow-x: auto;
        margin: 0 auto;
        display: block;
    }

    .top-bar-div .elementor-element-ecd8f85 {
        max-width: 95.5%;
        width: 100%;
    }

    .navbar-div .elementor-element-0b921cc {
        max-width: 95.5%;
        width: 100%;
    }

    .hero-video,
    .hero-video video {
        object-fit: contain !important;
        height: 112vh !important;
    }

    .elementor-element-25fb183 .e-con-inner {
        max-width: 84.5% !important;
        width: 100% !important;
    }

    .elementor-12 .elementor-element.elementor-element-adc0d91 .elementor-heading-title {
        font-size: 41px !important;
    }

    .elementor-element-9b3667f img {
        object-fit: contain;
        height: 75px;
        width: 188px;
    }

    .elementor-248 .elementor-element.elementor-element-48f5cd1 .elementor-button {
        padding: 12px 23px 12px 23px !important;
    }

    body:not(.rtl) .elementor-12 .elementor-element.elementor-element-ac45ae1 {
        left: 22% !important;
    }

    body:not(.rtl) .elementor-12 .elementor-element.elementor-element-4cc6f52 {
        right: 22% !important;
    }

    .social-box>img {
        height: 195px !important;
    }

    .megamenu-popup.elementor-popup-modal .dialog-message {
        max-width: 100% !important;
        width: 100% !important;
    }

    .year-box {
        padding: 50px 35px 65px 35px !important;
    }

    .year-box .elementor-image-box-description {
        font-size: 60px !important;
        line-height: 70px !important;
    }

    .elementor-235 .elementor-element.elementor-element-0643160.title-set .elementor-heading-title {
        font-size: 80px !important;
        line-height: 90px !important;
    }

    .elementor-235 .elementor-element.elementor-element-8b6fdd5 .elementor-heading-title {
        padding: 0px 135px;
        font-size: 18px;
    }

    .pmain-title h1 {
        font-size: 55px !important;
        line-height: 70px !important;
    }

    .client-img-div {
        height: 100%;
        width: 95%;
    }

    .cdetail h3 {
        font-size: 32px;
        line-height: 45px;
    }
}


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

    .details p {
        font-size: 16px;
        line-height: 26px;
    }

    .details {
        margin: 5px 0;
    }

    .date-div {
        box-shadow: 0px 0px 4px rgb(0 0 0 / 13%);
    }

    .speaker-section {
        padding: 50px 0 !important;
    }

    #blogs button.slick-prev.slick-arrow.disabled-btn,
    #blogs button.slick-next.slick-arrow.highlight-btn-next {
        width: 40px !important;
        height: 40px !important;
        top: -35px !important;
    }
	#blogs button.slick-next.slick-arrow.highlight-btn-next {
        right: 6px !important;
    }
}

@media (max-width:1320px) {
    .choose-box {
        height: 100%;
    }

}

@media (min-width:768px) {
    .why-choose-section .e-con-inner {
        column-gap: 20px !important;
    }
}

@media (min-width:1321px) {
    .choose-box {
        width: 319px;
        height: 196px;
    }
}

@media (min-width:1400px) {
    .container {
        max-width: 1336px;
    }

    .schedule-section .container {
        max-width: 1370px;
    }

    .CTA-section .container {
        max-width: 1340px;
    }
}


@media (min-width:1520px) {
    .publication-container.e-con.e-flex>.e-con-inner {
        max-width: 1512px;
    }

    .story-container.e-con.e-flex>.e-con-inner {
        max-width: 1522px;
    }
}

/* 29-09-2025 css */
.page-id-4542 .icon-style:hover h3 {
    color: #2a2d7a !important;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .client-img-div {
        max-height: 400px;
        width: 100%;
    }

    .box-video.client-img-div {
        height: 600px;
        width: 100%;
        max-height: unset;
    }
}

@media (max-width:1024px) {

    .enquiry_forms .elementor-field-group {
        margin-bottom: 20px !important;
    }

    .client-img-div {
        max-height: 300px;
        width: 100%;
    }

    .box-video.client-img-div {
        max-height: unset;
        height: 400px;
    }
}

@media only screen and (max-width: 1024px) {
    .elementor-6362 .apply_step_section .left_apply_step_sub_section .apply_step_box:nth-child(2) {
        --margin-top: 370px !important;
    }

    .elementor-6362 .apply_step_section .left_apply_step_sub_section .apply_step_box:nth-child(3) {
        --margin-top: 380px !important;
    }

    .elementor-6362 .apply_step_section .left_apply_step_sub_section .apply_step_box:nth-child(4) {
        --margin-top: 400px !important;
    }

    .elementor-6362 .apply_step_section .left_apply_step_sub_section .step_number {
        right: -107px !important;
    }

    .apply_step_section .right_apply_step_sub_section .apply_step_box:nth-child(1) {
        --margin-top: 390px !important;
    }

    .elementor-6362 .apply_step_section .right_apply_step_sub_section .apply_step_box:nth-child(2) {
        --margin-top: 370px !important;
    }

    .elementor-6362 .apply_step_section .right_apply_step_sub_section .apply_step_box:nth-child(3) {
        --margin-top: 350px !important;
    }

    .elementor-6362 .apply_step_section .right_apply_step_sub_section .apply_step_box:nth-child(4) {
        --margin-top: 420px !important;
    }

    .elementor-6362 .apply_step_section .right_apply_step_sub_section .step_number {
        left: -107px !important;
    }

    .elementor-6362 .apply_step_section .elementor-element.elementor-element-3034dca img {
        height: 108% !important;
    }
}

@media only screen and (max-width: 820px) {
    .elementor-6362 .apply_step_section .left_apply_step_sub_section .step_number {
        right: -98px !important;
    }

    .elementor-6362 .apply_step_section .right_apply_step_sub_section .step_number {
        left: -98px !important;
    }



    .elementor-6362 .apply_step_section .left_apply_step_sub_section .apply_step_box:nth-child(2) {
        --margin-top: 420px !important;
    }

    .elementor-6362 .apply_step_section .left_apply_step_sub_section .apply_step_box:nth-child(3) {
        --margin-top: 430px !important;
    }

    .elementor-6362 .apply_step_section .left_apply_step_sub_section .apply_step_box:nth-child(4) {
        --margin-top: 420px !important;
    }

    .elementor-6362 .apply_step_section .right_apply_step_sub_section .apply_step_box:nth-child(1) {
        --margin-top: 390px !important;
    }

    .elementor-6362 .apply_step_section .right_apply_step_sub_section .apply_step_box:nth-child(2) {
        --margin-top: 410px !important;
    }

    .elementor-6362 .apply_step_section .right_apply_step_sub_section .apply_step_box:nth-child(3) {
        --margin-top: 350px !important;
    }

    .elementor-6362 .apply_step_section .right_apply_step_sub_section .apply_step_box:nth-child(4) {
        --margin-top: 410px !important;
    }

    .elementor-6362 .apply_step_section .elementor-element.elementor-element-3034dca img {
        height: 108% !important;
    }
}

@media only screen and (max-width: 768px) {
    .elementor-6362 .apply_step_section .left_apply_step_sub_section .step_number {
        right: -98px !important;
    }

    .elementor-6362 .apply_step_section .right_apply_step_sub_section .step_number {
        left: -98px !important;
    }

    .elementor-6362 .apply_step_section .left_apply_step_sub_section .apply_step_box:nth-child(2) {
        --margin-top: 380px !important;
    }

    .elementor-6362 .apply_step_section .left_apply_step_sub_section .apply_step_box:nth-child(3) {
        --margin-top: 400px !important;
    }

    .elementor-6362 .apply_step_section .left_apply_step_sub_section .apply_step_box:nth-child(4) {
        --margin-top: 400px !important;
    }

    .elementor-6362 .apply_step_section .right_apply_step_sub_section .apply_step_box:nth-child(1) {
        --margin-top: 390px !important;
    }

    .elementor-6362 .apply_step_section .right_apply_step_sub_section .apply_step_box:nth-child(2) {
        --margin-top: 360px !important;
    }

    .elementor-6362 .apply_step_section .right_apply_step_sub_section .apply_step_box:nth-child(3) {
        --margin-top: 350px !important;
    }

    .elementor-6362 .apply_step_section .right_apply_step_sub_section .apply_step_box:nth-child(4) {
        --margin-top: 440px !important;
    }

    .elementor-6362 .apply_step_section .elementor-element.elementor-element-3034dca img {
        height: 108% !important;
    }
}

@media (max-width:768px) {
    .client-img-div {
        max-height: 250px;
    }
}


@media (max-width:600px) {
    .eventl-box {
        min-height: 590px;
        height: 100%;
    }

    .detail-btn {
        height: max-content;
    }

    .testimonial-section .container {
        padding: 0 20px;
    }
}

@media (min-width: 768px) {
    .elementor-field-group-field_354cb1b {
        width: 15% !important;
    }
}

.elementor-field-group-field_354cb1b {
    margin-top: -173px;
    margin-left: 687px;
    width: 15%;
}

.elementor-field-group-field_354cb1b .elementor-select-wrapper select {
    background-color: transparent !important;
    border-color: transparent !important;
}

.elementor-field-group-field_354cb1b .elementor-select-wrapper select:focus {
    box-shadow: none !important;
}

.elementor-field-group-field_354cb1b .elementor-field-label {
    visibility: hidden;
}



@media only screen and (max-width: 430px) {
    .elementor-6362 .elementor-element.elementor-element-9465fa1 img {
        height: 235vh !important;
    }

    .elementor-6362 .step_number {
        left: -69px !important;
    }

    .elementor-6362 .step_number img {
        width: 67% !important;
    }
}

@media only screen and (max-width: 414px) {
    .elementor-6362 .elementor-element.elementor-element-9465fa1 img {
        height: 255vh !important;
    }
}

@media only screen and (max-width: 390px) {
    .elementor-6362 .elementor-element.elementor-element-9465fa1 img {
        height: 281vh !important;
    }
}

@media only screen and (max-width: 375px) {
    .elementor-6362 .elementor-element.elementor-element-9465fa1 img {
        height: 100% !important;
    }

    .elementor-6362 .step_number {
        left: -65px !important;
    }

    .elementor-6362 .step_number img {
        width: 67% !important;
    }
}

@media only screen and (max-width: 360px) {
    .elementor-6362 .elementor-element.elementor-element-9465fa1 img {
        height: 335vh !important;
    }

    .elementor-6362 .step_number {
        left: -66px !important;
    }

    .elementor-field-group-field_354cb1b {
        width: 50% !important;
    }
}

@media only screen and (max-width: 344px) {
    .elementor-6362 .elementor-element.elementor-element-9465fa1 img {
        height: 286vh !important;
    }
}

/*.enquiry_forms .elementor-field-group-field_7797031 {
	width: 50% !important;
	z-index: 1 !important;
	display:block !important;
}

.enquiry_forms .elementor-field-group-field_7797031 .elementor-field-label {
    visibility: visible !important;
}*/

.page-id-41793 header,
.page-id-41793 footer {
    display: none !important;
}

.event-slider img {
    object-position: top center;
}


.faq-style .e-n-accordion-item-title-text {
    text-transform: none;
}

.title-set h2 {
    text-transform: none !important;
}

.cate-banner h1 {
    text-transform: none !important;
}

.single-post .cate-banner {
    background-position: center !important;
}

.testimonial-section .client-box .client-img-div {
    display: none !important;
}