body {margin:0 auto; font-size:16px; padding:0; font-family:"Roboto", sans-serif; color:#000;}
::selection {background-color:#2196f3; color:#fff;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {color:#000;}
.section-padding {padding:60px 0px;}
.mt-40 {margin-top:40px;}
.f21 {font-size:21px; color:#01202b;}
.h2, h2 {font-size:32px; font-weight:600; color:#01202b; margin-bottom:10px;}
.h3, h3 {font-size:26px; font-weight:600; color:#01202b;}
.h4, h4 {font-size:18px; font-weight:500; color:#01202b;}
.h5, h5 {font-size:15px; color:#01202b;}

.btn.btn-primary{background: #ff6900; border-color:#ff6900;  color: #fff; border:none; border-radius:4px; padding:9px 28px;}
.btn.btn-primary:hover{background: #d9552d; border-color:#d9552d;}

.btn.btn-white{background: #fff; border-color:#fff;  color: #000; border:none; border-radius:4px; padding:9px 28px;}
.btn.btn-white:hover{ opacity: 0.9;}

a {transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; outline:0; color:#000; text-decoration:none;}
a:hover {outline:none; color:#1d1d1d; text-decoration:none;}
.wow {visibility:hidden;}
.clear {clear:both;}
img:not(table img) {max-width:100%;}
iframe {border:0; max-width:100%; display:block; margin:0 auto;}
p {font-size:15px; color:#444;}
figure {margin:0 auto; display:block; text-align:center;}
body.scroll-off {overflow:hidden;}
.section-padding {padding-top:40px; padding-bottom:40px;}
.section-heading {color:#000000; font-size:30px; font-weight:bold; margin-bottom:0;}
.font-400 {font-weight:400;}
.font-500 {font-weight:500;}
.form-control::-webkit-input-placeholder {color:#9C9C9C;}
.form-control::-moz-placeholder {color:#9C9C9C;}
.form-control:-ms-input-placeholder {color:#9C9C9C;}
.form-control:-moz-placeholder {color:#9C9C9C;}
.section{padding: 60px 20px;}

ul li{font-size: 15px;}
.text-orange{color: #ef4410;}
 

.btn-round{border-radius: 30px;}
.main_section{width: 100%; display: inline-block; vertical-align: top; background-color: #f5f9ff;}
.rounded{border-radius: 4px !important;}
.white_bg{background: #fff;}


.text_h_center{display: flex; flex-wrap: wrap; align-content: center; justify-content: center;}

/*==================== User Dropdown Start ===================*/
.user_dropdown {display:inline-block;}
.user_dropdown>a {color:#494949; padding-right:0; padding-top:0; padding-bottom:0;}
.user_dropdown img {height:35px; width:35px; min-height:35px; min-width:35px; border-radius:50%;}
.user_dropdown .dropdown-menu.show {display:block; left:auto; width:160px; overflow-x:hidden; padding-bottom:0; margin-top:10px; opacity:1; visibility:visible; background-color:#fff; color:rgba(255, 255, 255, 0.6); right:1px; box-shadow:0 5px 12px rgba(60, 64, 67, 0.15); font-size:12px; border-radius:9px; border:0;}
.user_name>div {white-space:nowrap; max-width:calc(160px - 10px); overflow:hidden; text-overflow:ellipsis; display:inline-block; vertical-align:middle; color:#494949; text-transform:capitalize; font-size:15px;}
.user_name {padding:0 10px; border-bottom:1px solid #e9ecef;}
.user_name small {color:#a2a2a2; text-transform:lowercase;}
.user_name .user_email {margin-top:-10px;}
.user_dropdown ul {list-style:none; margin:0; padding:0;}
.user_dropdown ul li {display:block;}
.user_dropdown ul li a {color:#494949; text-transform:capitalize; font-size:14px; padding:5px 10px; display:block; border-bottom:1px solid #e9ecef;}
.user_dropdown ul li a i {margin-right:5px;}
.user_dropdown ul li a:hover {color:#c72026;}


/*==================== User Dropdown End ===================*/


/*==================== Header Start ===================*/
#header {height:90px; display:flex; align-items:center; z-index:10; position:relative; box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 18%); background:0 0 !important; background-color:#fff !important;}
#header.is-sticky {position:fixed; right:0; left:0; top:0; transform:translateY(-100%); -webkit-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1); box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1); height:90px; border-bottom:1px solid #ededed;}
#header.is-sticky.awake {transform:translateY(0%); -webkit-transition:0.3s all ease-out; -o-transition:0.3s all ease-out; transition:0.3s all ease-out;}
#header.is-sticky.inner_pages_head, #header.inner_pages_head {height:65px;}
#header>.container-fluid>.navbar {padding-left:0; padding-right:0;}
#header .navbar-brand img {height:50px; width:auto;}

#header .navbar-expand-lg .navbar-nav .nav-item:last-child {margin-right:0px;}
#header .nav-link {position:relative; padding: 6px 8px; color:#232222; font-weight:500;}
#header .navbar-expand-lg .navbar-nav .nav-link:hover, #header .navbar-expand-lg .navbar-nav .nav-item.active .nav-link {color:#f26334;}
/*#header .navbar-expand-lg .navbar-nav .nav-link:hover:before, #header .navbar-expand-lg .navbar-nav .nav-item.active .nav-link:before {color:#f26334; transform:scaleX(1);}
#header .navbar-expand-lg .navbar-nav .nav-link:before {left:0; bottom:-5px; width:100%; height:1px; background:#f26334; transform:scaleX(0); content:""; position:absolute; transition:transform 0.5s ease;}*/
#header .dropdown-toggle::after {border:none; background-size:contain; background-repeat:no-repeat; vertical-align:middle; margin-top:3px;}
/*#header .extra_nav {margin-left:30px;}
#header .navbar-expand-lg .extra_nav .navbar-nav .nav-item {margin-right:10px;}*/
#header .extra_nav .nav-item:list-child {margin-right:0px;}
#header .extra_btn:hover {background-color:rgba(255, 255, 255, 0.24);}
#header .header_filled_btn {text-align:center; display:flex; align-items:center; justify-content:center; border-radius:4px; font-size:15px; font-weight:500; padding:8px 15px; padding-left:15px !important; padding-right:15px !important; color:#f26334; border:1px solid #f26334; text-transform:uppercase;}
#header .header_filled_btn:hover {background-color:#fff; background-color:#f26334; color: #fff; }
#header .header_border_btn {text-align:center; display:flex; align-items:center; justify-content:center; border-radius:4px; font-size:15px; font-weight:500; padding:8px 15px; padding-left:15px !important; padding-right:15px !important; background-color:#fff; color:#c72026 ; border:1px solid #c72026;}
#header .header_border_btn:hover {background-color:#c72026; color:#fff !important;}
.header_border_btn:before, .header_filled_btn:before {display:none;}
#header .flag_ico {position:absolute; left:5px; top:50%; transform:translateY(-50%);}
#header .navbar-expand-lg .navbar-nav .nav-link.lang_drop {padding-left:32px; padding-right:5px; width:auto; font-weight:400; color:#000;}
#header .navbar-expand-lg .navbar-nav .nav-link.lang_drop img {width:21px; height:auto; vertical-align:text-bottom;}
#header .for_mobile {display:none;}
#header .for_desktop {display:block;}
#header .dropdown-item {font-weight:300;}

#header .navbar-nav{    border: 2px solid #ccc; border-radius: 15px; padding: 2px 10px;}
#header .divider{color: #f26434; font-size: 20px; margin: 0 6px;}
#header .login_nav{border: none; padding: 0px;}
#header .extra_nav .navbar-nav .nav-link{border-radius: 10px;}
#header .extra_nav .navbar-nav .nav-link:hover {color:#fff;}

/*language */
.langugae_filter {position:relative;}
.lang_dropdown {display:none; position:absolute; top:100%; min-width:100px; background-color:#fff; color:rgba(255, 255, 255, 0.6); right:1px; box-shadow:0 5px 12px rgba(60, 64, 67, 0.15); font-size:12px; border-radius:9px; border:0; margin:0; padding:4px 11px 6px 10px;}
.lang_country {position:relative; cursor:pointer;}
.dropdown-toggle.lang_drop {border:0; background:transparent;}
#header .navbar-expand-lg .navbar-nav .currency-filter .nav-link.lang_drop {padding:8px 0 8px 36px;}
#header .navbar-expand-lg .navbar-nav .nav-link.lang_drop {padding:8px 0 8px 36px; color:#8B96A5;}
.lang_country {position:relative; padding:5px 0px 5px 34px; color:#494949; border-bottom:1px solid #e9e9e9;}
.lang_country .flag_ico img {max-width:19px;}
.lang_country:last-child {border-bottom:0;}
.lang_country:hover {color:#c72026; background-color:transparent;}
.navbar-brand {font-size:0;}


/* 
.langugae_filter:hover .lang_dropdown {
    display: block;
} */
#header .call_now {display:flex; align-items:center; gap:10px;}
#header .call_now .call_icon {height:40px; width:40px; border-radius:50%; background-color:#f0f0f0; display:flex; align-items:center; justify-content:center;}
#header .call_now .call_icon svg {fill:#01202b; height:18px; width:18px;}
#header .call_details {display:flex; flex-direction:column;}
#header .call_details span {font-size:14px; color:#6f7d84; font-weight:400;}
#header .call_details h5 {color:#272727; margin:0; font-size:16px;}
#header .navbar-expand-lg .navbar-nav .nav-item.dropdown .nav-link {padding-right: 25px;}
/*==================== Header End ===================*/

.sec_hd{width: 100%; text-align: center;}


/*==================== Footer ===================*/

.register_sec {background:linear-gradient(135deg, #5c2dab, #7d4ed1); color:#fff; border-radius:15px; text-align:center; padding:40px 20px; margin:30px auto; max-width:90%; box-shadow:0 6px 12px rgba(0, 0, 0, 0.2);}
.register_sec h2 {font-size:45px; font-weight:bold; margin-bottom:10px; color: #fff;}
.register_sec p {font-size:16px; margin-bottom:25px; text-align:center; color: #fff;}
.register_sec .btn {background:linear-gradient(90deg, #ff6600, #ff0000); border:none; padding:12px 30px; font-size:18px; border-radius:8px; color:#fff; transition:all 0.3s ease;}
.register_sec .btn:hover {opacity:0.85;}

footer {background:linear-gradient(to bottom, #ffffff, #ffbbac); color:#333; font-family:"Poppins", sans-serif;}
footer .footer_main { margin:auto; justify-content: center;}
.footer_logo img {width:200px; margin-bottom:10px;}
.footer_logo p {font-size:14px; margin:4px 0; color:#444; margin-bottom: 15px;}
.footer_logo a {color:#e65a29; text-decoration:none; margin:0 4px; font-size:14px;}
.footer_logo a:hover {color:#ff5722;}
.footer_column {background:#ffe9e1; border-radius:15px; padding:25px 20px; max-height: 100%; height: 100%; }
.footer_column h3 {background:#f6d5c4; text-align:center; padding:10px; border-radius:6px; margin-bottom:15px; font-size:16px; font-weight:bold;}
.footer_column ul {list-style:none; border-radius:12px; padding:20px; margin-bottom: 0px;}
.footer_column ul li {margin:8px 0;}
.footer_column ul li a {text-decoration:none; color:#333; font-size:14px; transition:0.3s; text-align:center;}
.footer_column ul li a:hover {color:#ff5722;}
.footer_bottom {background:#222; color:#fff; text-align:center; padding:10px; font-size:14px; margin-top:30px; width:100%;}
.footer_contacts {background:#ff5722; color:#fff; display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px; padding:12px 80px; font-size:14px;}
.footer_bottom p {text-align:center; color: #fff;}
.footer_contacts p {margin:0; text-align:center; color: #fff;}
.footer_bottom .copyright{margin-bottom: 0px;}
.footer_contacts a{color: #fff; }


#top-button {display:inline-block; transition:background-color .3s, opacity .5s, visibility .5s; opacity:0; visibility:hidden; z-index:1000;}
#top-button.show {opacity:1; visibility:visible;}
.back_top {position:fixed; right:20px; bottom:20px; cursor:pointer; width:40px; height:40px; background-color:#ff702b; display:none; border:#ff702b 1px solid; z-index:1; border-radius:4px}
.back_top span {position:relative; display:block; color:#fff; width:100%; height:100%;}
.back_top span svg {width:22px; height:21px; position:absolute; left:0; margin:0 auto; right:0; text-align:center; top:50%; transform:translateY(-50%);}
.back_top:hover {border-color:#2196f3; color:#2196f3; background-color:#fff;}
.back_top:hover span {color:#2196f3;}


/*==================== Footer ===================*/


/*==================== Home page Css ===================*/
.h_banner{ padding: 60px 0; background: radial-gradient(circle at top left, #fff5ec, transparent 60%), radial-gradient(circle at bottom right, #fdeee5, transparent 60%), #fffaf7;   width: 100%; border-radius: 10px; margin-top: 20px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.banner_content h1{font-weight: 600;}

.skill_card {background:#fce5dc; border-radius:12px; box-shadow:0 4px 20px rgba(0, 0, 0, 0.1); max-width:1500px; margin:0 auto; padding:30px; gap:20px; align-items:center; border: 1px solid #d0bdb5;}
.skill_card .right .skill {background-color:white; text-align:center; padding:15px; border-radius:10px;}
.skill_card .right h2 {font-size:24px; font-weight:bold; margin-bottom:6px;}
.skill_card .right h3 {font-size:18px; color:#ff6600; margin-bottom:18px;}
.skillwaala_section .features {margin-top:20px; background-color:white; padding:15px; border-radius:10px; display:flex; gap:20px;}
.skillwaala_section .feature-box {flex:1; display:flex; flex-direction:column; justify-content:flex-start; border-radius:10px; background-color:#fff; padding:15px;}
.skillwaala_section .feature-box ul {list-style:none; margin:0; padding:0;}
.skillwaala_section .feature-box li {margin-bottom:8px; font-size:0.8em; position:relative; padding-left:24px;}
.skillwaala_section .feature-box li::before {content:"✔"; color:#ff6600; font-size:14px; position:absolute; left:0; top:0;}
.skill_card .brands {margin:25px 0; display:flex; align-items:center; justify-content:center; flex-wrap:wrap;}
.skill_card .brands img {max-height:26px; margin:0 15px;}

.trending_card {border-radius:10px; box-shadow:2px 4px 8px rgba(0, 0, 0, 0.1); padding:20px; text-align:left; transition:transform 0.3s; min-height:160px; margin:4px; background:#fff;}
.trending_card h3 {font-size:20px; font-weight:700; margin-bottom:10px; color:#222;}
.internship_sec {background-color:#eef4ff;}
.internship_sec .card {border-radius:15px; box-shadow:0 4px 15px rgba(0, 0, 0, 0.1); border:none; transition:transform 0.3s ease; }
.internship_sec .icon_one i {background:linear-gradient(to right, #1a4c99, #2b7fff); color:white; padding:20px 25px; float:left; margin-bottom:10px; border-radius:5px;}
.internship_sec .card ul {list-style:none; padding:0; margin:0;}
.internship_sec .card ul li::before {content:"✔"; position:absolute; left:0; color:#4caf50;}

.internship_sec .card ul li {text-align:left; margin-bottom:10px; position:relative; padding-left:25px;}
.internship_sec .icon_two i {background:linear-gradient(to right, #005421, #00ba49); color:white; padding:20px 25px; float:left; margin-bottom:10px; border-radius:5px;}

.btn_blue {background-color:#2563eb; color:#fff; border-radius:8px; padding:10px 20px; font-weight:500;}
.btn_blue:hover {background-color:#1d4ed8; color:#fff; border-radius:8px; padding:10px 20px; font-weight:500;}
.btn_green {background-color:#16a34a; color:white; border-radius:8px; padding:10px 20px; font-weight:500;}
.btn_green:hover {background-color:#15803d; color:#fff;}

.choose_skill {background:linear-gradient(to right, #fff7ed, #fef4f3); padding:80px 20px;}
.choose_skill .card_box {background:#fff; border-radius:16px; box-shadow:0 6px 20px rgba(0, 0, 0, 0.1); padding:30px; margin-bottom:22px; height:100%; align-items: center;}
.choose_skill .card_box h2 {font-weight:700; text-align:center;}
.choose_skill .card_box p {text-align:center; max-width:800px; margin:10px auto 0; color:#555;}

.choose_skill_tab .wc_tabs li button{padding: 14px 15px; color: #fff; width: 100%; text-align: left; margin-bottom: 14px; font-size: 16px; font-weight: 500;}
.choose_skill_tab .wc_tabs .nav-pills .nav-link{color: #fff;}
.choose_skill_tab .wc_tabs li:nth-child(1) button{ background: #198754;}
.choose_skill_tab .wc_tabs li:nth-child(2) button{background: #0d6efd;}
.choose_skill_tab .wc_tabs li:nth-child(3) button{background: #8e2de2;}
.choose_skill_tab .wc_tabs li:nth-child(4) button{background: #dc3545;}
.choose_skill_tab .wc_tabs li:nth-child(5) button{background: #b1c01d;}
.choose_skill_tab .wc_tabs li:nth-child(6) button{background: #009688;}

.choose_skill_tab .why-content{padding: 25px; background: #fff; border-radius: 10px;     box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);}
.choose_skill_tab .td1, .choose_skill_tab .td1 img{border-radius: 10px; border: 3px solid #198754; margin-bottom: 25px;}
.choose_skill_tab .td2, .choose_skill_tab .td2 img{border-radius: 10px; border: 3px solid #0d6efd; margin-bottom: 25px;}
.choose_skill_tab .td3, .choose_skill_tab .td3 img{border-radius: 10px; border: 3px solid #8e2de2; margin-bottom: 25px;}
.choose_skill_tab .td4, .choose_skill_tab .td4 img{border-radius: 10px; border: 3px solid #dc3545; margin-bottom: 25px;}
.choose_skill_tab .td5, .choose_skill_tab .td5 img{border-radius: 10px; border: 3px solid #b1c01d; margin-bottom: 25px;}
.choose_skill_tab .td6, .choose_skill_tab .td6 img{border-radius: 10px; border: 3px solid #009688; margin-bottom: 25px;}

.whyList {margin: 0px; padding: 0px; padding-left: 15px;}
.whyList li{color: #444;}

.journey_icon img {width:100px; height:100px; border-radius:100%;}
.journey_card {background:#fff; border-radius:16px; box-shadow:0 4px 12px rgba(0, 0, 0, 0.1); padding:50px 30px; text-align:center; max-width:1200px; width:90%; margin:auto;}
.journey_card .journey-title {font-weight:700; color:#2d2d2d; font-size:22px; margin-bottom:10px;}
.journey_card .journey-text {color:#666; font-size:16px; margin-bottom:30px; text-align:center;}
.journey_card .btn-orange {background-color:#ff6900; color:white; border-radius:8px; padding:10px 22px; border:none; font-weight:500; transition:all 0.3s;}
.journey_card .btn-orange:hover {background-color:#e86d00;}
.journey_card .btn-outline-orange {border:1.8px solid #ff6900; color:#ff7a00; border-radius:8px; padding:10px 22px; font-weight:500; transition:all 0.3s;}
.journey_card .btn-outline-orange:hover {background-color:#ff6900; color:white;}






/* Ravi Css Start */

/* courses-slider */

/* common_hover */
.common_hover:hover{transform: translateY(-6px);}
/* common_hover */
.college_card:hover{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}

.section_title {text-align:center; font-size:30px; font-weight:700; margin-bottom:40px; position:relative;}
.section_title::after {content:""; display:block; width:80px; height:4px; background:#ff6a00; margin:10px auto 0; border-radius:4px;}
.courses-slider-wrap .course_card h3 {font-size:20px; font-weight:700; margin-bottom:10px; color:#222;}
.courses-slider-wrap .course_card p {font-size:14px; color:#333; line-height:1.4; margin-bottom:0px; flex-grow:1;}
.courses-slider-wrap .course-img {width:100%; height:auto; aspect-ratio:14 / 10; object-fit:cover; border-radius:10px; margin-bottom:15px;}
.courses-slider-wrap .course_card {border-radius:10px; box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; padding:20px; text-align:left; transition:transform 0.3s; margin:4px; min-height:unset; height:100%; max-height:100%; flex-direction:column;}
.courses-slider-wrap .courses-slider .slick-track {display:flex !important; align-items:stretch;}
.courses-slider-wrap .courses-slider .slick-slide {display:flex !important; height:auto !important;}
.courses-slider-wrap .courses-container {display:flex; height:100%;}
.courses-slider-wrap .tag {display:inline-block; padding:5px 12px; border-radius:8px; font-size:13px; font-weight:600; color:#fff; margin-bottom:10px;}
.courses-slider-wrap .tag.blue {background-color:#007bff;}
.courses-slider-wrap .tag.green {background-color:#28a745;}
.courses-slider-wrap .tag.purple {background-color:#6f42c1;}
.courses-slider-wrap .courses-slider .slick-slide {padding:14px 8px;}
.courses-slider-wrap .courses-slider {margin:0 -12px;}
.courses-slider-wrap .courses-container, .course_card {height:100%;}
.courses-slider-wrap {position:relative;}
.courses-slider-wrap .course-arrow {position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; border-radius:999px; border:1px solid rgba(0,0,0,.12); background:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:5; box-shadow:0 6px 20px rgba(0, 0, 0, .08);}
.courses-slider-wrap .course-prev {left:-58px;}
.courses-slider-wrap .course-next {right:-58px;}
.courses-slider-wrap .course-arrow svg {width:18px; height:18px;}
.courses-slider-wrap .courses-slider .slick-prev, .courses-slider .slick-next {display:none !important;}
.courses-slider-wrap .courses-slider .slick-dots {bottom:-30px;}




/* in-demand_courses */
.in-demand_courses{justify-content: center; display: flex; align-items: center;}
.in-demand_courses li button{border-radius: 30px; padding: 10px 25px; font-weight: 600; color: #fff; margin: 3px; transition: 0.3s; border-radius: 27px !important;}
.in-demand_courses li button:hover{color: #fff;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{border: 2px solid #000;}
.nav-pills .nav-link.nav-digital-marketing.active {background:#007bff;}
.nav-pills .nav-link.nav-writing.active {background:#28a745;}
.nav-pills .nav-link.nav-animation.active {background:#8e44ad;}
.nav-digital-marketing{background: #007bff;}
.nav-writing{background: #28a745;}
.nav-animation{background: #8e44ad;}

.program_box {border-radius:15px; padding:25px; box-shadow:0 6px 15px rgba(0, 0, 0, 0.1); text-align:left; color:#fff;}
.digital-box {background:#007bff;}
.program_box h5 {font-size:18px; font-weight:bold; margin-bottom:15px; color:#fff;}
.program_box p {font-size:14px; margin-bottom:20px; color:#fff;}
.program_box button {background:#fff; color:#000; border:none; padding:10px 20px; font-weight:600; border-radius:5px; transition:0.3s;}
.features-list {padding-left:0px;}
.features-list li::before {content:"✔"; color:#ff6600; font-size:14px; position:absolute; left:0; top:0;}
.features-list li {margin-bottom:10px; font-size:14px; text-align:left; transform:translateY(10px); animation:fadeInUp 0.6s forwards; position:relative; padding-left:22px; color:#000; list-style:none;}
.content_box{background: #28a745;}
.animation_box{background: #8e44ad;}

/* trusted_section */
.trusted_section .college_card img {width:70px; height:70px; object-fit:contain; margin-bottom:3px; border-radius:0px;}
.trusted_section {background-color:#fff; padding:60px 0; border-radius:15px; margin-bottom: 10px !important; box-shadow:0 3px 10px rgba(0, 0, 0, 0.1); max-width:1500px; margin:50px auto; overflow:hidden; position:relative;}
.trusted_section .marquee {display:flex; gap:20px; animation:scroll 20s linear infinite; width:max-content;}

@keyframes scroll {
0% {transform:translateX(0);}
100% {transform:translateX(-50%);}
}
.trusted_section .college_card {flex:0 0 auto; background:#fff; border:1px solid #ddd; border-radius:12px; padding:20px; text-align:center; width:200px; transition:all 0.3s ease;}


/* testimonial */
.testimonial_card {background-color:#007bff; color:#fff; padding:20px; border-radius:8px; text-align:left; margin-bottom:20px; display:flex; flex-direction:column; justify-content:space-between;}
.testimonial_section .video_box video {width:100%; margin-bottom:15px; border-radius:9px;}
.testimonial_section .author {font-weight:bold; font-size:16px; margin-top:10px;}
.testimonial_section .stars {color:gold; margin-bottom:10px; font-size:16px;}

/* faq_section */
.faq_section .faqbox {padding:30px; background:#fff; border-radius:12px; box-shadow:0 4px 15px rgba(0, 0, 0, 0.1);}
.faq_section .accordion-item {border-radius:10px; margin-bottom:15px; overflow:hidden; border:1px solid #eee; box-shadow:0 2px 5px rgba(0, 0, 0, 0.05);}
.faq_section .accordion-button:not(.collapsed) {color:#ff6900; font-weight:bold; background-color:#fff; box-shadow:none;}

.mobile_logo{display: none;}



/* Ravi Css End */ 




/*==================== AI Tools Page css start ===================*/
.ai_header{ width: 100%;  align-items: center;}
.ai_header h2.hd{font-size: 21px;}
.page_titel {text-align:center;}
.ai_search {max-width:800px; margin:auto; text-align:center; position:relative;}
.ai_tool_search{position:relative;}
.ai_search h2 {margin-bottom:30px;}
.ai_search input {border-radius:50px; border:none; height:50px; padding: 0 15px;}
.ai_search .search_icon {position:absolute; bottom:14px; right:20px;}
.ai_search .search_icon img {max-width:20px; opacity:0.3;}
.ai_container {background:#f2f8ff;  padding: 0 0 20px 0;}
.category-card {display:flex; margin-bottom:0px; padding:10px; border-radius:4px; background:#fff; border:1px solid transparent; box-shadow:4.29817px 18.6254px 28.6545px rgba(0, 0, 0, 0.03); padding-top:5px;}
.category-card:hover {box-shadow:4.29817px 18.6254px 28.6545px rgba(0, 0, 0, 0.1); border:1px solid #363e50;}
.category-card:hover .cat-title {color:#f26334;}
.tools_list {position:relative; display:grid; width:100%; grid-template-columns:repeat(4,auto); margin:auto; gap:30px; margin-bottom:30px; margin-top:40px;}
.icon-ph {margin-right:20px;}
.icon-ph img {max-width:40px;}
.category-card .cat-title {font-size:14px; font-weight:bold; color:#01202b; margin-bottom:0.5rem; transition:all 0.5s ease-in-out;}
.category-card .num {color:#eb7558; margin-right:5px;}
.category-card .flex-grow-1 {font-weight:500;}
.tool_content {margin-bottom:30px}
.ai_categories {display:grid; grid-template-columns:repeat(2, 1fr); gap:6px; margin:0px 3px; margin-bottom:60px;}
.ai_categories .tool_content {display:flex; width:100%; margin-bottom:0px;}
.ai_categories .category-card {width:100%; display:inline-block; text-align:center; display:flex; flex-direction:column; align-items:center;}
.ai_categories .category-card .flex-grow-1 {display:inline-block;}
.ai_categories .cat-meta {font-size:13px; font-weight:500; color:#8f8f8f;}
.ai_categories .icon-ph {margin-right:0px; margin:5px; margin-bottom:10px;}
.pagination-custom .page-link {border-radius:14px; padding:8px 14px; margin:0 4px; color:#0d6efd; border:1px solid #e3eaf5; background-color:#ffffff; font-weight:500; box-shadow:none;}
.pagination-custom .page-link:hover {background-color:#f1f5ff;}
.pagination-custom .page-item.active .page-link {background-color:#f26334; border-color:#f26334; color:#ffffff; font-weight:600;}
.pagination-custom .page-item.disabled .page-link {color:#94a3b8; background-color:#ffffff; border-color:#e3eaf5;}
.pagination-custom .page-link:focus {box-shadow:none;}
/*.pegination_sec .page-item:first-child .page-link, .page-item:last-child .page-link, .pagination-custom .page-link {border-radius:6px; margin:0 8px; padding:10px 20px; color:#232222; border:1px solid #e9eef9; border:none;}*/
.ai_tools {width:100%; margin:20px auto;}
table {width:100%; border-collapse:collapse; font-size:14px;}
thead th {text-align:left; font-size:12px; color:#64748b; font-weight:600; padding:12px 10px; border-bottom:1px solid #e5e7eb; background:#ffffff;}
tbody td {padding:14px 10px; border-bottom:1px solid #e5e7eb; vertical-align:middle; white-space:nowrap;}
.fav {color:#cbd5e1; font-size:18px; text-align:center;}
.rank {color:#64748b; font-weight:600;}
.nameCell {display:flex; align-items:center; gap:12px;}
.logo {width:36px; height:36px; border-radius:50%; background:#ebebeb; flex-shrink:0; display:flex; align-items:center; justify-content:center;}
.nameMeta {display:flex; flex-direction:column; gap:3px; font-weight:600;}
.titleLine {display:flex; align-items:center; gap:8px;}
.green span {color:#F5080C;}
.red span {color:#06A218;}
.custom_b.breadcrumb li {font-size:14px;}
.custom_b.breadcrumb li img {max-width:12px; margin-top:-4px;}
.custom_b.breadcrumb li:after {display:inline-block; vertical-align:middle; margin:0 7px; content:" \203A "; font-family:Arial, sans-serif; margin-top:-3px;}
.custom_b.breadcrumb li:last-child:after {display:none;}
.breadcrumb-item+.breadcrumb-item::before {display:none;}
.ai_inner_title_sec {background:#fff; border-radius:6px; padding:20px; margin-bottom:20px;}
.tlf_sec {display:flex; flex-wrap: nowrap;}
.tlogo {margin-right:20px;}
.tlogo img {max-width:100px;}
.nph-title-main {font-size:21px;}
.flfc h1 {display:flex; flex-direction:column; line-height:31px; margin-bottom:15px;}
.flfc .nph-title-prefix {font-size:16px; text-transform:uppercase; font-weight:normal; color:#757576;}
.flfc .nph-title-main {font-size:32px; font-weight:800;}
.nph-tags-wrapper {display:flex; gap:8px; flex-wrap:wrap; align-items:center;}
.nph-update-pill {font-size:.75rem; color:#0f172a; background:#f1f5f9; padding:8px 16px; border-radius:6px; font-weight:600; border:1px solid #e2e8f0;}
.nph-tag-pill {font-size:.8rem; color:#475569; background:#fff; border:1px solid #cbd5e1; padding:8px 16px; border-radius:20px; transition:0.2s;}
.tcontainer {display:flex; justify-content:space-between; align-items:center;}
.trg_sec {margin-left:auto; display:flex; flex-direction:column; gap:12px; min-width:180px;}
.nph-stat-box {display:flex; align-items:center; background:#fff; padding:6px 10px; border-radius:8px; border:1px solid #eaecf0; box-shadow:0 1px 2px rgb(16 24 40 / .05); transition:all 0.2s;}
.nph-stat-icon {width:38px; height:38px; background:#f9fafb; border-radius:10px; display:flex; align-items:center; justify-content:center; margin-right:12px; color:#667085;}
.nph-stat-info {display:flex; flex-direction:column; line-height:1.3;}
.nph-stat-value {font-weight:700; color:#344054; font-size:.85rem;}
.nph-stat-label {font-size:.7rem; color:#98a2b3; text-transform:uppercase; font-weight:600; letter-spacing:.5px;}
.nph-stat-box:hover {border-color:#cfd4dc; box-shadow:0 4px 6px -1px rgb(16 24 40 / .1);}
.star {display:inline-block;}
.star img {max-width:14px;}
.nameCell .logo img {max-width:26px;}
.ai_tools {background:#fff; border-radius:6px; padding:0px 20px;}
.ai_tools table tr th {padding:18px 12px; font-size:13px; font-weight:700;}
.ai_tools table tr td {padding:10px 12px;}
.ai_tools table tr:last-child td {border-bottom:0px;}
.ai_tools table tr td a:hover {color:#f26334;}
.ai_tools .paid {padding:5px 10px; background:#f5e8e8; border-radius:4px; color:#F10C0F;}
.ai_tools .free {padding:5px 10px; background:#daedda; border-radius:4px; color:#179A11;}
.ai_categories_slider {margin-bottom:40px;}
.ai_categories_slider .slick-dots li {display:flex;}
.ai_categories_slider .slick-dots li button {border:none; margin:0px 5px; font-size:0px; background:#f26334; width:20px; height:3px; border-radius:0px;}
.ai_categories_slider .slick-dots {display:flex; justify-content:center; margin-top:-30px;}
.ai_categories_slider .slick-dots button {opacity:0.3;}
.ai_categories_slider .slick-dots .slick-active button {opacity:1;}
.free {padding:3px 10px; background:#daedda; border-radius:4px; color:#179A11; font-size:14px;}
.paid {padding:3px 10px; background:#f5e8e8; border-radius:4px; color:#F10C0F; font-size:14px;}
.nph-description p {margin-bottom:0px;}
.startRating span {font-size:13px; color:#24272c; font-weight:700;}
.icon-star-full-fill:before {color:#ffa236; content:"★"; font-size:16px; margin-left:5px;}
.btn-primary {background:#f26334; border-color:#f26334; color:#fff;}
.btn-primary:hover {background:#d7572e; border-color:#d7572e;}
.nph-tags-wrapper .btn {font-weight:500;}
.nph-tags-wrapper .nph-tag-pill:hover {color:#f26334; border-color:#f26334;}
.nph-tags-wrapper .nph-tag-pill.btn-primary:hover {color:#fff;}
.ai_detail {background:#fff; border-radius:6px; padding:12px;}
.ai_detail h2.title {font-size:23px; font-weight:500;}
.key_features {margin:0px; padding:0px; width:100%; display:inline-block;}
.key_features li {list-style:none; padding:0 0 15px 25px; background:url("../img/check_icon.png") left top 6px no-repeat; color:#757576;}
.key_features.w30 li {float:left; width:33.33%;}
.ai_detail .nav-tabs .nav-link {border:none; border-bottom:4px solid transparent; margin-bottom:0px; transition:none; color:#65676b;}
.ai_detail .nav-tabs .nav-link:hover, .ai_detail .nav-tabs .nav-link:focus {border:none; border-bottom:4px solid transparent; color:#24272c;}
.ai_detail .nav-tabs .nav-link.active {border:none; border-bottom:4px solid #f26334; background:transparent; color:#24272c;}
.ai_detail .attributes_list {width:100%; display:inline-block;}
.attributes_list li {vertical-align:bottom; display:inline-block; width:50%; float:left; font-size:14px;}
.attributes_list li .at_content {display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid rgba(36, 39, 44, .15); padding:14px 0px;}
.attributes_list li:nth-child(2n+1) {padding-right:50px;}
.attributes_list li .rg_con {font-weight:500;}
.compare_with {font-size:16px;}
.compare-wrap {width:100%; background:#fff; border-radius:10px; overflow:hidden; border:1px solid #e6e6e6;}
.compare-scroll {overflow:auto;}
.compare-table {width:max-content; min-width:100%; border-collapse:separate; border-spacing:0; font-family:system-ui, -apple-system, Segoe UI, Roboto, Arial; color:#111;}
.compare-table th, .compare-table td {padding:12px 12px; border-bottom:1px solid #eee; vertical-align:top; background:#fff; white-space:nowrap;}
.compare-sticky {position:sticky; left:0; z-index:3; background:#fff;}
.compare-label {min-width:180px; width:180px; font-weight:600; color:#2b2b2b;}
.compare-col {min-width:230px; width:230px; text-align:left; border-bottom:1px solid #eee;}
.car-head {display:flex; flex-direction:column; gap:6px;}
.comp_logo {width:100%; height:82px; border-radius:10px; background:#f3f3f3; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.comp_logo img {max-width:60px; width:100%;}
.car-name {font-size:14px; font-weight:700;}
.car-price {font-size:13px; font-weight:700;}
.row-title th, .row-title td {background:#f7f7f7; font-weight:600;}
.row-sep th, .row-sep td {background:#fafafa;}
.compare-sticky {box-shadow:8px 0 12px rgba(0,0,0,.06);}
.compare-scroll::-webkit-scrollbar {height:10px; width:10px;}
.compare-scroll::-webkit-scrollbar-thumb {background:#cfcfcf; border-radius:999px;}
.compare-scroll::-webkit-scrollbar-track {background:#f5f5f5;}
.ai_detail .custom_accordion .accordion-item {margin-top:0px; border:none; border-bottom:1px solid #ccc;}
.ai_detail .custom_accordion .accordion-button {border:none;}
.ai_detail .custom_accordion .accordion-button:not(.collapsed) {background:none; color:#f26334;}
.ai_detail .accordion-button:focus {box-shadow:none;}
.ai_detail .accordion-header .accordion-button {font-size:15px; font-weight: 500;}
.pro_cons_sec {display:flex; gap: 15px;}
.rightthings {width:calc(50% - 11px); padding:18px 14px; min-height:228px; border-radius:8px; margin:16px 20px 0 0; display:inline-block; background:rgba(223, 241, 231, .3);}
.rightthings h3 {font-size:17px; font-weight:500; color:#24272c;}
.rightthings li {margin:14px 0 0 35px; list-style:disc;}
.rightthings li {margin:6px 0 0 28px; line-height:1.7; font-size:15px; color:rgba(36,39,44,.7); position:relative; width:auto;}
.rightthings.wrongthings {background:rgba(214,0,39,.03);}
h2.title {font-size:23px; font-weight:500;}
.related_ai {margin-top:30px;}
.related_categories_slider {margin-bottom:40px;}
.related_categories_slider .slick-dots li {display:flex;}
.related_categories_slider .slick-dots li button {border:none; margin:0px 5px; font-size:0px; background:#f26334; width:20px; height:3px; border-radius:0px;}
.related_categories_slider .slick-dots {display:flex; justify-content:center; margin-top:-30px;}
.related_categories_slider .slick-dots button {opacity:0.3;}
.related_categories_slider .slick-dots .slick-active button {opacity:1;}
.related_categories_slider .ai_categories {grid-template-columns:repeat(1, 1fr);}

.tlf_sec{ flex-wrap: wrap;}
.rightthings{width: calc(100% - 0px); margin: 16px 0px 0 0;}

.ai_social.social_link{margin-bottom: 10px;}
.ai_social.social_link a img{height: 25px; width: 25px;}
.ai_tools .ai_social.social_link{gap: 5px;}
.ai_tools .ai_social.social_link a img{height: 18px; width: 18px;}


/*new css 26-2-2026*/
.ai_tool_search{display: flex; flex: 1 1 105px;}
.ai_search .form-group{min-width: 300px; width: 100%;}
.search_box{display: flex; justify-content: space-between; gap:10px;}
.ai_search .btn-primary {padding: 3px 25px; display: flex; justify-content: center; align-items: center; height: 50px; border-radius: 100px;}

/*==================== AI Tools Page css End ===================*/



/*==================== Skill Space Page css start ===================*/

.hero_section{background: #ffffff; border-radius: 14px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); padding: 60px 40px; width: 100%; background-image: radial-gradient(#d7e3ff 1px, transparent 1px); background-size: 40px 40px; position: relative; margin: 24px 0; display: inline-block;}
.hero_section h1{font-weight: 700; color: #111; font-size: 55px;}

.btn-primary-gradient{background: linear-gradient(to right, #ff3b3b, #ff6600); border: none;  color: #fff; border:none; border-radius:4px; padding:9px 28px;}
.btn-primary-gradient:hover{color: #fff;}
.btn-secondary-light{background: rgba(0, 0, 0, 0.09); border: none;  color: #fff; border:none; border-radius:4px; padding:9px 28px; color: #555;}
.btn-secondary-light:hover {color: #111; background: rgba(0, 0, 0, 0.05);}

.skillspace_sec {background-color:#eef1fd; padding: 30px; border-radius: 14px; padding-bottom: 50px }
.skillspace_sec .advantage_card {background:#fff; border-radius:16px; padding:20px; text-align:center; box-shadow:0 4px 12px rgba(0, 0, 0, 0.05); transition:all 0.3s ease; height:100%;}
.skillspace_sec .advantage_card i {font-size:40px; margin-bottom:15px;}
.common_card {background:#fff; border-radius:14px; padding:18px 25px; gap:15px; box-shadow:0 2px 10px rgba(0, 0, 0, 0.05); transition:0.3s ease;}
.skillspace_sec .common_card {display:flex;}
.skillspace_sec .common_card i {font-size:22px; color:#6f42c1;}
/*.skl_space_qz_sectil {background:#ebf0f7;}*/
.skl_space_qz_sectil .common_card {text-align:center; height: 100%;}
.skl_space_qz_sectil .common_card img, .skl_space_qz_sectil .common_card i {width:70px; height:70px; margin-bottom:15px;}
.courses_section {padding:60px 0; overflow:hidden; position:relative; background:linear-gradient(to bottom, #fde7e7, #ff5722); font-family:"Poppins", sans-serif;}
.courses_section h2 {font-weight:700; text-align:center; margin-bottom:50px;}
.slider_c {display:flex; gap:30px; animation:scroll 15s linear infinite;}
.slider_c:hover {animation-play-state:paused;}
@keyframes scroll {
0% {transform:translateX(0);}
100% {transform:translateX(-50%);}
}

.courses_section .course-card {flex:0 0 300px; border-radius:15px; overflow:hidden; background:#fff; box-shadow:0 4px 20px rgba(0, 0, 0, 0.1); transition:transform 0.3s;}
.courses_section .course-card:hover {transform:translateY(-5px);}
.courses_section .course-img {width:100%;  position:relative;}
.courses_section .live-tag {position:absolute; top:10px; left:10px; background:#ff4500; color:white; font-size:12px; padding:4px 8px; border-radius:5px; font-weight:bold;}
.courses_section .course-content {padding:15px;}
.courses_section .course-content h5 {font-weight:600; margin-bottom:10px;}
.courses_section .course-content p {font-size:14px; color:#666;}

.skillspace_banner{background: url("../images/skillspace/21.png") right top no-repeat !important; padding: 0px;}

/*==================== Skill Space Page css End ===================*/





/*==================== QUIZ Page css start ===================*/

.quiz_banner_img {max-width:100%; height:auto; border-radius:20px; box-shadow:0 10px 25px rgba(0, 0, 0, 0.2);}
.exp_quizes_sec .qexplore {font-weight:600; margin-bottom:20px; color:#222; padding:8px 15px; border-radius:6px; background-color:#e1e1ff99; font-size: 22px;}
.explore_quiz_card {background-color:#d2edfa; border:none; border-radius:16px; box-shadow:0 6px 10px rgba(0, 0, 0, 0.1); text-align:center; transition:all 0.3s ease; padding:40px 20px; display:flex; flex-direction:column; justify-content:space-between; height:100%; min-height:280px;}
.explore_quiz_card h3 {font-weight:600; margin-bottom:10px; color:#222; font-size: 22px;}

/*==================== QUIZ Page css End ===================*/



/*==================== LOGIN Page css Start ===================*/

.login_section{display: flex; justify-content: center; align-items: center; min-height: 100vh; }
.login_section .login_left {background-color: #e7f0ff; flex: 1; padding: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: left; border-radius: 16px 0 0 16px;}
.login_section .login_left img {width:100%; border-radius:25px;}
.login_section .login_left h2 {font-weight:700; color:#ff6600; margin-top:20px;}
.login_section .login_right {flex:1; padding:40px 50px; background: #fff; border-radius: 0 16px 16px 0;}
.login_section .login_toggle_btns {display:flex; justify-content:center; background-color:#ff8355; border-radius:30px; overflow:hidden; width:fit-content; margin:0 auto 25px;}
.login_section .login_toggle_btns button {border:none; background:transparent; color:white; padding:10px 30px; transition:all 0.3s;}
.login_section .login_toggle_btns button.active {background-color:#ff4e00; border-radius:30px;}
.login_section .form-control {border-radius:30px; border:1px solid #ff8355; padding:10px 20px;}
.submit_btn {background-color:#ff6600; color:white; border:none; border-radius:30px; padding:10px 50px; margin-top:15px;}
.login_sec{display: flex;}

/*==================== LOGIN Page css End ===================*/



/*==================== Marketing Quiz Page css Start ===================*/

.marketing_quiz{background: #d7e3ff;}
.quiz_container {border-radius:15px; box-shadow:0 10px 10px 2px rgba(0, 0, 0, 0.08); padding:50px; max-width:1100px; width:100%; background-color:#f8fafd;}
.quiz_hd {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.quiz_hd h2 {font-weight:700; font-size:1.8rem; color:#222;}
.quiz_hd i {font-size:2.2rem; color:#111;}
.quiz_container p {color:#555; font-size:1rem; margin:10px 0 30px;}
.quiz_info {border:1px solid #ccc; border-radius:50px; display:flex; justify-content:space-between; align-items:center; padding:15px 25px; flex-wrap:wrap; margin-bottom:60px;}
.quiz_info .qz_info {display:flex; align-items:center; gap:10px; color:#444; font-weight:500; margin-bottom:0px;}
.quiz_info span {background-color:#444; color:white; border-radius:5px; padding:5px 15px; font-weight:600; font-size:0.9rem;}
.quiz_con{ justify-content: center; display: flex; flex-wrap: wrap;}
.benefits_con {background:linear-gradient(to bottom, #ffffff, #eef7ff); border-radius:10px; padding:40px 30px; max-width:1100px; margin:60px auto; box-shadow:0 8px 25px rgba(0, 0, 0, 0.05);}
.benefits_con h2{margin-bottom: 20px;}
.benefit_item {margin-bottom:25px; position:relative; padding-left:25px;}
.benefit_item::before {content:""; position:absolute; left:0; top:7px; width:10px; height:10px; background-color:#ff7b00; border-radius:50%;}
.benefit_title {font-weight:600; color:#222; font-size:1.1rem; margin-bottom:5px;}
.benefit_item p {color:#555; font-size:0.95rem; margin:0; line-height:1.6;}
.benefit_divider {width:100%; height:1px; background-color:#e0e0e0; margin:15px 0;}

/*==================== Marketing Quiz Page css End ===================*/





/*==================== Quizest Page css Start ===================*/

.quizest_hd {background:linear-gradient(90deg, #f2451e, #e80106); color:white; padding:15px 30px; display:flex; align-items:center; justify-content:space-between; position:sticky; top:85px;}
.quizest_hd .title {font-size:24px; font-weight:700;}
.quiztest_p .quiz_box {background:white; border-radius:10px; box-shadow:0 0 10px rgba(0, 0, 0, 0.1); padding:30px; max-width:100%; margin:40px auto; border:1px solid #ddd;}
.quiztest_p .option {border:1px solid #dee2e6; border-radius:8px; padding:12px 20px; margin-bottom:12px; cursor:pointer; display:flex; align-items:center; transition:all 0.3s ease; font-weight:500; background-color:white;}
.quiztest_p .option:hover {border-color:#222; background-color:#fff7f35d;}
.quiztest_p .option.selected {border:2px solid #ff8450; background-color:#fff7f3;}
.quiztest_p .option.correct {border:2px solid #28a745; background-color:#e6ffed;}
.quiztest_p .option.wrong {border:2px solid #dc3545; background-color:#ffe6e6;}
.quiztest_p .option-icon {margin-left:auto; font-size:18px;}
.quiztest_p .btn-submit {background:linear-gradient(90deg, #f2451e, #e80106); color:white; font-weight:600; padding:10px 30px; border:none; border-radius:8px;}
.quiztest_p .nav-btn {display:none; justify-content:space-between; margin-top:20px;}
.quiztest_p .nav-btn button {padding:8px 20px; border-radius:4px; border:none; font-weight:600;}
.quiztest_p .btn-prev {background-color:#3c4852; color:white;}
.quiztest_p .btn-next {background-color:#3c4852; color:white;}

/*==================== Quizest Page css End ===================*/




/*==================== Internship Page css Start ===================*/

.internship_p_sec{margin-bottom: 60px;}
.internship_p_sec .course-box {background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 4px 12px rgba(0, 0, 0, 0.1); transition:all 0.3s ease;}
.internship_p_sec .course-box:hover {transform:translateY(-6px); box-shadow:0 6px 18px rgba(0, 0, 0, 0.15);}
.internship_p_sec .course-image {width:100%; max-height:200px; object-fit:cover;}
.internship_p_sec .course-content {padding:20px;}
.internship_p_sec .course-title {font-weight:600; font-size:18px; color:#222; margin-bottom:8px;}
.internship_p_sec .course-desc {color:#555; font-size:14px; margin-bottom:10px;}
.internship_p_sec .course-duration {font-size:13px; color:#777; margin-bottom:15px;}
.internship_p_sec .course-btn {background-color:#ff0000; border:none; color:#fff; font-weight:500; padding:10px 22px; border-radius:6px; transition:0.3s ease;}
.internship_p_sec .course-btn:hover {background-color:#e00000;}

/*==================== Internship Page css End ===================*/


/*==================== Community Page css Start ===================*/
.community_sec .banner_section{display: flex; width: 100%; flex-direction: column; align-items: center; justify-content: center; min-height: 400px; background-image: linear-gradient(to right, #f2451e, #e80106); opacity: 0.9;} 
.community_sec .banner_section h1{ color: #fff; font-weight: 700; font-size: 55px;}
.community_sec .banner_section h1 .text-orange{color: #f6ff00;}
.community_sec .banner_section p{color: #fff;}
.community_card {background:#fff; border-radius:10px; box-shadow:0 2px 5px rgba(0, 0, 0, 0.1); text-align:center; padding:25px 15px; transition:all 0.3s ease; border:1px solid #ddd; height:100%;}
.community_card:hover {transform:translateY(-5px); box-shadow:0 5px 15px rgba(0, 0, 0, 0.15);}
.community_card i {font-size:40px; color:#ff4d4d; background:#fff5f5; border-radius:50%; padding:15px; margin-bottom:15px;}
.community_card h3 {font-weight:600; margin-bottom:8px; color:#333; font-size: 20px;}
.community_card p {color:#666; font-size:14px; margin-bottom:15px;}

/*==================== Community Page css End ===================*/






/*==================== Course Community Page css Start ===================*/
.com_container{margin-top: 60px; margin-bottom: 60px;}
.com_container .ask-box {background-color:#fff; border:1px solid #ddd; border-radius:10px; padding:10px 15px; display:flex; align-items:center; gap:10px; cursor:pointer; transition:0.3s;}
.com_container .ask-box:hover {background-color:#f9f9f9;}
.com_container .ask-box img {width:40px; height:40px; border-radius:50%;}
.com_container .ask-box input {background:transparent; border:none; color:#333; width:100%; outline:none; font-size:15px;}
.com_container .post-card {background-color:#fff; border:1px solid #e5e5e5; border-radius:10px; padding:20px; margin-top:20px;}
.com_container .post-header {display:flex; align-items:center; gap:10px;}
.com_container .post-header img {width:40px; height:40px; border-radius:50%;}
.com_container .post-actions {display:flex; align-items:center; gap:20px; margin-top:15px; color:#666; font-size:14px;}
.com_container .post-actions i {cursor:pointer; transition:color 0.2s;}
.com_container .post-actions i:hover {color:#0d6efd;}
.com_container .comment-section {display:none; margin-top:15px; border-top:1px solid #eee; padding-top:15px; animation:fadeIn 0.3s ease-in-out;}
@keyframes fadeIn {
from {opacity:0; transform:translateY(-5px);}
to {opacity:1; transform:translateY(0);}
}

.com_container .comment {background-color:#f8f9fa; border-radius:8px; padding:10px; margin-top:10px;}
.com_container .comment strong {font-size:14px; color:#000;}
.com_container .comment p {margin:0; font-size:14px; color:#555;}
.com_container .comment-actions {display:flex; align-items:center; gap:10px; margin-top:5px; font-size:13px; color:#777;}
.com_container .comment-actions span {cursor:pointer; transition:color 0.2s;}
.com_container .comment-actions span:hover {color:#0d6efd;}
.com_container .reply-box {display:none; margin-top:8px; margin-left:45px; display:flex; align-items:center; gap:10px;}
.com_container .reply-box input {flex:1; background:#f0f2f5; border:none; border-radius:20px; padding:6px 15px; color:#333; outline:none; font-size:14px;}
.com_container .reply-box button {background-color:#0d6efd; border:none; border-radius:50%; width:32px; height:32px; color:#fff; font-size:15px;}
.com_container .nested-reply {margin-left:45px; margin-top:8px; background:#fdfdfd; border-left:2px solid #0d6efd30; padding-left:10px; border-radius:6px;}
.com_container .comment-box {display:flex; align-items:center; gap:10px; margin-top:10px;}
.com_container .comment-box input {flex:1; background:#f0f2f5; border:none; border-radius:20px; padding:8px 15px; color:#333; outline:none;}
.com_container .comment-box button {display:none; background-color:#0d6efd; border:none; border-radius:50%; width:38px; height:38px; color:#fff; font-size:18px;}
.com_container .comment-box.active button {display:inline-block;}
.com_container .btn-cancel {background:transparent; color:#555; border:none;}
.com_container .btn-cancel:hover {color:#000;}

/*==================== Course Community Page css End ===================*/



/*==================== Interview Page css Start ===================*/

.interview_p{background: #e8f0ff;}
.interview_p_banner{display: flex; width: 100%; flex-direction: column; align-items: center; justify-content: center; min-height: 400px; background: #fff4ec;} 
.interview_p_banner h1{ color: #111; font-weight: 700; font-size: 55px;}
.i_course_card {background:#0d1b2a; color:#fff; border-radius:10px; overflow:hidden; transition:transform 0.3s ease, box-shadow 0.3s ease; text-decoration:none; display:block; height:100%;}
.i_course_card:hover {transform:translateY(-5px); box-shadow:0 10px 25px rgba(0, 0, 0, 0.3);}
.i_course_card img {width:100%; height:150px; object-fit:cover; display:block;}
.i_course_card .i_card_body {padding:18px; background:#14253d; height:140px;}
.i_course_card h3 {color:#fff; font-weight:600; margin-bottom:10px; font-size:17px;}
.i_course_card p {color:#cfd6e6; font-size:14px; line-height:1.5;}

/*==================== Interview Page css End ===================*/




/*==================== Interview Preparation Page css Start ===================*/
.dmint_banner .blk1 {background-color: #1a73e8; color: #fff; border-radius: 12px; padding: 30px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);}
.dmint_banner .blk1 h3 {font-weight: 600; margin-bottom: 8px; color: #fff;}
.dmint_banner .blk1 p{color: #fff;}
.dmint_card {border:none; border-radius:12px; box-shadow:0 3px 10px rgba(0, 0, 0, 0.1); overflow:hidden; transition:all 0.3s ease; background:white; cursor:pointer;}
.dmint_card:hover {transform:translateY(-6px); box-shadow:0 6px 18px rgba(0, 0, 0, 0.15);}
.dmint_card img {width:100%; height:160px; object-fit:cover;}
.dmint_card_body {padding:15px; display:flex; align-items:flex-start; gap:10px;}
.dmint_card .icon_box {background:#d6e8ff; color:#1a73e8; border-radius:10px; width:40px; height:40px; display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:20px;}
.dmint_card.card-title {font-size:16px; font-weight:600; color:#1a1a1a; margin-bottom:5px;}
.dmint_card .card-text {font-size:13px; color:#555; margin:0;}
.dmint_card_body .card-title{font-size: 20px; margin-bottom: 7px;}

.int_content_tmodal .option-btn {border:2px solid #cddfff; border-radius:12px; padding:20px; width:140px; height:160px; text-align:center; transition:all 0.3s ease; background:white;}
.int_content_tmodal .option-btn:hover {border-color:#1a73e8; transform:translateY(-4px);}
.int_content_tmodal .option-icon {font-size:30px; border-radius:50%; padding:25px 20px; margin-bottom:10px;}
.int_content_tmodal .option-video {background:#e3efff; color:#1a73e8;}
.int_content_tmodal .option-blog {background:#f2e9ff; color:#9c27b0;}
.int_content_tmodal .option-btn h6 {margin:0; font-weight:600; font-size:16px; color:#1a1a1a;}

/*==================== Interview Preparation Page css End ===================*/




/*==================== Interview Blog Page css Start ===================*/

.bl_card {border:none; border-radius:14px; overflow:hidden; background:#fff; box-shadow:0 4px 10px rgba(0, 0, 0, 0.1); transition:all 0.3s ease; text-decoration:none; display:block; color:#000;}
.bl_card:hover {transform:translateY(-6px); box-shadow:0 8px 18px rgba(0, 0, 0, 0.15);}
.lb_header {text-align:center; color:#fff; padding:25px 15px 20px; border-bottom:4px solid rgba(255, 255, 255, 0.3);}
.lb_header i {font-size:32px; color:inherit; border-radius:50%; padding:8px; margin-bottom:10px;}
.lb_header h5 {margin:0; font-weight:600;}
.lb_body {text-align:center; padding:18px;}
.lb_body p {font-size:14px; color:#555; margin-bottom:12px;}
.explore_link {font-weight:500; color:#7b2ff7; text-decoration:none; font-size:14px;}
.explore_link i {font-size:13px; margin-left:5px;}
.explore_link:hover {text-decoration:underline;}
.bl_card .beginner {background:linear-gradient(135deg, #00c776, #00b86a);}
.intermediate {background:linear-gradient(135deg, #fca311, #f77f00);}
.advanced {background:linear-gradient(135deg, #e83e8c, #d63384);}

/*==================== Interview Blog Page css End ===================*/




.banner_rounded_img {max-width:100%; height:auto; border-radius:20px; box-shadow:0 10px 25px rgba(0, 0, 0, 0.2);}


/*==================== Interview Blog Article Page css Start ===================*/

.intblog_tab .wc_tabs li button{padding: 14px 15px; color: #fff; width: 100%; text-align: left; margin-bottom: 1px; font-size: 16px; font-weight: 500; border-radius: 0px; border: none; background: none; border-bottom: 1px solid #e5e5e5;}
.intblog_tab .nav-pills{ height: 100%; overflow: hidden;}
.intblog_tab .nav-pills .nav-link{color: #01202b; display: flex; flex-wrap: wrap;}
.intblog_tab .nav-pills .nav-link small{width: 100%; font-weight: normal;}
.intblog_tab .nav-pills .nav-link.active{border: none; color: #fff; background: #f26334;}
.intblog_tab .nav-pills {width:100%; float:left; background-color:#fff; border-radius:5px; border:1px solid #ddd; -webkit-box-shadow:0 6px 25px 0 rgba(204,204,204,.5); -moz-box-shadow:0 6px 25px 0 rgba(204,204,204,.5); box-shadow:0 6px 25px 0 rgba(204,204,204,.5); }
.intblog_tab .tab-pane {background-color:#fff; border-radius:5px; border:1px solid #ddd; min-height:200px; padding:25px; -webkit-box-shadow:0 6px 25px 0 rgba(204,204,204,.5); -moz-box-shadow:0 6px 25px 0 rgba(204,204,204,.5); box-shadow:0 6px 25px 0 rgba(204,204,204,.5); }
.intblog_tab .why-content{ max-height: 700px; overflow: auto;}
.intblog_tab .nav-pills .nav-item:last-child .nav-link{border-bottom: none;}
/*==================== Interview Blog Article Page css End ===================*/





/*==================== Tutoraildm Page css Start ===================*/


.tutorialdm_tab .wc_tabs li button{padding: 14px 15px; color: #fff; width: 100%; text-align: left; margin-bottom: 1px; font-size: 16px; font-weight: 500; border-radius: 0px; border: none; background: none; border-bottom: 1px solid #e5e5e5;}
.tutorialdm_tab .nav-pills{ overflow: hidden;}
.tutorialdm_tab .nav-pills .nav-link{color: #01202b; display: flex; flex-wrap: wrap;}
.tutorialdm_tab .nav-pills .nav-link small{width: 100%; font-weight: normal;}
.tutorialdm_tab .nav-pills .nav-link.active{border: none; color: #fff; border-radius: 4px; background: #ff6a00;}
.tutorialdm_tab .nav-pills {width:100%; float:left; background:#fff; border-radius:5px; border:1px solid #ddd; -webkit-box-shadow:0 6px 25px 0 rgba(204,204,204,.5); -moz-box-shadow:0 6px 25px 0 rgba(204,204,204,.5); box-shadow:0 6px 25px 0 rgba(204,204,204,.5); padding: 15px; margin-bottom: 30px; }
.tutorialdm_tab .tab-pane {background-color:#fff; border-radius:5px; border:1px solid #ddd; min-height:200px; padding:25px; -webkit-box-shadow:0 6px 25px 0 rgba(204,204,204,.5); -moz-box-shadow:0 6px 25px 0 rgba(204,204,204,.5); box-shadow:0 6px 25px 0 rgba(204,204,204,.5); }
.tutorialdm_tab .why-content{ max-height: 700px; overflow: auto;}
.tutorialdm_tab .nav-pills .nav-item:last-child .nav-link{border-bottom: none;}

.tutorial_cta_box {display:inline-block; background:linear-gradient(135deg, #ff6a00, #ff9340); border-radius:10px; color:#fff; text-align:center; padding:0px 20px;}
.tutorial_cta_box h5 {font-weight:bold; padding:56px; font-size:1.25rem; color:#fff;}
.tutorial_cta_box img {width:100%; max-width:350px; margin-top:20px;}


.tutorialdm_tab .faqbox { background:#fff;}
.tutorialdm_tab .accordion-item {border-radius:10px; margin-bottom:15px; overflow:hidden; border:1px solid #eee; box-shadow:0 2px 5px rgba(0, 0, 0, 0.05);}
.tutorialdm_tab .accordion-button:not(.collapsed) {color:#ff6900; font-weight:bold; background-color:#fff; box-shadow:none;}
.act_list{padding-left: 16px;}
.act_list li{ line-height: 24px;}


/*==================== Tutoraildm Page css End ===================*/



.banner_padding{padding: 60px 40px;}
.banner_section{display: flex; width: 100%; flex-direction: column; align-items: center; justify-content: center;  background-image: linear-gradient(to right, #f2451e, #e80106); opacity: 0.9;} 
.banner_section .banner_row {min-height: 400px;}
.banner_section h1{ color: #fff; font-weight: 700; font-size: 55px;}
.banner_section h3{color: #fff;}
.banner_section p{color: #fff;}

.dark_text h1{ color: #0c0c0c; font-weight: 700; font-size: 55px;}
.dark_text h3{color: #0c0c0c;}
.dark_text p{color: #0c0c0c;}
.banner_row{ background-image: radial-gradient(#d7e3ff 1px, transparent 1px); background-size: 40px 40px; position: relative;  display: inline-block; width: 100%; height: 100%; }
.banner_dark_dots{background-image: radial-gradient(#d7e3ff82 1px, transparent 1px); }


/*==================== Careersatsang Page css Start ===================*/

.careerstang_banner{background-image: linear-gradient(to bottom, #ffffff, #f0f0fe);}
.career_card {background:#fff; border-radius:20px; box-shadow:0 8px 25px rgb(0 0 0 / 25%); padding:40px 30px; height:100%; display:flex; flex-direction:column; justify-content:center;}
.benefit_blk:hover {transform:translateY(-5px); box-shadow:0 10px 25px rgba(0, 0, 0, 0.08);}
.career_img_card {border-radius:20px; box-shadow:0 8px 25px rgb(0 0 0 / 25%); height:100%; display:flex; flex-direction:column; justify-content:center; overflow:hidden;}
.benefit_blk {background:#fff; border:1px solid #e0e0e0; border-radius:15px; padding:30px 25px; box-shadow:0 6px 18px rgba(0, 0, 0, 0.04); text-align:center; transition:all 0.3s ease-in-out; height:100%;}
.benefit_blk .benefit-icon {width:60px; height:60px; border-radius:50%; background:linear-gradient(180deg, #5d8bff, #9cb8ff); display:flex; align-items:center; justify-content:center; color:#fff; font-size:28px; margin:0 auto 15px auto;}
.blk_join_career{margin-top: 100px; text-align: center;}


.satsang_card {background:#fff; border:none; border-radius:15px; overflow:hidden; box-shadow:0 6px 15px rgba(0, 0, 0, 0.1); transition:all 0.3s ease-in-out;}
.satsang_card .satsang-content {padding:20px; text-align:left;}
.satsang_card .satsang-content h6 {font-weight:600; margin-bottom:6px; color:#000;}
.satsang_card .satsang-content p {color:#555; font-size:0.95rem; margin-bottom:15px;}




/*==================== Careersatsang Page css End ===================*/





/*==================== Ravi Css Start 02 March 2026 ===================*/

/*===== Skillspace Page Css Start ====*/

.course_hero {background:linear-gradient(rgba(255, 115, 0, 0.8), rgba(255, 115, 0, 0.8)), url(../images/course-hero-bg.avif) no-repeat center center / cover; color:white; text-align:center; padding:60px 20px; }
.course_hero h1 {color:#fff; font-size:40px; font-weight: 600;}
.course_hero p {color:#fff; font-size:16px; margin-bottom:0px;}
#courseFilterBtns button {border:1px solid #000 !important; padding:6px 18px; font-weight:400; background:#fff; color:#000 !important; border-radius:26px !important; margin:0px 4px;}
.courses_tab ul li button {border:1px solid #000 !important; padding:6px 18px; font-weight:400; background:#fff; color:#000 !important; border-radius:26px !important; margin:0px 4px;}
#courseFilterBtns .nav-link.active {background-color: #ff6900;color: #fff !important;border: 1px solid #ff6900 !important;}
.courses_tab .nav-pills .nav-link.active, .nav-pills .show>.nav-link {color:#fff !important; background:#ff6900; border:1px solid #ff6900 !important;}
.tabcard {border:1px solid #000; border-radius:11px; overflow:hidden; transition:0.4s; min-height:412px;}
.tabcard .tabcard_img {position:relative;}
.tabcard .tabcard_img img {width:100%; height:200px; object-fit:cover; border-radius:10px 10px 0 0; transition:transform 0.4s ease;}
.tabcard .tabcard_img .course-badge {position:absolute; top:6px; right:6px;}
.tabcard .tabcard_body {padding:16px ;}
.tabcard .tabcard_body h5 {font-size:18px;}

.dmbatch_hero .innerbg_dmbatch{background: linear-gradient(135deg, #ff6633, #ff4d00); border-radius: 18px; padding: 60px 0px; margin: 20px;}
.dmbatch_hero .innerbg_dmbatch h1{font-weight: 700; color: #fff;}
.dmbatch_hero .innerbg_dmbatch p{ color: #fff;}
.dmbatch_hero .innerbg_dmbatch_img img{border-radius: 10px;}


.why_sec img {border-radius:10px;}
.why_sec_text h2 {margin-bottom:20px; font-size:36px;}
.feature-badge {display:inline-block; background:#4c4c4c; color:#ffffff; padding:8px 15px; border-radius:8px; margin:5px; font-weight:500; font-size:14px;}
.modules_card_box {background:#fff; border-radius:15px; box-shadow:0 4px 12px rgba(0, 0, 0, 0.1); overflow:hidden; height:100%; display:flex; flex-direction:column; justify-content:space-between;}
.modules_card_box .modules_card_box_body {padding:20px; flex-grow:1;}
.btn_gradient {display:block; background:linear-gradient(90deg, #ff6633, #ff0000); color:#fff; padding:12px; text-align:center; border-radius:8px; margin:15px 0; font-weight:600; text-decoration:none; transition:0.3s;}
.btn_gradient:hover {color:#fff;}
.btn_whtie_bg {display:block; border:1px solid #ccc; padding:12px; text-align:center; border-radius:8px; font-weight:600; color:#000; text-decoration:none; transition:0.3s;}
.accordion_wrapper {padding:20px;}
.accordion_custom {flex-grow:1;}
.moduleicon {margin-right:10px; font-size:18px; color:#ff4d00;}
.moduleicon i {font-size:25px; margin-bottom:12px; background-color:#ff6a3d; color:white; padding:6px; border-radius:4px; box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);}
.accordion_custom .accordion-item {margin-bottom:10px;}
.accordion_custom .accordion-item .accordion-button {border-top:1px solid #dee2e6 !important; font-weight:500;}
.accordion_custom .accordion-item .accordion-button:first-child {border-top:1px solid transparent;}
.accordion_custom .accordion-body ul {padding-left:10px !important;}
.accordion_custom .accordion-body ul li {font-size:15px; line-height:31px;}

.highlight_row .highlights-section {padding:60px 0; text-align:center;}
.highlight_row .highlight-card {position:relative; height:350px; background:#fff; border-radius:12px; box-shadow:0 4px 10px rgba(0, 0, 0, 0.1); overflow:hidden; transition:all 0.4s ease-in-out; display:flex; justify-content:center; align-items:center; border:1px solid black;}
.highlight_row .highlight-card:hover {flex:3;}
.highlight_row .highlight-card:not(:hover) {flex:1;}
.highlight_row .highlight-card img {width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0; transition:opacity 0.4s;}
.highlight_row .highlight-card-content {position:absolute; bottom:0; background:rgba(0, 0, 0, 0.6); color:#fff; width:100%; padding:20px; opacity:0; transition:opacity 0.4s;}
.highlight_row .highlight-card:hover .highlight-card-content {opacity:1;}
.highlight_row .vertical-text {writing-mode:vertical-rl; transform:rotate(180deg); font-weight:bold; font-size:18px; color:white; background-color:#000; padding:7px; border-radius:10px; opacity:0.8; transition:opacity 0.4s;}
.highlight_row .highlight-card:hover .vertical-text {opacity:0;}
.highlight_row {display:flex; gap:15px;}
.highlight_row h5{color: #fff;}
.highlight_row p{color: #fff;}


.Training_Program h2 {color:#fff;}
.Training_Program p {color:#fff;}
.reg-sec {background:linear-gradient(90deg, #ff5b2e, #ff7b2e); color:#fff;}
.whitebg_btn {background:#fff; color:#ff5b2e; font-weight:700; padding:8px 26px;}
.whitebg_btn:hover {background:#fff; color:#ff5b2e;}
.Training_Program_img img {border-radius:5px;}
.Tablist li {line-height:35px; list-style:none; background:#0000000f; margin-bottom:8px; padding:10px 20px; border-radius:4px;}
.half_Tablist {display:grid; grid-template-columns:repeat(2, auto); gap:0px 30px; padding-left: 0px;}
.infobox {background:#fff; border-radius:10px; padding:20px; margin-bottom:20px; box-shadow:0 3px 10px rgba(0, 0, 0, 0.08); transition:all 0.3s ease-in-out;}
.infobox h5 {font-size:18px; font-weight:600; margin-bottom:10px; color:#ff5722;}
.infobox p {font-size:15px; margin:0; color:#444;}
.marketing_image img {border-radius:8px;}

.Jobs_Require .custom-box {border:2px solid #e8e8e8; border-radius:30px; padding:2.5rem; background:#fff; box-shadow:0px 2px 15px rgba(0, 0, 0, 0.05); margin-bottom:3rem;}
.Jobs_Require .job-card {border-radius:15px; padding:15px; font-size:14px; font-weight:600; display:flex; align-items:center; gap:10px; justify-content:center; transition:all 0.3s ease;}
.Jobs_Require .job-card:hover {transform:translateY(-5px); box-shadow:0px 4px 10px rgba(0, 0, 0, 0.1);}
.Jobs_Require .job-card span {display:block; font-size:13px; font-weight:normal; color:#444;}
.Jobs_Require .orange {background:#fff0e6; color:#ff5b2e;}
.Jobs_Require .blue {background:#e6f5ff; color:#2b9eff;}
.Jobs_Require .red {background:#ffe6e9; color:#ff3c64;}
.Jobs_Require .green {background:#eaf7ea; color:#27a744;}
.Jobs_Require .purple {background:#f2e6ff; color:#8e44ec;}
.Jobs_Require .pink {background:#ffeaf7; color:#e83e8c;}
.Jobs_Require .yellow {background:#fff8e6; color:#f1c40f;}
.Jobs_Require .feature-box {border-radius:15px; background:#fff; padding:25px; box-shadow:0px 2px 12px rgba(0, 0, 0, 0.06); height:100%; transition:all 0.3s ease;}
.Jobs_Require .feature-box:hover {transform:translateY(-6px); box-shadow:0px 6px 14px rgba(0, 0, 0, 0.1);}
.Jobs_Require .feature-box i {font-size:32px; margin-bottom:12px; color:#ff6a3d;}
.Jobs_Require .highlights-section {padding:60px 0; text-align:center;}
.Jobs_Require .highlight-card {position:relative; height:350px; background:#fff; border-radius:12px; box-shadow:0 4px 10px rgba(0, 0, 0, 0.1); overflow:hidden; transition:all 0.4s ease-in-out; display:flex; justify-content:center; align-items:center; border:1px solid black;}
.Jobs_Require .highlight-card:hover {flex:3;}
.Jobs_Require .highlight-card:not(:hover) {flex:1;}
.Jobs_Require .highlight-card img {width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0; transition:opacity 0.4s;}
.Jobs_Require .highlight-card-content {position:absolute; bottom:0; background:rgba(0, 0, 0, 0.6); color:#fff; width:100%; padding:20px; opacity:0; transition:opacity 0.4s;}
.Jobs_Require .highlight-card:hover .highlight-card-content {opacity:1;}
.Jobs_Require .vertical-text {writing-mode:vertical-rl; transform:rotate(180deg); font-weight:bold; font-size:18px; color:white; background-color:#000; padding:7px; border-radius:10px; opacity:0.8; transition:opacity 0.4s;}
.Jobs_Require .highlight-card:hover .vertical-text {opacity:0;}
.Jobs_Require .highlight-row {display:flex; gap:15px;}


.Jobs_Require .testimonial-section {text-align:center; background:#eff6ff; border-radius:20px; padding:2.5rem 2rem; box-shadow:0px 2px 15px rgba(0, 0, 0, 0.05); margin:2rem;}
.Jobs_Require .testimonial-section .logos img {height:30px; margin:0 15px;}
.Jobs_Require .testimonial-section .testimonial-card {background-color:#fff; color:#fff; padding:20px; border-radius:5px; text-align:left; margin-bottom:20px; display:flex; flex-direction:column; justify-content:space-between;}
.Jobs_Require .testimonial-section .stars {color:gold; margin-bottom:10px; font-size:16px;}
.Jobs_Require .testimonial-section .video-wrapper {width:100%; margin-bottom:15px;}
.Jobs_Require .testimonial-section video {width:100%; border-radius:8px;}
.Jobs_Require .testimonial-section .author {font-weight:bold; font-size:16px; margin-top:10px;}
.Jobs_Require .testimonial-section .cta-btn {background-color:#007bff; color:#fff; padding:5px 20px; border:none; border-radius:6px; font-size:16px; font-weight:bold; cursor:pointer; transition:0.3s;}
.Jobs_Require .testimonial-section .cta-btn:hover {background-color:white; color:#007bff; border:2px solid #007bff;}

.Success_Stories_Sec{background: #eff6ff;}
.Success_Stories_Sec .testimonial_card{background: #fff;}

@media screen and (max-width:991px) {
.Jobs_Require .highlight-row {flex-direction:column;}
.Jobs_Require .highlight-card {flex:unset !important; height:250px;}
.Jobs_Require .vertical-text {writing-mode:horizontal-tb; transform:none;}

.highlight-row {flex-direction:column;}
.highlight_row .highlight_card {flex:unset !important; height:250px;}
.highlight_row .vertical-text {writing-mode:horizontal-tb; transform:none;}
.Training_Program{text-align: center;}
.Training_Program_img{text-align: center; margin-top: 18px;}
  .half_Tablist { display: grid; grid-template-columns: repeat(1, auto); gap: 0px 0px;}

  .inner_hd{font-size: 26px;}
  .modules_card_box{margin-top: 26px;}
  .why_sec_text h2{margin-top: 24px; font-size: 26px;}
  .innerbg_dmbatch_img{margin-top: 20px;}
  .courses_tab .nav-pills{gap: 10px;}
  .faqbox h2{font-size: 26px;}
}

/*===== Skillspace Page Css End ====*/


/*===== hirepage Page Css Start ====*/

.hire_hero {background:#d8d8d8; padding:60px 0px;}
.hire_hero p {font-size:17px;}
.query_from {background:#fff; padding:16px; border-radius:5px;}
.input-group>.form-control, .input-group>.form-floating, .input-group>.form-select {position:relative; flex:1 1 auto; width:1%; min-width:0; padding:12px; margin-bottom:16px;}
.Proccess_Box .circle_img {width:100px; height:100px; border-radius:50%; overflow:hidden; text-align:center; margin:auto;}
.Proccess_Box {background:#ff5b00; padding:18px; border-radius:5px;}
.Proccess_Box h6 {text-align:center; margin-top:13px; font-size:20px; color:#fff; font-weight:600;}
.Proccess_Box p {color:#fff; text-align:center;}
.why_sec_hire_box {box-shadow:rgba(0, 0, 0, 0.24) 0px 3px 8px; padding:26px; border-radius:5px; min-height:100%;}
.why_sec_hire_box_img img {max-width:220px;}
.why_sec_hire_box h5 {font-size:21px;}
.whylist li {line-height:28px; font-size:14px;}
.Tablist_hire li {line-height:22px; font-size:15px;}
.hire-flow-sec .hire-box {border:none; border-radius:6px; box-shadow:0 4px 10px rgba(0, 0, 0, 0.08); overflow:hidden; transition:all 0.3s ease-in-out; height:100%; background-color:#fff;}
.hire-flow-sec .hire-box:hover {transform:translateY(-7px);}
.hire-flow-sec .hire-box-top {background-color:#f26522; color:#fff; font-weight:600; padding:15px; text-align:center; font-size:17px;}
.hire-flow-sec .hire-box-body {padding:25px 20px; text-align:center; color:#555; font-size:14px; line-height:1.6;}
.Ready_to_Hire{background: #17233d;}


/* ya copy nahi karna h */
.courses_section {padding:60px 0; overflow:hidden; position:relative; background:linear-gradient(to bottom, #fde7e7, #ff5722); font-family:"Poppins", sans-serif;}
.slider_c {display:flex; gap:30px; animation:scroll 15s linear infinite;}
.slider_c:hover {animation-play-state:paused;}
@keyframes scroll {
0% {transform:translateX(0);}
100% {transform:translateX(-50%);}
}
.courses_section .course-card {flex:0 0 300px; border-radius:15px; overflow:hidden; background:#fff; box-shadow:0 4px 20px rgba(0, 0, 0, 0.1); transition:transform 0.3s;}
.courses_section .course-card:hover {transform:translateY(-5px);}
.courses_section .course-img {width:100%;  position:relative;}
.courses_section .live-tag {position:absolute; top:10px; left:10px; background:#ff4500; color:white; font-size:12px; padding:4px 8px; border-radius:5px; font-weight:bold;}
.courses_section .course-content {padding:15px;}
.courses_section .course-content h5 {font-weight:600; margin-bottom:10px;}
.courses_section .course-content p {font-size:14px; color:#666;}
/* ya copy nahi karna h */

/*===== hirepage Page Css End ====*/


/*===== Courses Page Css Start ====*/

.Course_Banner_bottom {display:flex; gap:10px;}
.Course_Banner_bottom .cbb_box {display:inline-block; text-align:center; margin-top:25px; border:2px solid #cccccc61; padding:20px 10px 10px 10px; border-radius:5px; width:250px;}
.Course_Banner_bottom .cbb_box .cbb_box_icon {display:inline-block; margin-bottom:12px;}
.Course_Banner_bottom .cbb_box .cbb_box_icon i {font-size:22px; color:#000000; background-color:#ffffff; padding:10px; border-radius:10px; opacity:0.9;}
.Course_Banner_bottom .cbb_box .cbb_box_text {color:#fff; font-size: 13px;}

.Course_Banner__scroll .cbb_box .cbb_box_text {color:#fff; font-size: 16px;}

.Course_Banner__scroll .cbb_box_text span {color:#000;}
.Course_Banner__scroll {flex-wrap:wrap; margin-top:40px;}
.Course_Banner__scroll .cbb_box {margin-top:0px;}
.syllabus-wrapper {background:#f4f4f5; box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border-radius:6px; padding:35px; position: relative;}
.btn-position{position: absolute; right: 30px;}
.info__boxes.info__boxes {display:flex; flex-wrap:wrap; justify-content:space-between; margin:30px 0 40px; gap:15px; position:relative; align-items:center;}
.info__boxes .with-badge {position:absolute; top:20px; left:61%; transform:rotate(-9deg); background:#ff6b00; color:#fff; padding:6px 28px; border-radius:30px; font-size:14px; font-weight:600; box-shadow:0 3px 6px rgba(0, 0, 0, 0.15); z-index:10; transition:all 0.3s ease;}
.info__boxes .left-box, .right-box {background:#f8f8f8; border-radius:50px; border:1px solid #80808087; padding:15px 20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px; flex:1; min-width:280px;}
.info__boxes .left-box {flex:2;}
.info__boxes .left-box span {background:#fff; border:1px solid #ddd; border-radius:25px; padding:8px 15px; font-size:13px; color:#333; font-weight:700;}
.info__boxes .right-box span {background:#ff6b00; color:#fff; border-radius:25px; padding:8px 18px; font-size:14px; display:flex; align-items:center; gap:8px; font-weight:600; cursor:pointer;}
.Accordion_list li {line-height:30px; font-size:14px;}
.Accordion_toprow {display:flex; gap:16px; border-bottom:1px solid #cccccca1; margin-bottom:14px;}


.scroll__container .tools-section {text-align:center; padding:60px 0; position:relative; overflow:hidden;}
.scroll__container .tools-section h2 {font-weight:700; margin-bottom:40px;}
.scroll__container .tools-wrapper {display:flex; gap:20px; animation:scroll 20s linear infinite; width:max-content;}
.scroll__container .tool-card {background:linear-gradient(90deg, #ff6600, #ff3300); color:white; border-radius:50px; padding:12px 25px; font-weight:500; white-space:nowrap; display:flex; align-items:center; gap:8px; box-shadow:0 2px 8px rgba(0, 0, 0, 0.15); transition:transform 0.3s ease;}
.scroll__container .tool-card:hover {transform:scale(1.05);}
.scroll__container {display:flex; overflow:hidden; width:100%; justify-content:center;}

@keyframes scroll {
from {transform:translateX(0);}
to {transform:translateX(-50%);}
}

.scroll__container .tools-wrapper.reverse {animation:scroll-reverse 22s linear infinite;}

@keyframes scroll-reverse {
from {transform:translateX(-50%);}
to {transform:translateX(0);}
}


.Performance_Marketing{background: #f4f4f5;}

.category_row_main .category-list {list-style:none; padding:0; margin:0; position:sticky; top:100px;}
.category_row_main .category-list li {padding:10px 16px; margin-bottom:10px; border:1px solid #ddd; border-radius:8px; cursor:pointer; transition:all 0.3s ease; background:#fff; font-weight:500;}
.category_row_main .category-list li.active {background:#e8f0ff; border-color:#0056ff; color:#0056ff; font-weight:600;}
.category_row_main .card-box {background:#fff; border-radius:12px; padding:20px; box-shadow:0 4px 10px rgba(0, 0, 0, 0.08); transition:all 0.3s ease; align-items:center; display:flex; margin-bottom:20px; border:2px solid transparent; grid-template-columns: repeat(2, auto); display: grid;}
.category_row_main .card-box p {text-align:left;}
.category_row_main .card-box.active {border-color:#0056ff; box-shadow:0 0 12px rgba(0, 86, 255, 0.3);}
.category_row_main .card-box img {width:160px; height:120px; border-radius:10px; object-fit:cover; margin-left:20px;}




.reg-sec_center{padding: 40px; border-radius: 10px;}
.marketing_image_shadow{box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}




/* Date 11-03-2026 */
.listhd {display:inline-block; padding:9px; background:#ffc9a3; border-radius:4px; text-align:center; font-size:16px; margin-bottom:10px; font-weight:500; width:100%;}
.strong_list {font-weight:600; font-size:16px; margin-bottom:6px; display:inline-block;}

.course-grid {min-height:300px;}
.filter-card {display:none; opacity:0; transform:translateY(18px) scale(0.98); transition:opacity 0.35s ease, transform 0.35s ease;}
.filter-card.show {display:block; animation:filterFadeIn 0.4s ease forwards;}

@keyframes filterFadeIn {
from {opacity:0; transform:translateY(18px) scale(0.98);}
to {opacity:1; transform:translateY(0) scale(1);}
}

#courseFilterBtns .nav-link {cursor:pointer; border:0; transition:all 0.25s ease;}
#courseFilterBtns .nav-link.active {background-color:#ff6900; color:#fff;}
#courseFilterBtns .nav-link:hover {transform:translateY(-2px);}



.container_hidden {overflow:hidden;}
.Course_Banner__scroll .Course_Banner_bottom {overflow:hidden; width:100%;}
.Course_Banner__scroll {display:flex; align-items:center; flex-wrap:nowrap; width:max-content; animation:courseScroll 30s linear infinite;}
.Course_Banner__scroll .cbb_box {display:inline-flex; align-items:center; gap:10px; flex:0 0 auto; white-space:nowrap; width:auto !important;}
.Course_Banner__scroll .cbb_box_text span {white-space:nowrap;}

@keyframes courseScroll {
0% {transform:translateX(0);}
100% {transform:translateX(-50%);}
}



/*===== Courses Page Css End ====*/




/*==================== Ravi Css End 02 March 2026 ===================*/


/* new responsive 12-03-2026 */




/*==================== Workshop Page css start ===================*/
.workshop_card {border:1px solid #eee; border-radius:12px; padding:20px; text-align:center; transition:all 0.3s ease; background-color:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, 0.05); }
.workshop_card:hover {transform:translateY(-4px); box-shadow:0 4px 10px rgba(0, 0, 0, 0.08);}
.workshop_card i {font-size:26px; color:#ff6b00; margin-bottom:10px;}
.workshop_card h3 {font-weight:500; font-size:1rem; margin:0; font-size: 20px;}

.upcoming_workshop {background-color:#f5f7ff; border-radius:12px; padding:50px 30px; margin-top:60px; margin-bottom:60px;}
.upcoming_workshop .upcoming_card {background:#fff; border:1px solid #ddd; border-radius:12px; display:flex; align-items:center; overflow:hidden; transition:all 0.3s ease;}
.upcoming_workshop .upcoming_card:hover {transform:translateY(-3px); box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);}
.upcoming_workshop .upcoming_card img {width:180px; height:130px; object-fit:cover;}
.upcoming_w_content {padding:15px 20px; flex:1;}
.upcoming_w_content h5 {font-weight:600; font-size:1.1rem; margin-bottom:5px;}
.upcoming_w_content p {color:#555; font-size:0.9rem; margin-bottom:15px;}

.upcoming_workshop .btn-live {background:#ff3b3b; color:white; font-weight:600; border-radius:6px; font-size:0.8rem; padding:4px 10px; border:none;}
.upcoming_workshop .btn-register {background:#ff6b00; color:white; font-weight:600; border-radius:6px; font-size:0.85rem; padding:6px 14px; border:none;}
.upcoming_workshop .btn-register:hover {background:#e05f00;}

/*==================== Workshop Page css End ===================*/


.submit_ai_sec{background: #fff; border-radius: 10px; padding: 30px; margin: 30px 0;}






/*==================== Job Search Page css start ===================*/
.jobsearch_section{background: #f2f8ff;}
.job_filter_bar {display:flex; flex-wrap:wrap; gap:15px; margin-bottom:40px;}
.job_filter_bar .filter_input {flex:1; min-width:220px; background:#fff; border:1px solid #ddd; border-radius:10px; padding:10px 15px; display:flex; align-items:center; gap:10px; box-shadow:0 2px 8px rgba(0, 0, 0, 0.05);}
.job_filter_bar .filter_input input {border:none; outline:none; width:100%; background:transparent; font-size:14px;}

.job_card {background:#fff; border:none; border-radius:12px; padding:18px; position:relative; box-shadow:0 3px 10px rgba(0, 0, 0, 0.05); transition:0.3s;}
.job_card:hover {transform:translateY(-4px);}
.job_card_header {display:flex; justify-content:space-between; align-items:center;}
.job_card h5 {font-size:16px; font-weight:600; color:#222;}
.job_card p {margin:4px 0; font-size:14px; color:#555;}
.job_card small {font-size:12px; color:#777;}

.job_card .apply-btn {background:#3b82f6; color:#fff; border:none; padding:6px 16px; border-radius:20px; font-size:13px; font-weight:500; transition:0.3s;}
.job_card .apply-btn:hover {background:#2563eb;}
.job_card .whatsapp-icon {color:#25d366; font-size:20px;}

.job_sidebar {background:#cde0ff; border-radius:20px; padding:20px; height:100%;}
.job_sidebar h4 {font-size:18px; font-weight:700; margin-bottom:20px;}
.job_company_btn {background:#fff; border:none; width:100%; border-radius:12px; padding:10px; margin-bottom:15px; font-weight:600; color:#2563eb; transition:0.3s;}
.job_company_btn:hover {background:#2563eb; color:#fff;}
.job_sidebar .job_sidebar img {width:100%; border-radius:12px; margin-top:10px;}
.Disclaimer {background-color:white; padding:20px; border-radius:7px; margin-top:20px;}
.job_sidebar img {width:100%; border-radius:12px; margin-top:10px;}
.job_card_header {display:flex; justify-content:space-between; align-items:center;}


/*==================== Job Search Page css End ===================*/



/*==================== Job Search Detail Page css start ===================*/

.job_details {background-color:#0d1224; color:white; border-radius:10px; padding:30px; box-shadow:0px 8px 20px rgba(0, 0, 0, 0.2);}

.jobalert_tab .wc_tabs li button{padding: 8px 15px; color: #fff; width: 100%; text-align: left; margin-bottom: 1px; font-size: 16px; font-weight: 500; border-radius: 0px; border: none; background: none; }
.jobalert_tab .nav-pills .nav-link{display: flex; flex-wrap: wrap; background-color: #2d2e5f; border-radius: 30px; color: #fff;}
.jobalert_tab .nav-pills .nav-link.active{border: none; color: #fff; border-radius: 30px; background: linear-gradient(90deg, #ff6b35, #ff3c00);}
.jobalert_tab .nav-pills {width:100%; float:left; gap: 10px;}

.job_details .job_meta {color:#ccc;}
.job_d_first {display:flex; justify-content:space-between;}
.job_details .job_tags span {background-color:#2d2e5f; border-radius:5px; padding:6px 15px; margin-right:8px; font-size:0.85rem; display:inline-block;}
.jobalert_tab h5, .jobalert_tab h4, .jobalert_tab h3, .jobalert_tab h6, .jobalert_tab p {color:#fff;}
.jobalert_tab ul li {color:#fff;}
.job_d_first .job_title {font-size:1.5rem; font-weight:600; background-color:#2d2e5f; padding:10px 20px; border-radius:6px; display:inline-block;}
.job_image {width:100%; max-width:200px; height:auto; border-radius:10px; object-fit:cover;}

.tab_content_section .hd{font-size: 21px; color: #fff;}
.tab_content_section .company_info_box {background-color:#2d2e5f; padding:15px; border-radius:8px; color:#d1d1d1; font-size:0.9rem;}

/*==================== Job Search Detail Page css End ===================*/





/*==================== Video Player Page css Start ===================*/

.video_player_sec .top-bar {background-color:#ff6600; color:#fff; padding:10px 20px; display:flex; align-items:center; justify-content:space-between;}
.video_player_sec .top-bar a {color:#fff; text-decoration:none; font-weight:500;}
.video_player_sec .top-bar a:hover {text-decoration:underline;}
.video_player_sec .video-section {display:flex; flex-wrap:wrap; min-height:calc(100vh - 50px);}
.video_player_sec .video-player {flex:2; background-color:#1a1c22; padding:20px;}
.video_player_sec .video-container {background:#14213d; border-radius:10px; overflow:hidden; position:relative; height:400px; display:flex; align-items:center; justify-content:center;}
.video_player_sec .video-container i {font-size:70px; color:#fff; opacity:0.8; cursor:pointer;}
.video_player_sec .progress-bar-wrapper {margin-top:10px; height:6px; background:#ddd; border-radius:5px; overflow:hidden;}
.video_player_sec .progress-fill {width:25%; height:6px; background:#1ed760;}
.video_player_sec .controls {display:flex; align-items:center; justify-content:space-between; margin-top:10px; font-size:14px;}
.video_player_sec .controls-left i, .video_player_sec  .controls-right i {margin-right:10px; cursor:pointer;}
.video_player_sec .controls-right select {background:#1a1c22; color:#fff; border:1px solid #555; border-radius:5px; padding:3px 8px;}
.video_player_sec .video-info {background:#13151b; border-radius:10px; margin-top:15px; padding:10px 15px; color: #fff;}
.video_player_sec .video-info .status {color:#1ed760; font-weight:600;}
.video_player_sec .video-info button {margin-left:10px; font-size:13px; border-radius:8px;}
.video_player_sec .sidebar {flex:1; background-color:#1c1e24; padding:20px;}
.video_player_sec .tab-buttons {display:flex; justify-content:space-around; margin-bottom:20px;}
.video_player_sec .tab-buttons button {background:none; border:none; color:#bbb; font-weight:500; padding:8px 12px; border-radius:5px;}
.video_player_sec .tab-buttons button.active {background:#2c2f36; color:#fff;}
.video_player_sec .course-progress {margin-bottom:15px; color: #fff;}
.video_player_sec .course-progress .progress {height:8px; border-radius:10px; background:#2a2d33;}
.video_player_sec .course-progress .progress-bar {background:#1ed760; width:65%;}
.video_player_sec .playlist-item {background:#2a2d33; border-radius:8px; padding:8px 12px; margin-bottom:10px; display:flex; align-items:center; justify-content:space-between; cursor:pointer; transition:0.3s;}
.video_player_sec .playlist-item.active {background:#0059ff;}
.video_player_sec .playlist-item:hover {background:#353841;}
.video_player_sec .playlist-left {display:flex; align-items:center; gap:10px; color: #fff;}
.video_player_sec .playlist-left i {color:#1ed760;}
.video_player_sec .playlist-right i {color:#fff; opacity:0.9; font-size:18px;}
.video_player_sec .playlist-right{color: #fff;}
@media (max-width: 992px) {
.video_player_sec .video-section {flex-direction:column;}
.video_player_sec .video-player, .video_player_sec .sidebar {width:100%;}
.video_player_sec .video-container {height:250px;}
}


/*==================== Video Player Page css End ===================*/



/*==================== Custom select css Start ===================*/

.custom-select {width:250px; padding:10px 15px; font-size:16px; border:1px solid #ccc; border-radius:8px; background-color:#fff; outline:none; appearance:none; cursor:pointer; background-image:url("data:image/svg+xml;utf8,<svg fill='%23333' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M5 7l5 5 5-5z'/></svg>"); background-repeat:no-repeat; background-position:right 10px center; background-size:16px;}
.custom-select:hover {border-color:#007bff;}
.custom-select:focus {border-color:#007bff; box-shadow:0 0 5px rgba(0,123,255,0.5);}
/*==================== Custom select css End ===================*/





/* 20-03-2026 Css Start */

.SKILL_Point {background:#e9e9f5;}
.USP, .onep_text {margin-top:20px;}
.check_list {width:100%;}
.check_list, .footer_address, .footer_address a, .why_skillwala, .why_skillwala li {display:inline-block;}
.inner_banner_hd ul, ul {padding-left:0;}
.check_list.li50 li {width:50%; float:left; list-style:circle;}
.USP li {font-size:18px; line-height:40px;}
.check_list li, .check_list_banner li {position:relative; padding-left:4px; line-height:40px;}
.web_stories_box {position:relative; cursor:pointer; margin-bottom:8px; border-radius:18px; overflow:hidden; height:100%;}
.web_stories_box.stories {box-shadow:0px 0px 2px 3px #f263343b inset;}
.web_stories_img {overflow:hidden; border-radius:25px;}
.web_stories_box {position:relative; cursor:pointer; margin-bottom:8px; border-radius:18px; overflow:hidden; height:100%;}
.web_stories_img img {width:100%; transition:0.3s; border-radius:25px;}
.web_stories_content {padding:16px 24px;}
.web_stories_content h5 {font-size:20px; margin-bottom:26px; font-weight:800;}
.web_stories_box p {margin-bottom:12px;}
.About_Data_Science p {text-align:justify;}
.web_stories_button {font-size:18px; margin-top:13px; display:inline-block; color:#f26334; font-weight:500; position:relative;}
.web_stories_button:after {content:""; height:3px; width:0%; background:#f26334; position:absolute; left:0; bottom:-10px; transition:.3s;}
.web_stories .internship_p_sec .course-image {max-height:100%;}
.Content_box ul {padding-left:30px;}
.Content_box ul li {line-height:32px; list-style:circle;}
.Content_box h2 {font-size:24px;}
.Content_box h3 {font-size:20px;}
.box-left {text-align:left;}
.box-left a {color:#ff6600; font-weight:600; margin-bottom:14px; display:inline-block;}
.address-map iframe {width:600px; height:280px; border-radius:11px; box-shadow:rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.Gallery_box .gallery_img {border-radius:8px; overflow:hidden; border:2px solid #c3b9b9; transition:1s; cursor:pointer;}
.Gallery_box .gallery_img:hover {border:2px solid #f46233;}
.Gallery_box .gallery_img img {width:100%; min-height:300px; object-fit:cover;}
.gallery_img_height {height:300px;}
#courseFilterBtns {gap:13px 0px;}

/* 20-03-2026 Css End */

/* 21-03-2026 Css Start */

.list-register {justify-content:center; display:flex; gap:10px; flex-wrap:wrap;}
.list-register li {list-style:none; padding:10px 20px; border:1px solid #cccccc52; border-radius:5px; background:linear-gradient(90deg,rgba(109, 19, 192, 1) 0%, rgba(144, 43, 211, 1) 100%); font-size:15px; font-weight:600; align-items:center; display:flex;}
.list-register li img {width:24px; margin-right:10px; filter:invert(1);}



/* ai_categories_slider */

.ai_categories_slider .slick-prev {position:absolute; left:-54px; top:45%; border:none; border-radius:50%; font-size:0px; width:40px; height:40px; background-color:#f36332; background-image:url(../images/left_arrow.png); background-repeat:no-repeat; background-position:center; background-size:16px; padding:10px;}
.ai_categories_slider .slick-next {position:absolute; right:-54px; top:45%; border:none; border-radius:50%; font-size:0px; width:40px; height:40px; background-color:#f36332; background-image:url(../images/right_arrow.png); background-repeat:no-repeat; background-position:center; background-size:16px; padding:10px;}

@media screen and (max-width:820px) {
.ai_categories_slider .slick-prev {display:none !important;}
.ai_categories_slider .slick-next {display:none !important;}
}


/* 22 April 2026 */

.quizCourseModal .quiz-card {cursor:pointer; border-radius:12px; border:1px solid orange; transition:all 0.3s ease; text-align:center; padding:20px; background:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, 0.1);}
.quizCourseModal .quiz-card p {margin-bottom:0px;}
.quizCourseModal .quiz-card:hover {transform:translateY(-4px); box-shadow:rgba(0, 0, 0, 0.15) 0px 4px 12px;}

.Personality .quiz-agree-text {color:#27ae60; font-weight:600;}
.Personality .quiz-disagree-text {color:#8e44ad; font-weight:600;}
.Personality .quiz-neutral-text {color:#6c757d; font-weight:600;}
.Personality .quiz-option-row {display:flex; justify-content:center; align-items:center; gap:18px; margin-top:1.5rem; flex-wrap:wrap;}
.Personality .quiz-active-agree {background-color:#27ae60; border-color:#27ae60;}
.Personality .quiz-circle {width:52px; height:52px; border-radius:50%; border:2px solid #bbb; cursor:pointer; transition:0.25s; position:relative; display:flex; align-items:center; justify-content:center; font-size:18px; color:white;}
.Personality .quiz-checkmark {font-size:18px; color:#fff; display:none;}
.Personality .quiz-circle.quiz-selected .quiz-checkmark {display:inline; animation:quiz-pop 0.25s ease-in-out;}

@keyframes quiz-pop {
from {transform:scale(0);}
to {transform:scale(1);}
}

.Personality .quiz-active-neutral {background-color:#6c757d; border-color:#6c757d;}
.Personality .quiz-active-disagree {background-color:#8e44ad; border-color:#8e44ad;}





.prompt-card {background:#fff; border:1px solid #ececf5; border-radius:20px; padding:22px; height:100%; box-shadow:0 4px 12px rgba(15,23,42,.04); transition:.3s ease;}
.prompt-card:hover {transform:translateY(-6px); box-shadow:0 18px 40px rgba(98,77,255,.12);}
.prompt-icon {width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:16px;}
.prompt-icon svg {width:28px; height:28px; stroke-width:2.2;}
.prompt-card h4 {font-size:18px; font-weight:800; margin-bottom:2px; color:#111827;}
.prompt-card .tool {font-size:14px; font-weight:600; margin-bottom:12px;}
.prompt-card .line {width:36px; height:3px; border-radius:20px; margin-bottom:18px;}
.prompt-card p {font-size:14px; line-height:1.8; color:#374151; min-height:92px;}
.prompt-preview {border-radius:14px; height:88px; display:flex; align-items:center; justify-content:center; margin:14px 0 18px; border:1px solid transparent;}
.prompt-preview svg {width:42px; height:42px; opacity:.9;}
.copy-btn {width:100%; height:48px; border-radius:12px; background:#fff; font-weight:700; display:flex; align-items:center; justify-content:center; gap:10px; transition:.25s ease;}
.copy-btn svg {width:18px; height:18px;}

/* Purple */
.prompt-purple .prompt-icon{background:#f3e8ff;color:#7c3aed;}
.prompt-purple .tool,.prompt-purple .line{color:#7c3aed;background:#7c3aed;}
.prompt-purple .prompt-preview{background:#faf5ff;border-color:#f3e8ff;color:#a855f7;}
.prompt-purple .copy-btn{border:1.5px solid #a855f7;color:#7c3aed;}
.prompt-purple .copy-btn:hover{background:#faf5ff;}

/* Green */
.prompt-green .prompt-icon{background:#e8faf2;color:#059669;}
.prompt-green .tool,.prompt-green .line{color:#059669;background:#059669;}
.prompt-green .prompt-preview{background:#f3fbf7;border-color:#dcfce7;color:#10b981;}
.prompt-green .copy-btn{border:1.5px solid #34d399;color:#059669;}
.prompt-green .copy-btn:hover{background:#f3fbf7;}

/* Blue */
.prompt-blue .prompt-icon{background:#eaf2ff;color:#2563eb;}
.prompt-blue .tool,.prompt-blue .line{color:#2563eb;background:#2563eb;}
.prompt-blue .prompt-preview{background:#f5f9ff;border-color:#dbeafe;color:#3b82f6;}
.prompt-blue .copy-btn{border:1.5px solid #60a5fa;color:#2563eb;}
.prompt-blue .copy-btn:hover{background:#f5f9ff;}

/* Orange */
.prompt-orange .prompt-icon{background:#fff1e8;color:#ea580c;}
.prompt-orange .tool,.prompt-orange .line{color:#ea580c;background:#ea580c;}
.prompt-orange .prompt-preview{background:#fff7f2;border-color:#fed7aa;color:#f97316;}
.prompt-orange .copy-btn{border:1.5px solid #fb923c;color:#ea580c;}
.prompt-orange .copy-btn:hover{background:#fff7f2;}







/* new design css start */

#header {position:sticky; top:0;}
.nav-pills .nav-link.nav-digital-marketing.active {background:#f26334;}
.nav-pills .nav-link.nav-writing.active {background:#363e50;}
.nav-pills .nav-link.nav-animation.active {background:#f26334;}
.nav-digital-marketing {background:#f26334;}
.nav-writing {background:#363e50;}
.nav-animation {background:#f26334;}
.digital-box {background:#f26334;}
.content_box {background:#363e50;}
.animation_box {background:#f26334;}
.internship_sec .icon_one i {background:linear-gradient(to right, #1a4c99, #2b7fff); color:white; padding:10px 15px; float:left; margin-bottom:10px; border-radius:5px; font-size:28px;}
.internship_sec .icon_two i {background:linear-gradient(to right, #005421, #00ba49); color:white; padding:10px 15px; float:left; margin-bottom:10px; border-radius:5px; font-size:28px;}
.register_sec h2 {font-size:36px;}
.internship_sec .icon_one i {background:linear-gradient(to right, #363e50, #435b93);}
.internship_sec .icon_two i {background:linear-gradient(to right, #363e50, #435b93);}
.internship_sec .card ul li::before {color:#f26334;}
.aibanner {background:linear-gradient(180deg, rgb(255, 248, 242), rgb(255, 251, 247) 50%, rgb(255 255 255));}
.inner_banner h1 {font-weight:600;}
.inner_banner ul {gap:10px;}
.inner_banner ul li {font-size:16px; line-height:36px;}
.searchrow .inputrow input {padding:12px 26px !important;}
.ai_tools .free {padding:5px 10px; background:#daedda; border-radius:4px; color:#179A11; font-size:13px; font-weight:600; display:inline-block;}
.ai_tools .free_paid {padding:5px 10px; background:#fff4d6; border-radius:4px; color:#d97706; font-size:13px; font-weight:600; display:inline-block;}
.ai_tools .default_cls {padding:5px 10px; background:#e8f2ff; border-radius:4px; color:#5b6472; font-size:13px; font-weight:600; display:inline-block;}
.ai_tools .freemium {padding:5px 10px; background:#e7f1ff; border-radius:4px; color:#2563eb; font-size:13px; font-weight:600; display:inline-block;}
.ai_tools .paid {padding:5px 10px; background:#ffe5e5; border-radius:4px; color:#dc2626; font-size:13px; font-weight:600; display:inline-block;}
.ai_tools .ai_social.social_link {display:flex; gap:6px;}
.ai_tools .ai_social.social_link a img {height:24px; width:24px;}
.ai_tools table {border:1px solid #f2f2f2; box-shadow:rgb(0 0 0 / 4%) 0px 1px 4px;}
.pegination_sec .page-item:first-child .page-link, .page-item:last-child .page-link, .pagination-custom .page-link {border:1px solid #e9eef9 !important;}




.Create_items {background:#F8FAFC;}
.Prompts-Create {background:#FFFFFF; border:1px solid #E2E8F0; border-radius:16px; padding:24px; font-family:'Plus Jakarta Sans', sans-serif; transition:all 0.3s cubic-bezier(0.16, 1, 0.3, 1); cursor:pointer; box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.01); display:flex; flex-direction:column; height:100%;}
.Prompts-Create:hover {transform:translateY(-6px); border-color:#fcd0c2; box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.07), 0 10px 10px -5px rgba(0, 0, 0, 0.02);}
.Prompts-Create .icon-box {width:48px; height:48px; background-color:#f2633424; border:1px solid #f2633430; border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:16px; transition:all 0.3s ease;}
.Prompts-Create .icon-box svg {font-size:1.25rem; color:#f26334;}
.Prompts-Create:hover .icon-box {background-color:#f26334;}
.Prompts-Create:hover .icon-box svg {color:#fff;}
.Prompts-Create h4 {font-size:1.15rem; font-weight:700; color:#0F172A; margin:0 0 8px 0; transition:color 0.3s ease;}
.Prompts-Create p {font-size:0.875rem; color:#64748B; line-height:1.5; margin:0 0 16px 0; font-weight:500; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.Prompts-Create .border {border:none; border-top:1px solid #F1F5F9; margin-top:auto; margin-bottom:16px;}
.Prompts-Create_footer {display:flex; align-items:center; justify-content:space-between; border-top:1px solid #E0E7FF; padding-top:16px;}
.Prompts-Create_footer .prompt-count {font-size:0.75rem; font-weight:600; background-color:#F1F5F9; color:#475569; padding:4px 10px; border-radius:6px; border:1px solid #cccccc;}
.Prompts-Create_footer .explore-btn {font-size:0.875rem; font-weight:700; color:#f26334; transition:color 0.3s ease;}
.Prompts-Create:hover .Prompts-Create_footer .explore-btn {color:#3730A3;}
.prompt-content {height:100%;}
.AI-PROMPTS .prompt-card {height:100%; display:flex; flex-direction:column;}
.Popular_top {text-align:center; margin-top:10px; font-weight:500;}
.tips-filters .tips-filters-row {display:grid; grid-template-columns:3fr 2fr 1fr;}

.AI-PROMPTS_Inner{background: linear-gradient(5deg, #F1F1FB 0%, #FFFFFF 100%);}


.tips-search-wrapper {position:relative;}
.tips-search-wrapper::after {content:"⌕"; position:absolute; right:18px; top:50%; transform:translateY(-50%); font-size:27px; line-height:1; color:#8b949e; pointer-events:none;}

.tips-search-wrapper .form-control::placeholder {color:#80909c;}
.tips-search-wrapper .form-control:focus {border-color:#00c8e8; background:#f2633421; box-shadow:0 0 0 3px rgba(0, 200, 232, 0.08);}
.tips-filter-group {position:relative;}
.tips-filter-group:not(:first-child) {flex:0 0 auto;}

/* .sort-dropdown:hover {border-color:#46515c; background:#1b2128;} */
.tips-filter-group.active .sort-dropdown {border-color:#00c8e8; background:#14252a; box-shadow:0 0 0 2px rgba(0, 200, 232, 0.08);}
/* .sort-dropdown::after {content:""; width:7px; height:7px; margin-left:auto; border-right:1.5px solid #8b949e; border-bottom:1.5px solid #8b949e; transform:rotate(45deg) translateY(-2px); transition:transform 0.25s ease;} */
.tips-filter-group.active .sort-dropdown::after {transform:rotate(225deg) translateY(-1px); border-color:#00d9f5;}

.tips-filter-group.active .sort-dropdown-menu {opacity:1; visibility:visible; transform:translateY(0) scale(1);}
.sort-dropdown-menu ul {list-style:none; padding:0; margin:0;}

.sort-dropdown-menu li:hover {color:#ffffff; background:#12343a; padding-left:15px;}
.sort-dropdown-menu li.selected {color:#00d9f5; background:rgba(0, 200, 232, 0.10); font-weight:600;}
.sort-dropdown-menu li.selected::after {content:"✓"; position:absolute; right:12px; color:#00d9f5; font-size:14px;}
.tips-filters {position:relative; z-index:2; padding:20px; border-radius:8px; width:100%;}
.tips-filters-row {display:flex; align-items:center; gap:14px;}
.tips-filter-group {position:relative;}
.tips-search-wrapper .form-control {height:42px; padding:0 16px; background:#f2633421; border:1px solid #f2633440; border-radius:5px; color:#000000; outline:none;}
.tips-search-wrapper .form-control::placeholder {color:#80909c;}
.sort-dropdown {min-width:213px; height:42px; padding:0 14px; display:flex; align-items:center; gap:8px; background:#f2633421; border:1px solid #f2633442; border-radius:5px; cursor:pointer; user-select:none; position:relative;}
.sort-trigger-label {color:#f26334; font-size:12px; text-transform:uppercase; letter-spacing:1px;}
.sort-trigger-text {color:#363e50; font-size:14px; font-weight:600;}
.sort-dropdown::after {content:""; width:10px; height:10px; margin-left:auto; border-right:2px solid #353f4d; border-bottom:2px solid #353f4d; transform:rotate(45deg); transition:0.25s ease;}
.tips-filter-group.active .sort-dropdown::after {transform:rotate(225deg); border-color:#00d9f5;}
.tips-filter-group.active .sort-dropdown {border-color:#00c8e8; background:#14252a;}
.sort-dropdown-menu {position:absolute; top:calc(100% + 8px); left:0; width:100%; min-width:213px; padding:6px; background:#1a2027; border:1px solid #303943; border-radius:12px; box-shadow:0 15px 35px rgba(0, 0, 0, 0.4); display:block; opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-8px); transition:opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease; z-index:9999;}
.tips-filter-group.active .sort-dropdown-menu {opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0);}
.sort-dropdown-menu ul {list-style:none; margin:0; padding:0;}
.sort-dropdown-menu li {position:relative; min-height:38px; padding:0 12px; display:flex; align-items:center; color:#aebbc7; font-size:13px; border-radius:8px; cursor:pointer; transition:0.18s ease;}
.sort-dropdown-menu li:hover {color:#fff; background:#12343a;}
.sort-dropdown-menu li.selected {color:#00d9f5; background:rgba(0, 200, 232, 0.1);}
.sort-dropdown-menu li.selected::after {content:"✓"; position:absolute; right:12px; color:#00d9f5;}
.tips-filter-group.active .sort-dropdown {background:#f26334;}
.active .sort-trigger-label {color:#ffffff;}
.active .sort-trigger-text {color:#ffffff;}
.tips-filter-group.active .sort-dropdown::after {border-color:#fff;}
.tips-filter-group.active .sort-dropdown {border-color:#363e50;}
.subp {font-weight:600; font-size:16px;}




.prompt-category-menu {width:340px !important; min-width:340px !important; padding:0 !important; background:#fdebe5; border:1px solid #fbc9b7; border-radius:14px; overflow:hidden; box-shadow:0 18px 45px rgba(0, 0, 0, 0.45), 0 5px 15px rgba(0, 0, 0, 0.25);}
.prompt-menu-header {min-height:50px; display:flex; align-items:center; justify-content:space-between; padding:9px 14px; background:#f06234;}
.menu-title {display:block; color:#ffffff; font-size:13px; font-weight:600;}
.menu-subtitle {display:block; margin-top:2px; color:#ffffffbd; font-size:11px;}
.prompt-count {min-width:25px; height:25px; display:flex; align-items:center; justify-content:center; color:#ffffff; background:rgb(255 255 255 / 8%); border:1px solid rgb(255 176 150 / 31%); border-radius:4px; font-size:11px; font-weight:600;}
.prompt-category-list {display:block; width:100%; max-height:470px; overflow-y:auto; padding:7px;}
.prompt-category-list::-webkit-scrollbar {width:5px;}
.prompt-category-list::-webkit-scrollbar-track {background:transparent;}
.prompt-category-list::-webkit-scrollbar-thumb {background:#3a444e; border-radius:10px;}
.prompt-category-list::-webkit-scrollbar-thumb:hover {background:#00bcd4;} 
.prompt-category-item {display:block; width:100%; margin-bottom:2px;}
.prompt-category-item:last-child {margin-bottom:0;}
.prompt-category-row {min-height:40px; display:flex; align-items:center; border:1px solid transparent; padding:0 7px; border-radius:5px; transition:background 0.2s ease;}
.prompt-category-row:hover {background:#f06234; border:1px solid #fbc9b7; border-radius:5px;}
.prompt-checkbox {position:relative; width:17px; height:17px; flex:0 0 17px; margin:0 10px 0 0; cursor:pointer;}
.prompt-checkbox input {position:absolute; width:1px; height:1px; opacity:0; cursor:pointer;}
.prompt-checkbox .checkmark {position:absolute; inset:0; width:17px; height:17px; background:#ffffff; border:1px solid #4a5661; border-radius:4px; transition:all 0.18s ease;}
.prompt-checkbox:hover .checkmark {border-color:#00bcd4;}
.prompt-checkbox input:checked + .checkmark {background:#f06234; border-color:#f06234; box-shadow:0 0 0 3px rgba(0, 188, 212, 0.08);}
.prompt-checkbox input:checked + .checkmark::after {content:""; position:absolute; width:4px; height:8px; left:5px; top:2px; border:solid #071316; border-width:0 2px 2px 0; transform:rotate(45deg);}
.prompt-category-name {flex:1; color:#363e50; font-size:13px; font-weight:500; line-height:1.3; cursor:pointer; transition:color 0.2s ease;}
.prompt-category-row:hover .prompt-category-name {color:#ffffff;}
.prompt-arrow {width:28px; height:28px; display:flex; align-items:center; justify-content:center; flex:0 0 28px; padding:0; margin-left:5px; color:#71808c; background:transparent; border:0; border-radius:6px; cursor:pointer; transition:color 0.2s ease, background 0.2s ease, transform 0.25s ease;}
.prompt-arrow:hover {color:#00d9f5; background:rgba(0, 217, 245, 0.08);}
.prompt-arrow svg {width:15px; height:15px; stroke-width:2;}
.prompt-category-item.open .prompt-arrow {color:#00d9f5; transform:rotate(90deg);}
.prompt-subcategory {display:none; margin:2px 0 5px 27px; padding:3px 0 3px 12px; border-left:1px solid #f062343d;}
.prompt-category-item.open > .prompt-subcategory {display:block;}
.prompt-subcategory label {min-height:33px; display:flex; align-items:center; padding:0 8px; color:#33404f; font-size:12px; border-radius:7px; cursor:pointer; transition:color 0.18s ease, background 0.18s ease;}
.prompt-subcategory label:hover {color:#f06234; background:rgb(240 98 52 / 15%); border:1px solid #f062344a; border-radius:5px;}
.prompt-subcategory .checkmark {position:relative; width:15px; height:15px; flex:0 0 15px; margin-right:9px; background:#ffffff; border:1px solid #f0623469; border-radius:4px;}
.prompt-subcategory input {position:absolute; width:1px; height:1px; opacity:0;}
.prompt-subcategory input:checked + .checkmark {background:#f06234; border-color:#f06234;}
.prompt-subcategory input:checked + .checkmark::after {border:solid #ffffff;}
.prompt-subcategory input:checked + .checkmark::after {content:""; position:absolute; width:4px; height:7px; left:4px; top:2px; border:solid #071316; border-width:0 2px 2px 0; transform:rotate(45deg);}



.Explore_Prompts {position:relative; overflow:hidden; border:1px solid #f2633442; padding:20px; border-radius:20px; background:#ffffff; height:100%; transition:all 0.35s ease; box-shadow:0 4px 20px rgba(242, 99, 52, 0.05);}
.Explore_Prompts:hover {transform:translateY(-4px); border-color:#f26334; cursor:pointer;}
.Explore_Prompts:hover::before {opacity:1;}
.Explore_Prompts .Explore_Prompts_title span {padding:5px 16px; border:1px solid #ffcfbe; display:inline-flex; align-items:center; border-radius:28px; font-size:14px; font-weight:600; background:#fdebe5; color:#f26334; margin-bottom:13px; transition:all 0.3s ease;}
.Explore_Prompts:hover .Explore_Prompts_title span {background:#f26334; border-color:#f26334; color:#ffffff;}
.Explore_Prompts h3 {font-size:19px; line-height:1.4; font-weight:700; color:#1f2937; margin-bottom:10px; transition:color 0.3s ease;}
.Explore_Prompts:hover h3 {color:#ea580c;}
.Explore_Prompts p {display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; font-size:14px; line-height:23px; color:#6b7280; margin-bottom:18px;}
.Explore_Prompts .btn-primary {padding:7px 20px; font-size:14px; font-weight:600; border-radius:8px !important; background:#f26334; border-color:#f26334; transition:all 0.3s ease;}
.Explore_Prompts .btn-primary:hover {background:#ea580c; border-color:#ea580c; transform:translateY(-2px); box-shadow:0 6px 15px rgba(242, 99, 52, 0.25);}
.Explore_Prompts .copybtn {width:38px; height:38px; border:1.5px solid #fed7aa; color:#ea580c; padding:0; border-radius:8px; background:#fff7ed; display:inline-flex; align-items:center; justify-content:center; transition:all 0.3s ease;}
.Explore_Prompts .copybtn:hover {background:#ea580c; border-color:#ea580c; color:#ffffff; box-shadow:0 6px 15px rgba(234, 88, 12, 0.25);}
.Explore_Prompts .copybtn svg {width:19px; height:19px;}
.modal-footer .CopyPt svg {width:20px; margin-right:3px;}

/* .Prompts_process_box {position:relative; height:100%; min-height:100%; padding:25px 15px 30px; background:#fff; border:1px solid #e5e7eb; border-radius:22px; text-align:center; overflow:visible; transition:all 0.3s ease;}
.Prompts_process_box:hover {transform:translateY(-3px); border-color:#363e50; box-shadow:rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.Prompts_process_box .process_number {position:absolute; top:20px; left:20px; width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#dddee1; font-size:30px; font-weight:700; transition:all 0.3s ease;}
.Prompts_process_box:hover .process_number {transform:scale(1.08);}
.Prompts_process_box .process_icon {width:70px; height:70px; margin:20px auto 25px; border-radius:6px; display:flex; align-items:center; justify-content:center; background:#363e502b; transition:all 0.3s ease;}
.Prompts_process_box .process_icon svg {width:38px; height:38px; stroke-width:1.8; color:#363e50;}
.Prompts_process_box:hover .process_icon {background:#363e50; transform:scale(1.05);}
.Prompts_process_box:hover .process_icon svg {color:#fff;}
.Prompts_process_box h3 {font-size:20px; font-weight:700; line-height:1.3; color:#1f2937; margin-bottom:12px;}
.Prompts_process_box .process_line {width:48px; height:3px; border-radius:18px; margin:0 auto 18px; background:#363e50; transition:width 0.3s ease;}
.Prompts_process_box:hover .process_line {width:70px;}
.Prompts_process_box p {font-size:15px; line-height:1.65; color:#6b7280; margin-bottom:20px;}
.Prompts_process_box .process_dots {position:absolute; bottom:18px; left:0; right:0; display:flex; justify-content:center; gap:7px;}
.Prompts_process_box .process_dots span {width:6px; height:6px; border-radius:50%; background:#363e50; opacity:0.5; transition:all 0.3s ease;}
.Prompts_process_box .process_dots span:nth-child(2) {opacity:1;}
.Prompts_process_box:hover .process_dots span {opacity:1; transform:scale(1.2);} */

.Prompts_process_box {
    position: relative;
    height: 100%;
    min-height: 100%;
    padding: 25px 15px 30px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 22px;
    text-align: center;
    overflow: visible;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.Prompts_process_box:hover {
    transform: none;
    border-color: #f26334;
    box-shadow: rgba(54, 62, 80, 0.12) 0px 12px 30px;
}
.Prompts_process_box .process_number {position:absolute; top:20px; left:20px; width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#dddee1; font-size:30px; font-weight:700; transition:all 0.3s ease;}
.Prompts_process_box:hover .process_number {transform:scale(1.08); color:#f26334;}
.Prompts_process_box .process_icon {width:70px; height:70px; margin:20px auto 25px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:#fff2e8; transition:all 0.3s ease;}
.Prompts_process_box .process_icon svg {width:38px; height:38px; stroke-width:1.8; color:#f26334;}
.Prompts_process_box:hover .process_icon {background:#f26334; transform:scale(1.08) rotate(-3deg);}
.Prompts_process_box:hover .process_icon svg {color:#fff;}
.Prompts_process_box h3 {font-size:20px; font-weight:700; line-height:1.3; color:#1f2937; margin-bottom:12px;}
.Prompts_process_box .process_line {width:48px; height:3px; border-radius:18px; margin:0 auto 18px; background:#f26334; transition:all 0.3s ease;}
.Prompts_process_box:hover .process_line {width:70px;}
.Prompts_process_box p {font-size:15px; line-height:1.65; color:#6b7280; margin-bottom:20px;}
.Prompts_process_box .process_dots {position:absolute; bottom:18px; left:0; right:0; display:flex; justify-content:center; gap:7px;}
.Prompts_process_box .process_dots span {width:6px; height:6px; border-radius:50%; background:#f26334; opacity:0.5; transition:all 0.3s ease;}
.Prompts_process_box .process_dots span:nth-child(2) {opacity:1;}
.Prompts_process_box:hover .process_dots span {opacity:1; transform:scale(1.2);}
.Prompts_process_box .process_arrow {position:absolute; right:-40px; top:50%; transform:translateY(-50%); width:50px; height:52px; z-index:5; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.Prompts_process_box .process_arrow::before {content:""; position:absolute; width:48px; height:48px; background:#fff; border:1px solid #e5e7eb; border-radius:50%; z-index:-1; transition:all 0.3s ease;}
.Prompts_process_box .process_arrow i {width:24px; height:24px; color:#f26334; transition:all 0.3s ease;}
.Prompts_process_box .process_arrow span {position:absolute; width:5px; height:5px; background:#f26334; border-radius:50%; opacity:0.35;}
.Prompts_process_box .process_arrow span:first-child {left:-4px;}
.Prompts_process_box .process_arrow span:last-child {right:-4px;}
.col-lg-3:last-child .Prompts_process_box .process_arrow {display:none;}

/* @media (max-width: 1199px) {
.Prompts_process_box .process_arrow {right:-36px; width:40px;}
.Prompts_process_box .process_arrow::before {width:42px; height:42px;}
}

@media (max-width: 991px) {
.Prompts_process_box .process_arrow {display:none;}
}

@media (max-width: 767px) {
.Prompts_process_box {min-height:auto;}
} */

/* Hover Effect */

.Prompts_process_box:hover .process_arrow::before {
    background: #f26334;
    border-color: #f26334;
    box-shadow: 0 6px 18px rgba(54, 62, 80, 0.25);
    transform: scale(1.08);
}

.Prompts_process_box:hover .process_arrow svg {
    color: #fff;
    /* transform: translateX(3px);  */
}

.Prompts_process_box:hover .process_arrow span {
    opacity: 1;
}








.inner_banner_span h1{font-size: 36px; margin-bottom: 20px;}
.inner_banner_span h1 span{font-size: 40px;}







@media (max-width: 767px) { 
.prompt-category-menu {width:100% !important; min-width:100% !important;}
.prompt-category-list {max-height:400px;}

.tips-filters .tips-filters-row{display: flex; flex-wrap: wrap;}
.tips-filters .tips-filters-row .tips-filter-group{width: 100%;}
.Prompts_process_box .process_arrow{display: none;}
}






.AI-PROMPTS_Inner .active{border: 1px solid #f26334 !important;} 
/* .AI-PROMPTS_Inner .prompt-card{background: #fffaf7 !important;} */

.AI-PROMPTS_Inner .active .copy-btn{background: #fff7f2 !important;}
.AI-PROMPTS_Inner .active {
    border-color: rgb(255 106 0) !important;
    box-shadow: 0 0 7px 0 rgb(0 0 0 / 10%); }


    .AI-PROMPTS_Inner .prompt-orange .prompt-icon {

    border: 1px solid #ea580c21;
}




.active>.page-link, .page-link.active{background: #f26334 !important; border-color:#f26334 ;}

.page-item .page-link:hover{background: #f26334; color: #fff;}

.page-link{color: #3e3e3e;}



@media (max-width: 425px) {
.inner_banner_span h1{font-size: 25px;}
.inner_banner{margin-bottom: 24px !important;}
.inner_banner{margin-bottom: 24px !important;}
.section_title_left h2{font-size: 24px;}
.section_title_left .subp {font-size: 14px;font-weight: normal;}
}