/*!
Theme Name: Protouch
Theme URI: https://www.protouchpro.com/
Author: Digital Hive
Author URI: https://digitalhive.in/
Description: Web Designing and SEO Services Company in Gurgaon India
Text Domain: protouch
*/


@import url('https://fonts.googleapis.com/css2?family=Alice&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


:root {
    --white: #ffffff;
    --black:#000000;
    --light-blue: #003068;
    --dark-blue: #3d537e;
    --heading-blue:#4054b2;
    --blue-grey:#eaf4fb;
    --orange:#f44009;
    --alice:"Alice", serif;
    --poppins:"Poppins", sans-serif;
    --noto-sans:"Noto Sans", sans-serif;
}

body{font-family:var(--poppins);font-size: 16px;margin: 0px;padding: 0px;color: var(--black);line-height: 28px;}

/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;height: 1px;width: 1px;
overflow: hidden;}
.screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;color: #21759b;display: block;font-size: 14px;font-size: 0.875rem;font-weight: bold;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000;}
#main {margin-top: 0;}
.container-fluid {padding: 0 50px;}
.dropdown-item.active, .dropdown-item:active {background-color: var(--light-blue);}
.heading{font-family:var(--alice);font-size: 42px;font-weight: 500;color:var(--heading-blue);text-transform: uppercase; margin: 0 0 16px;}
.sec-padding{padding:50px 0;}
a{color: var(--light-blue);}
a:hover{color: var(--dark-blue);}

.btn-outline-primary{ --bs-btn-color: var(--heading-blue); --bs-btn-border-color: var(--heading-blue);
 --bs-btn-hover-bg: var(--heading-blue); --bs-btn-hover-border-color: var(--heading-blue);  --bs-btn-active-bg: var(--heading-blue);  --bs-btn-active-border-color: var(--heading-blue); --bs-btn-disabled-color: var(--heading-blue);  --bs-btn-disabled-border-color: var(--heading-blue); box-shadow: none;border-radius: 0px; padding: 12px 30px;font-size: 14px;font-family: var(--noto-sans);}

.btn-primary {box-shadow: none;border-radius: 0px;padding: 12px 30px;font-size: 14px;font-family: var(--noto-sans);--bs-btn-bg: var(--light-blue);--bs-btn-active-bg: var(--light-blue);--bs-btn-border-color: var(--light-blue);--bs-btn-hover-bg: var(--heading-blue); --bs-btn-hover-border-color: var(--heading-blue);}

.btn-dark{box-shadow: none;border-radius: 0px;padding: 12px 30px;font-size: 14px;font-family: var(--noto-sans);background-image: none;}

/*********Header CSS***********/
.main-header{font-family: var(--noto-sans);background: var(--white) !important;box-shadow: 0 3px 6px rgb(0 0 0 / .05);}
.main-header .top-header{background: var(--light-blue);color: var(--white);padding: 12px 0;border-bottom-left-radius: 50px;}
.main-header .top-header ul.top-header-contact {list-style: none;margin: 0px;padding: 0px;display: flex;
gap: 10px;font-size: 14px;}
.main-header .top-header ul.top-header-contact li a{display: block;color: var(--white);}
.main-header .top-header ul.top-header-contact li a:hover{text-decoration: underline;opacity:0.9;}
.main-header .top-header ul.top-header-social{list-style: none;margin: 0px;padding: 0px;display: flex;
gap: 10px;font-size: 14px;justify-content: flex-end;}
.main-header .top-header ul.top-header-social li a{display: block;color: var(--white);}
.main-header .top-header ul.top-header-social li a:hover{text-decoration: underline;opacity:0.9;}

.main-header nav.navbar .navbar-brand img{height: auto;max-width: 75px;width: 100%;}
.main-header nav.navbar .navbar-nav li.menu-item a.nav-link{padding-left: 16px;padding-right: 16px;}
.main-header nav.navbar .navbar-nav li.button .nav-link{background:var(--light-blue);color: var(--white);}
.main-header nav.navbar .navbar-nav li.button .nav-link:hover{background:var(--dark-blue);}

.main-header nav.navbar .navbar-nav li.menu-item ul.dropdown-menu.show {border-radius: 0px;border: none;
box-shadow: none;--bs-dropdown-spacer: 1.8rem;width:300px;padding: 0;}
.main-header nav.navbar .navbar-nav li.menu-item ul.dropdown-menu li.menu-item .dropdown-item{white-space: normal;padding:8px 16px;}

/********Banner Slider*************/
.banner-slider-sec .home-bnr-slide{position: relative;}
.banner-slider-sec .home-bnr-slide .home-bnr-content{position: absolute;left: 0px;top: 0px;bottom: 0px;
width: 100%;display: flex;align-items: center;justify-content: center;padding: 50px;}
.banner-slider-sec .home-bnr-slide .home-bnr-content .banner-title{font-size: 52px;margin: 0px;font-weight: 800;}


/********Footer********/
footer#footer {background: var(--light-blue);color: var(--white);padding: 50px 0 0;font-size: 14px;font-weight: 300;}
footer#footer .footer-box h2, footer#footer .footer-box h3, footer#footer .footer-box h4, footer#footer .footer-box .widget-title{font-size: 18px;margin:0 0 15px;text-transform: uppercase;position: relative;}
footer#footer .footer-box h2::after, footer#footer .footer-box h3::after, footer#footer .footer-box h4::after, footer#footer .footer-box .widget-title::after{content:"";width:30px;height: 3px;margin-top:10px;
background: #0292d1;display: block;}

footer#footer .footer-box ul.menu{list-style: none;margin: 0 0 30px;padding: 0px;display: flex;flex-flow: column;}
footer#footer .footer-box ul.menu li{border-bottom: 1px dashed #165080;display: block;}
footer#footer .footer-box ul.menu li:last-child{border-bottom: none;}
footer#footer .footer-box ul.menu li a{display: block;color: #fff;padding:10px 0;}
footer#footer .footer-box ul.menu li a:hover{color: #fd5308;text-decoration: underline;}
footer#footer .footer-box iframe {width: 100%;height:300px;}
footer#footer .copyright {background: #165080;text-align: center;padding: 15px;}
footer#footer .footer-box p {margin-top: 0;}

footer#footer .footer-box ul.contactmenu{list-style: none;margin: 0 0 30px;padding: 0px;display: flex;flex-flow: column;}
footer#footer .footer-box ul.contactmenu li{border-bottom: 1px dashed #165080;display: block;padding:10px 0;}
footer#footer .footer-box ul.contactmenu li:last-child{border-bottom: none;}
footer#footer .footer-box ul.contactmenu li span{display: block;font-weight: 500;margin: 0 0 3px;} 
footer#footer .footer-box ul.contactmenu li a{color:var(--white);}
footer#footer .footer-box ul.contactmenu li a:hover{color: #fd5308;text-decoration: underline;}

/**********Home Page*****************/


.clientele-sec .clientele-box {width: 100%;overflow: hidden;border: solid 1px #ddd;min-height: 130px;max-height: 130px;margin: 15px 0;display: flex;align-items: center;justify-content: center;padding: 15px;    background: #fff;}
.clientele-sec .clientele-box img{max-width: 100%;max-height: 110px;width: auto;transition: transform 0.8s ease;}
.clientele-sec .clientele-box:hover img{transform: scale(1.2);}

.highlights-sec{background:var(--blue-grey);}



.card.ourstorycard{border-radius: 0px;overflow: hidden;margin: 30px 0 0;font-family: var(--noto-sans);text-align: center;border: none;box-shadow: 0 3px 6px rgb(0 0 0 / .05);border-bottom: 3px solid transparent;}
.card.ourstorycard .card-img-top {border-radius: 0px;overflow: hidden;}
.card.ourstorycard .card-img-top img{max-width: 100%;aspect-ratio: 3 / 2;object-fit: cover;width: 100%; transition: transform 0.4s ease;}
.card.ourstorycard .card-body .card-title{font-family: var(--alice);color: var(--heading-blue);font-size: 24px;text-align: center;margin:0;line-height: 1;}
.card.ourstorycard .card-body .card-text{margin: 16px 0 0;}
.card.ourstorycard:hover .card-img-top img{transform: scale(1.1);}
.card.ourstorycard:hover{border-bottom: 3px solid var(--light-blue);}


.serviceoffered-sec {background: var(--blue-grey);}
.card.serviceofferedcard{border-radius: 0px;border: none;margin: 15px 0 0;overflow: hidden;}
.card.serviceofferedcard .card-img-top img{width:100%;aspect-ratio:7 / 6;object-fit:cover;height:auto;}
.card.serviceofferedcard .card-body{padding-top: 30px;padding-bottom: 30px;}
.card.serviceofferedcard .card-body .card-title {font-family: var(--alice);color: var(--heading-blue);font-size: 24px;text-align: center;margin:0;line-height: 1;}
.card.serviceofferedcard .overlaysof{position: absolute;width: 100%;height: 100%;background:var(--light-blue);color: #fff;padding:30px;top:100%;left: 0;transition: top 0.8s ease;z-index: 2;font-family:var(--noto-sans);}
.card.serviceofferedcard:hover .overlaysof{top: 0;}
.card.serviceofferedcard .overlaysof h4{font-family:var(--alice);font-size:24px;margin:0 0 15px;line-height: 1;}
.card.serviceofferedcard .overlaysof h4::after{content: "";width:60px;height: 3px;margin-top: 10px;
background:var(--white);display: block;}
.card.serviceofferedcard .overlaysof ul.serviceofferedlist {list-style: none;margin: 0px;padding: 0px; display: flex;flex-flow: column;gap: 10px;}
.card.serviceofferedcard .overlaysof ul.serviceofferedlist li a{display: block;color: var(--white);}
.card.serviceofferedcard .overlaysof ul.serviceofferedlist li a:hover{color:var(--orange);text-decoration: underline;}



.accreditations-sec .heading{margin: 0px;}
.card.accreditationscard {border-radius: 0px;text-align: center;margin: 30px 0 0;border: none;box-shadow: 0 3px 6px rgb(0 0 0 / .05);}
.card.accreditationscard .card-body {padding: 30px 15px;font-size: 18px;}

.pressmedia-sec{background: var(--blue-grey);}
.card.pressmediacard {border-radius: 0px;border: none;margin: 15px 0;box-shadow: 0 3px 6px rgb(0 0 0 / .05);}
.card.pressmediacard .card-img-top{border-radius: 0px;overflow: hidden;}
.card.pressmediacard .card-img-top img {width: 100%;height: auto;aspect-ratio: 1 / 1;object-fit: cover; transition: transform 0.4s ease;}
.card.pressmediacard:hover .card-img-top img{transform: scale(1.1);}

.knowledgepartner-box {width: 100%;height: 140px;overflow: hidden;display: flex;align-items: center;justify-content: center;box-shadow: 0 3px 6px rgb(0 0 0 / .05);margin: 15px 0;border: solid 1px #fff;}
.knowledgepartner-box img {max-width: 100%;max-height: 120px;width: auto;}
.knowledgepartner-box:hover{border-top: 3px solid var(--light-blue);border-bottom: 3px solid var(--light-blue);}

.videogallery-sec{background: var(--blue-grey);}
.card.videogallerycard{border-radius: 0px;margin: 15px 0;border: none;overflow: hidden;}
.card.videogallerycard .card-img-top {border-radius: 0px;overflow: hidden;}
.card.videogallerycard .card-img-top img {width: 100%;object-fit: cover;height: auto;transition: transform 0.4s ease;}
.card.videogallerycard .card-body .card-title {font-family: var(--noto-sans);font-size: 16px;margin: 0;font-weight: normal;line-height: 28px;}
.card.videogallerycard:hover .card-img-top img{transform: scale(1.1);}
.card.videogallerycard .overlayvideo {position: absolute;top:120%;left: 0px;bottom: 0px;width: 100%; background:#00306894;display: flex;align-items: center;justify-content: center;text-align: center;
transition: top 0.8s ease;}
.card.videogallerycard .overlayvideo a{display: block;color: #FF0033;z-index: 999;font-size: 52px;}
.card.videogallerycard:hover .overlayvideo{top: 0px;}


.card.articlescard{border-radius: 0px;border: none;margin: 15px 0 15px;box-shadow: 0 3px 6px rgb(0 0 0 / .05);font-family: var(--noto-sans);}
.card.articlescard .card-img-top{border-radius: 0px;overflow: hidden;}
.card.articlescard .card-img-top img{width: 100%;aspect-ratio: 8 / 3;object-fit: cover;transition: transform 0.4s ease;}
.card.articlescard .card-body .card-title{font-size: 16px;margin: 0px;font-weight: normal;line-height: 28px;}
.card.articlescard:hover .card-img-top img{transform: scale(1.1);}

.photogallery-sec{background: var(--blue-grey);padding-bottom: 50px;}
.masonry-gallery {column-count: 4;column-gap:30px;}
.masonry-gallery .masonry-item{display: inline-block;width: 100%;margin-bottom:30px;break-inside: avoid; overflow: hidden}
.masonry-gallery .masonry-item img {width: 100%;height: auto;display: block;transition: transform 0.4s ease;}
.masonry-gallery .masonry-item:hover img{transform: scale(1.2);}


.appreciations-item {box-shadow: 0 3px 6px rgb(0 0 0 / .05);display: flex;justify-content: center;align-items: flex-start;margin: 15px 0;border: 3px solid transparent;}
.appreciations-item img{width: 100%;height: auto;aspect-ratio:4 / 3;object-fit: contain;}
.appreciations-item:hover{border-top: 3px solid var(--light-blue);border-bottom: 3px solid var(--light-blue);}

.contentimagessec.odd{background: var(--blue-grey);}
.contentimagessec .contentimagessec-image{text-align: center;}
.contentimagessec .contentimagessec-image img{max-width: 100%;height: auto;margin: 0 auto;}
.contentimagessec .contentimagessec-content ul, .contentimagessec .contentimagessec-content ol{display: flex;flex-flow: column;flex-wrap: wrap;gap:10px;padding: 0;}
.contentimagessec .contentimagessec-content ul li{position: relative;display: flex;}
.contentimagessec .contentimagessec-content ul li::before {content: "\f00c";font-family: "Font Awesome 7 Free";font-weight: 900;min-width: 25px;max-width: 25px;color: var(--light-blue);}
.contentimagessec .contentimagessec-content ul.secbuttonlist {flex-flow: row;list-style: none;margin:0; padding: 0px;gap: 15px;}
.contentimagessec .contentimagessec-content ul.secbuttonlist li::before{display: none;}


/************Inner Page***********/
.inner-page-header{background: var(--light-blue);color: var(--white);padding: 30px 0;}
.inner-page-header .page-title {font-size: 36px;margin: 0 0 16px;font-family: var(--noto-sans);}
.inner-page-header .breadcrumbs-sec{font-size: 14px;}
.inner-page-header .breadcrumbs-sec a{color:var(--white);}
.blog-post-list {display: flex;flex-flow: column;gap: 30px;}
.card.blogcard {border-radius: 0px;box-shadow: 0 3px 6px rgb(0 0 0 / .05);border: none;}
.card.blogcard .blogcard-image img {width: 100%;object-fit: cover;height: auto;aspect-ratio: 5 / 2;}
.card.blogcard .card-body .card-title {font-size: 20px;font-weight: 600;}
.card.blogcard .card-body .author-name {font-size: 16px;font-weight: 600;}
.pagination-wrap {margin: 50px 0 0;display: flex;align-items: center;justify-content: center;gap: 10px;}
.pagination-wrap .page-numbers {border: solid 1px var(--light-blue);color: var(--light-blue);padding: 4px 10px;font-size: 14px;}
.pagination-wrap .page-numbers:hover{background: var(--light-blue);color: var(--white);}
.pagination-wrap .page-numbers.current{background: var(--light-blue);color: var(--white);}

aside.sidebar{position: sticky;top: 180px;padding: 30px;box-shadow: 0 3px 6px rgb(0 0 0 / .05); background: var(--blue-grey);font-family: var(--noto-sans);}
aside.sidebar a.button {background: var(--light-blue);color: var(--white);display: flex;height: 60px;
align-items: center;justify-content: center;border-radius: 2px;font-size: 16px;}
aside.sidebar a.button:hover{background: var(--dark-blue);}
aside.sidebar .widget-title{font-size: 20px;text-transform: uppercase;margin: 30px 0 15px;}
aside.sidebar .widget-title::after{content: "";width: 30px;height: 3px;margin-top: 10px;background:var(--light-blue);display: block;}
aside.sidebar ul {list-style: none;margin: 0px;padding: 0px;display: flex;flex-flow: column;gap: 10px;}
aside.sidebar ul li a{color:var(--black);display: block;}
aside.sidebar ul li a:hover{color:var(--orange);text-decoration: underline;}

aside.sidebar form.search-form .input-group input.form-control {border-radius: 0px;height: 50px;box-shadow: none;border: none;}
aside.sidebar form.search-form .input-group button.btn.btn-secondary {border-radius: 0px;border: none;background: var(--light-blue);}

ul.blogpost-categories {list-style: none;margin: 0px 0 30px;padding:0 0 30px;display: flex;flex-wrap: wrap;
gap: 15px;font-family: var(--noto-sans);border-bottom: solid 1px #ddd;}
ul.blogpost-categories li a{display: block;}
ul.blogpost-categories li a {display: block;border: solid 1px var(--light-blue);padding: 6px 12px;}
ul.blogpost-categories li a:hover{background: var(--light-blue);color: var(--white);}
ul.blogpost-categories li.active a{background: var(--light-blue);color: var(--white);}


.single-post-page article .entry-header{position: relative;}
.single-post-page article .entry-header .posted-on {display: flex;flex-flow: column;align-items: center; justify-content: center;width:90px;background: var(--light-blue);color: #fff;position: absolute;top: 0;
left: 0px;}
.single-post-page article .entry-header .posted-on span {font-size: 18px;padding: 4px 0;font-weight: 200;}
.single-post-page article .entry-header .posted-on span.year {background: var(--dark-blue);display: block;
width: 100%;text-align: center;font-weight: 800;font-size: 24px;padding: 4px 0;}
.single-post-page article .entry-header .post-thumbnail{margin: 0 0 30px;}
.single-post-page article .entry-header .post-thumbnail img{width: 100%;height: auto;}
.single-post-page article .entry-header .entry-meta .author-box{display:flex;align-items:center;gap:15px; background: #f2f2f2;}
.single-post-page article .entry-header .entry-meta .author-box .author-image {max-width: 80px;min-width: 80px;}
.single-post-page article .entry-header .entry-meta .author-box .author-image img {width: 100%;height: auto;}
.single-post-page article .entry-header .entry-meta .author-box .author-content h4 {margin: 0px 0 5px;
font-size: 18px;}
.single-post-page article .entry-header .entry-meta .author-box .author-content p{margin: 0px;font-size: 14px;}
.single-post-page article .entry-content{margin: 30px 0;}
.single-post-page article .entry-content h1{font-size:32px;margin: 0 0 16px;}
.single-post-page article .entry-content h2{font-size: 28px;margin: 0 0 16px;}
.single-post-page article .entry-content h3{font-size: 24px;margin: 0 0 16px;}
.single-post-page article .entry-content h4{font-size: 22px;margin: 0 0 16px;}
.single-post-page article .entry-content dl, .single-post-page article .entry-content ol, .single-post-page article .entry-content ul{display: flex;flex-flow: column;gap: 10px;}
.single-post-page article .entry-content strong, .single-post-page article .entry-content b{font-weight:600;}

.single-post-page .comment-form .form-control {box-shadow: none;border-radius: 0px;}
.single-post-page .comment-form .comment-form-cookies-consent {font-size: 14px;}
.single-post-page #comments-title{margin: 0 0 16px;font-size: 28px;}



.card.ourteamcard{border-radius:0px;border: none;box-shadow:0 3px 6px rgb(0 0 0 / .05);margin:15px 0;}
.card.ourteamcard .card-img-top {border-radius: 0px;overflow: hidden;}
.card.ourteamcard .card-img-top img {height: auto;width: 100%;aspect-ratio: 1 / 1;object-fit: cover; transition: transform 0.4s ease;}
.card.ourteamcard:hover .card-img-top img{transform: scale(1.2);}
.card.ourteamcard .card-body {text-align: center;}
.card.ourteamcard .card-body a.btn.btn-primary {width: 100%;border: none;}


.sidebar-contact-form h2 {font-size: 28px;text-transform: uppercase;margin: 0 0 5px;font-family: var(--alice);}
.sidebar-contact-form span.req-symbol {color: var(--orange);}
.sidebar-contact-form form.wpcf7-form .form-control {border-radius: 0px;background:var(--white);box-shadow: none;margin: 0 0 15px;min-height: 48px;border:none;font-size: 14px;}
.sidebar-contact-form form.wpcf7-form textarea.form-control{height: 100px;}


.single-team-page{font-family: var(--noto-sans);}
.single-team-page header.single-team-member-header {display: flex;align-items: flex-start;gap: 30px;}
.single-team-page header.single-team-member-header .single-team-member-image {min-width: 250px;max-width: 250px;background: var(--dark-blue);padding: 2px;}
.single-team-page header.single-team-member-header .single-team-member-image img {width: 100%;object-fit: cover;aspect-ratio: 1 / 1;height: auto;}
.single-team-page header.single-team-member-header .single-team-member-info a{color:var(--black);}
.single-team-page header.single-team-member-header .single-team-member-info .team-member-name {font-size: 32px;font-weight: 700;margin: 0 0 5px;}
.single-team-page header.single-team-member-header .single-team-member-info .team-member-designation {font-size: 14px;margin: 0 0 10px;}
.single-team-page header.single-team-member-header .single-team-member-info .team-member-email {font-size: 14px;margin: 0 0 10px;}
.single-team-page header.single-team-member-header .single-team-member-info .team-member-phone{font-size: 14px;margin: 0 0 10px;}

ul.team-member-social {list-style: none;padding: 0;display: flex;gap: 0;border: 1px solid var(--black);
width: 100%;margin:15px 0 0;}
ul.team-member-social li{flex: 1;padding:0px;border-right: 1px solid var(--black);text-align: center;}
ul.team-member-social li:last-child{border: none;}
ul.team-member-social li a{padding:8px 10px;display: block;}
ul.team-member-social li a:hover{background: var(--light-blue);color:var(--white)!important;}

.single-team-page .single-team-member-content {margin: 30px 0 0;}

.single-team-page .single-team-member-content h1{font-size:32px;margin: 0 0 16px;}
.single-team-page .single-team-member-content h2{font-size: 28px;margin: 0 0 16px;}
.single-team-page .single-team-member-content h3{font-size: 24px;margin: 0 0 16px;}
.single-team-page .single-team-member-content h4{font-size: 22px;margin: 0 0 16px;}
.single-team-page .single-team-member-content dl, .single-team-page .single-team-member-content ol, .single-team-page .single-team-member-content ul{display: flex;flex-flow: column;gap: 10px;}
.single-team-page .single-team-member-content strong, .single-team-page .single-team-member-content b{font-weight:600;}


.card.ourcoursecard {border-radius: 0px;border: none;box-shadow: 0 3px 6px rgb(0 0 0 / .05);margin: 15px 0;}
.card.ourcoursecard .card-img-top {border-radius: 0px;overflow: hidden;border-bottom: solid 1px #00000025;}
.card.ourcoursecard .card-img-top img {height: auto;width: 100%;aspect-ratio: 1 / 1;object-fit: contain; transition: transform 0.4s ease;}
.card.ourcoursecard:hover .card-img-top img{transform: scale(1.2);}
.card.ourcoursecard .card-body .card-title {font-size: 18px;margin: 0 0 10px;font-weight: 500;}
.card.ourcoursecard .card-body .card-text {font-size: 14px;}
.card.ourcoursecard .card-body .card-text strong{font-weight: 500;}
.card.ourcoursecard .card-body .card-text.rating {color: var(--orange);font-size: 18px;display: flex;
align-items: center;gap: 5px;margin: 0 0 10px;}
.card.ourcoursecard .card-body .card-text.rating span {font-size: 14px;color: var(--black);}
.card.ourcoursecard .card-footer{background: #fff;border-radius: 0px !important;padding: 0 1rem 1rem 1rem; border: none;}
.card.ourcoursecard .card-footer form {display: flex;gap: 10px;}
.card.ourcoursecard .card-footer form .btn{flex: 1;}




.single-course-page .single-course-header figure.course-img {max-height:400px;width: 100%;background: var(--blue-grey);display: flex;align-items: center;justify-content: center;overflow: hidden;margin: 0 0 15px;}
.single-course-page .single-course-header figure.course-img img{max-height:400px;width: auto;}
.single-course-page .single-course-header .single-course-title {font-size: 36px;font-weight: 600;font-family: var(--noto-sans);margin:0 0 10px;}
.single-course-page .single-course-header .single-course-rating {color: var(--orange);font-size: 24px;}
.single-course-page .single-course-header ul.single-course-details {list-style: none;margin: 0px;padding: 0px;display: flex;flex-wrap: wrap;gap: 15px;}
.single-course-page .single-course-header ul.single-course-details li {box-shadow: 0 3px 6px rgb(0 0 0 / .05);padding: 0;display: flex;align-items:center;background:var(--blue-grey);gap: 15px;margin: 15px 0 15px;}
.single-course-page .single-course-header ul.single-course-details li i {font-size: 28px;width: 50px;
height: 100%;background: var(--light-blue);color: #fff;display: flex;align-items: center;justify-content: center;}
.single-course-page .single-course-header ul.single-course-details li span {padding:10px 15px 10px 0;}
.single-course-page .single-course-header ul.single-course-details li span label {display: block;font-size: 14px;margin: 0 0 5px;}
.single-course-page .single-course-header ul.single-course-details li span h5 {margin: 0px;font-weight: 600;
font-size: 18px;}

.single-course-page .single-course-content{margin: 30px 0 0;}
.single-course-page .single-course-content h1{font-size:32px;margin: 0 0 16px;}
.single-course-page .single-course-content h2{font-size: 28px;margin: 0 0 16px;}
.single-course-page .single-course-content h3{font-size: 24px;margin: 0 0 16px;}
.single-course-page .single-course-content h4{font-size: 22px;margin: 0 0 16px;}
.single-course-page .single-course-content dl, .single-course-page .single-course-content ol, .single-course-page .single-course-content ul{display: flex;flex-flow: column;gap: 10px;}
.single-course-page .single-course-content strong, .single-course-page .single-course-content b{font-weight:600;}

.checkout-page-sec .container {max-width: 600px;width: 100%;}
.checkout-page-sec #ccav-payment-form {background: var(--blue-grey);padding: 30px;}
.checkout-page-sec #ccav-payment-form .course_detail {display: flex;align-items: center;gap: 15px;background: var(--light-blue);color: #fff;margin: 0 0 30px;}
.checkout-page-sec #ccav-payment-form .course_detail figure.img-thumnail{min-width: 150px;max-width: 150px;    margin: 0;}
.checkout-page-sec #ccav-payment-form .course_detail a{color: #fff;font-size: 22px;} 
.checkout-page-sec #ccav-payment-form input.form-field {border: solid 1px #c1c0c0;width: 100%;margin: 0 0 15px;padding: 10px;font-size: 14px;}
.checkout-page-sec #ccav-payment-form button.btn-payment {box-shadow: none;border-radius: 0px;padding: 15px 30px;font-size: 16px;font-family: var(--noto-sans);background: var(--heading-blue);color: var(--white); border: none;}

.default-page-sec h1{font-size:28px;margin: 0 0 16px;}
.default-page-sec h2{font-size: 24px;margin: 0 0 16px;}
.default-page-sec h3{font-size: 22px;margin: 0 0 16px;}
.default-page-sec h4{font-size: 20px;margin: 0 0 16px;}
.default-page-sec dl, .default-page-sec ol, .default-page-sec ul{display: flex;flex-flow: column;gap: 10px;}
.default-page-sec strong, .default-page-sec b{font-weight:600;}
.owl-dots{display: flex;align-items: center;justify-content: center;gap: 5px;padding: 15px 0 0;}
.owl-dots button.owl-dot {width: 10px;height: 10px;display: block;border-radius: 50%;background: #ddd;}
.owl-dots button.owl-dot.active{background: var(--orange);}
.placement-page-sec .placement-page-form h3{font-size: 28px;text-transform: uppercase;margin: 0 0 5px;font-family: var(--alice);}
.placement-page-sec .placement-page-form form.wpcf7-form .form-control {border-radius: 0px;background:var(--white);box-shadow: none;margin: 0 0 15px;min-height: 48px;border:none;font-size: 14px;}
.placement-page-sec .placement-page-form form.wpcf7-form textarea.form-control{height: 100px;}
.placement-page-sec .careerslidersec .placement-box img {aspect-ratio: 1 / 1;object-fit: cover;}
.placement-page-sec .careerslidersec .industry-placement-box {box-shadow: 0 3px 6px rgb(0 0 0 / .05);display: flex;align-items: center;justify-content: center;margin: 10px 0;}
.placement-page-sec .careerslidersec .industry-placement-box img {object-fit: cover;width: auto;max-width: 100%;max-height: 130px;min-height: 130px;}


.careers-our-values-sec{background:var(--blue-grey);}
.card.ourvaluescard{border-radius:0px;align-items:center;justify-content:center;border:none;margin:15px 0;}
.card.ourvaluescard  .card-img-top {text-align: center;padding: 30px;border-radius: 0px;}
.card.ourvaluescard .card-img-top img {min-height: 90px;max-height: 90px;max-width: 100%;width: auto;}
.card.ourvaluescard .card-body {width: 100%;text-align: center;padding: 30px;}
.card.ourvaluescard .card-body .card-title {margin: 0px;font-size:18px;font-family: var(--noto-sans);}


.careers-left-right-layout.even{border-top: solid 1px #ddd;}
.careers-left-right-layout ul.left-right-layout-button {list-style: none;display: flex;margin: 0px;padding: 0px;gap: 15px;flex-wrap: wrap;}


.protouch-culture-sec{background: var(--blue-grey);}

.card.protouchculturecard {border-radius: 0px;margin: 15px 0;border: none;}
.card.protouchculturecard .card-img-top {border-radius: 0px;overflow: hidden;}
.card.protouchculturecard .card-img-top img {width: 100%;height: auto;object-fit: cover;aspect-ratio: 1 / 1; transition: transform 0.4s ease;}
.card.protouchculturecard:hover .card-img-top img{transform: scale(1.2);}
.card.protouchculturecard .card-body{padding: 30px;}
.card.protouchculturecard .card-body .card-title {margin: 0px;font-size: 18px;font-family: var(--noto-sans);}

.protouch-story-sec .card.videogallerycard{box-shadow: 0 3px 6px rgb(0 0 0 / .05);}
.careers-job-sec {border-top: solid 1px var(--blue-grey);}

.careers-job-sec .heading {margin: 0 0 30px;}
.careers-job-sec .job-list-box {display: flex;flex-flow: column;gap: 30px;}
.careers-job-sec .job-list-box a.job-list {display: flex;width: 100%;padding: 30px;border: solid 1px var(--light-blue);align-items: center;overflow: hidden;}
.careers-job-sec .job-list-box a.job-list p{margin: 0px;font-size: 14px;}
.careers-job-sec .job-list-box a.job-list .job-location {margin: 0 0 0 auto;}
.careers-job-sec .job-list-box a.job-list .job-info h5 {font-size: 24px;margin: 0 0 10px;}
.careers-job-sec .job-list-box a.job-list:hover{background: var(--light-blue);color: var(--white);}
.careers-banner{position: relative;width: 100%;height: 100vh;overflow: hidden;background: #000;}
.careers-banner iframe{position: absolute;top: 50%;left: 50%;width: 100vw;height: 56.25vw; /* 16:9 ratio */
min-width: 177.77vh;min-height: 100vh;transform: translate(-50%, -50%);pointer-events: none;}




.single-job-page header.job-entry-header {display: grid;gap: 1px;background: var(--light-blue);border: 1px solid var(--light-blue);grid-template-columns: repeat(2, 1fr);overflow: hidden;}
.single-job-page header.job-entry-header .job-entry-box {background:var(--white);padding: 30px 22px; transition: background 0.2s;}
.single-job-page header.job-entry-header .job-entry-box label {display: block;font-size: 18px;font-weight: 700;margin-bottom: 10px;}
.single-job-page header.job-entry-header .job-entry-box:first-child{background:var(--light-blue);color: #fff;}
.single-job-page header.job-entry-header .job-entry-box:last-child{background:var(--light-blue);color: #fff;}

.single-job-page .entry-content{margin: 30px 0 0;}
.single-job-page .entry-content h1{font-size:32px;margin: 0 0 16px;}
.single-job-page .entry-content h2{font-size: 28px;margin: 0 0 16px;}
.single-job-page .entry-content h3{font-size: 24px;margin: 0 0 16px;}
.single-job-page .entry-content h4{font-size: 22px;margin: 0 0 16px;}
.single-job-page .entry-content dl, .single-job-page .entry-content ol, .single-job-page .entry-content ul{display: flex;flex-flow: column;gap: 10px;}
.single-job-page .entry-content strong, .single-job-page .entry-content b{font-weight:600;}

.single-job-page .applyjobsidebar{padding: 30px;box-shadow: 0 3px 6px rgb(0 0 0 / .05);background: var(--blue-grey);font-family: var(--noto-sans);}
.single-job-page .applyjobsidebar h3 {font-size: 28px;text-transform: uppercase;margin: 0 0 5px;font-family: var(--alice);}
.single-job-page .applyjobsidebar form.wpcf7-form .form-control {border-radius: 0px;background: var(--white);
box-shadow: none;margin: 0 0 15px;min-height: 48px;border: none;font-size: 14px;}
.single-job-page .applyjobsidebar form.wpcf7-form .form-select {border-radius: 0px;background-color: var(--white);box-shadow: none;margin: 0 0 15px;min-height: 48px;border: none;font-size: 14px;}


.about-page-sec h3{font-size: 28px;margin:30px 0 16px;}
.about-page-sec h4{font-size: 24px;margin:30px 0 16px;}
.about-page-sec dl, .about-page-sec ol, .about-page-sec ul{display: flex;flex-flow: column;gap: 10px;}
.about-page-sec strong, .about-page-sec b{font-weight:600;}
.about-founder-sec{background: var(--blue-grey);}
.about-founder-sec .about-founder-photo img {width: 100%;height: auto;aspect-ratio: 1 / 1;object-fit: cover;}
.about-founder-sec .about-founder-content h5 {font-size: 20px;font-weight: 600;margin: 0 0 5px;}

.contact-page-sec .container {max-width:1000px;width: 100%;}

.contact-page-sec .contact-page-box {box-shadow: 0 3px 6px rgb(0 0 0 / .05);padding:30px;margin: 15px 0; background: #fff;}
.contact-page-sec .contact-page-box h5 {font-size: 20px;margin: 0 0 16px;font-weight: 600;position: relative;}
.contact-page-sec .contact-page-box h5::after{content: "";width: 30px;height: 3px;margin-top: 10px; background: #0292d1;display: block;}
.contact-page-sec .contact-page-box a{color:var(--black);}
.contact-page-sec .contact-page-box a:hover{color:var(--light-blue);}
.contact-page-sec .contact-page-box ul.social-links {list-style: none;margin: 0px;padding: 0px;display: flex;
gap: 10px;}
.contact-page-sec .contact-page-box ul.social-links li a{border: solid 1px var(--black);width:50px;
height: 35px;display: flex;align-items: center;justify-content: center;border-radius: 2px;}
.contact-page-sec .contact-page-box ul.social-links li a:hover{background: var(--light-blue);color: var(--white);border: solid 1px var(--light-blue);}


/************Services Coureses**********/
.services-page-sec-list section:nth-child(odd){background:var(--blue-grey);}

.banner-with-text-sec{background: var(--light-blue) !important;color: #fff;}
.banner-with-text-sec .banner-with-text-content .heading{color: var(--white);}
.banner-with-text-sec .banner-with-text-image .video-banner-wrapper{position:relative;cursor:pointer;}
.banner-with-text-sec .banner-with-text-image .video-banner-wrapper .play-button{ position:absolute; top:50%; left:50%;transform:translate(-50%,-50%);background: #00000025;width: 60px;height: 60px;border-radius: 50%; display: flex;align-items: center;justify-content: center;}
.banner-with-text-sec .banner-with-text-image .video-banner-wrapper .play-button svg{color:var(--white);height: 60px !important;width: 40px !important;}
.banner-with-text-sec .banner-with-text-image .video-banner-wrapper iframe{width: 100%; height: auto;    aspect-ratio: 16 / 9;}

.service-rating-box {display: flex;flex-flow: column;gap: 15px;align-items: center;text-align: center;}
.service-rating-box h4 {font-size: 24px;font-family: var(--alice);margin: 0px;min-height:60px;}
/*.service-rating-box span.ratingstar{display:flex;color:var(--orange);font-size:32px;line-height:1;align-items:center;margin: 0 0 15px;}
.service-rating-box span.ratingstar span{font-size: 16px;}*/

.service-rating-box .ratingstar{display:flex;align-items:center;font-size: 24px;}
.service-rating-box .ratingstar .star {position: relative;}
.service-rating-box .ratingstar .star > .fa-regular {color: #333;}
.service-rating-box .ratingstar .star-fill {position: absolute;top: 0;left: 0;overflow: hidden;white-space: nowrap;}
.service-rating-box .ratingstar .star-fill .fa-star {color:var(--orange);}
.service-rating-box .ratingstar .rating-number{margin-right:5px;}



.service-rating-box span.subheading {display: block;width: 100%;font-size: 16px;}



.service-rating-list-box{display: flex;flex-flow: column;gap: 15px;align-items: center;text-align: center;}
.service-rating-list-box .rating-list-heading{font-size:24px;font-family:var(--alice);margin:0px;min-height: 60px;} 
.service-rating-list-box .rating-list-content {display: flex;flex-flow: column;gap: 15px;align-items: center;text-align: center;    width: 100%;}
.service-rating-list-box .rating-list-content .review-icon{display: block;color: var(--orange);font-size: 32px;line-height: 1;align-items: center;font-weight: 700;margin: 0;}
.service-rating-list-box .rating-list-content .rating-list-subheading{display: block;width: 100%;font-size: 16px;font-weight: normal;}


.card.progobjcard {border-radius: 0px;box-shadow: 0 3px 6px rgb(0 0 0 / .05);margin: 15px 0;border: none;
text-align: center;border-top: 3px solid transparent;border-bottom: 3px solid transparent;}
.card.progobjcard .card-body{padding: 30px;}
.card.progobjcard .card-title {font-family: var(--alice);font-size: 24px;text-align: center;margin: 0;line-height: 1;}
.card.progobjcard .cardicon {display: flex;width: 100px;height: 100px;border: solid 1px var(--black);color: var(--black);align-items: center;justify-content: center;font-size: 42px;border-radius: 50%;margin: 0 auto 30px;}
.card.progobjcard:hover .cardicon{color: var(--light-blue);border: solid 1px var(--light-blue);}
.card.progobjcard:hover{border-top: 3px solid var(--light-blue);border-bottom: 3px solid var(--light-blue);}

.card.certificatecard{box-shadow: 0 3px 6px rgb(0 0 0 / .05);display: flex;justify-content: center;align-items: flex-start;margin: 15px 0;overflow: hidden;border-radius: 0px;border: none;background: var(--white); border-top: 3px solid transparent;border-bottom: 3px solid transparent;}
.card.certificatecard img{width: 100%;height: auto;transition: transform 0.4s ease;}
.card.certificatecard:hover img{transform: scale(1.2);}
.card.certificatecard:hover{border-top: 3px solid var(--light-blue);border-bottom: 3px solid var(--light-blue);}
.editorblock-sec p:last-child{margin: 0px;}

.card.testimonialcard{border-radius:0px;margin:15px 0;box-shadow:0 3px 6px rgb(0 0 0 / .05);border:none;}
.card.testimonialcard iframe {width: 100%;height: auto;aspect-ratio: 16 / 9;}
.card.testimonialcard .testi-author-info {display: flex;gap: 15px;margin: 30px 0 0;align-items: center;}
.card.testimonialcard .testi-author-info figure.autho-image {margin: 0;min-width:70px;max-width:70px;
border-radius: 50%;overflow: hidden;height:70px;}
.card.testimonialcard .testi-author-info figure.autho-image img {width: 100%;height: auto;aspect-ratio: 1 / 1;object-fit: cover;}
.card.testimonialcard .testi-author-info .author-name {font-size: 18px;font-weight: 600;margin: 0 0 5px;    text-transform: uppercase;}

.book-consulting-sec .timerhour {font-size: 52px;text-align: center;margin: 30px 0;color: var(--orange);font-weight: 700;font-family: var(--noto-sans);line-height: 1;}
.book-consulting-sec ul.consultingbutton {list-style: none;margin: 0px;padding: 0px;display: flex;
gap: 15px;align-items: center;justify-content: center;flex-wrap: wrap;}


.editorblock-sec b, .editorblock-sec strong{font-weight: 600;}
.editorblock-sec ul, .editorblock-sec ol{display: flex;flex-flow: column;gap: 10px;margin: 0px 0 16px; padding: 0px;flex-wrap:wrap;list-style: none;}
.editorblock-sec ul li{position: relative;display: flex;}
.editorblock-sec ul li::before {content: "\f00c";font-family: "Font Awesome 7 Free";font-weight: 900;min-width: 25px;max-width: 25px;color: var(--light-blue);}




.card.addprogramscard{border-radius: 0px;overflow: hidden;margin:15px 0 15px;font-family: var(--noto-sans);border: none;box-shadow: 0 3px 6px rgb(0 0 0 / .05);background:#f7fbff;border-bottom: 3px solid transparent;}
.card.addprogramscard .card-img-top {border-radius: 0px;overflow: hidden;}
.card.addprogramscard .card-img-top img{max-width: 100%;aspect-ratio: 3 / 2;object-fit: cover;width: 100%; transition: transform 0.4s ease;}
.card.addprogramscard .card-body .card-title{font-family: var(--alice);color: var(--heading-blue);font-size: 24px;margin:0px;line-height: 1;}
.card.addprogramscard .card-body .card-text{margin:16px 0 0;}
.card.addprogramscard:hover .card-img-top img{transform: scale(1.1);}
.card.addprogramscard .card-body .card-text ul {display: flex;flex-flow: column;gap: 10px;margin: 0px; padding: 0px;flex-wrap: wrap;list-style: none;}
.card.addprogramscard .card-body .card-text ul li{position: relative;display: flex;}
.card.addprogramscard .card-body .card-text ul li::before {content: "\f00c";font-family: "Font Awesome 7 Free";font-weight: 900;min-width: 25px;max-width: 25px;color: var(--light-blue);}
.card.addprogramscard:hover{border-bottom: 3px solid var(--light-blue);}
.service-accred-sec .card.accreditationscard .card-img-top img.img-fluid {aspect-ratio: 1 / 1;height: auto;min-height: 250px;}
.service-accred-sec .imgaspct .card.accreditationscard .card-img-top img.img-fluid{aspect-ratio:auto;}

.admission-open-notice-sec{padding-bottom: 50px;}
.admission-open-course .heading{font-size: 28px;}
.admission-open-course-batch{background:#f6f4f0;padding: 30px;margin: 0 0 30px; display: flex;align-items: flex-start;gap: 15px;}
.admission-open-course-batch .coursebatchicon{min-width: 100px;max-width: 100px;font-size: 72px;line-height: 1;color: var(--orange);}
.admission-open-course-batch .coursebatchdetails h1, .admission-open-course-batch .coursebatchdetails h1, .admission-open-course-batch .coursebatchdetails h3, .admission-open-course-batch .coursebatchdetails h4 {font-size: 24px;margin: 0 0 16px;}
.admission-open-course-batch .coursebatchdetails .badge{font-weight: 500;}
.admission-open-course-batch .coursebatchdetails ul.coursebatchbutton {list-style: none;margin: 30px 0 0;
padding: 0px;display: flex;gap: 15px;flex-wrap: wrap;}

.addslider-sec .addsliderservice-box {margin: 15px 0;}

.card.courseachmntcard{border-radius: 0px;box-shadow: 0 3px 6px rgb(0 0 0 / .05);margin: 15px 0;border: none;
text-align: center;}
.card.courseachmntcard .card-body{padding: 30px;}
.card.courseachmntcard .card-title {font-family: var(--alice);font-size: 24px;text-align: center;margin: 0;line-height: 1;}
.card.courseachmntcard .card-img-top {display: flex;width: 100%;padding: 30px;align-items: center;justify-content: center;}
.card.courseachmntcard .card-img-top img {min-height: 100px;max-height: 100px;width: auto;max-width: 100%;}





.card.suggestedcoursecard{border-radius:0px;border:none;box-shadow:0 3px 6px rgb(0 0 0 / .05);margin:15px 0;}
.card.suggestedcoursecard .card-img-top {border-radius: 0px;overflow: hidden;}
.card.suggestedcoursecard .card-img-top img {height: auto;width: 100%;transition: transform 0.4s ease;}
.card.suggestedcoursecard:hover .card-img-top img{transform: scale(1.2);}
.card.suggestedcoursecard .card-body .card-title {font-size: 18px;margin: 0 0 10px;font-weight: 500;}
.card.suggestedcoursecard .card-footer{background: #fff;border-radius: 0px !important;padding: 0 1rem 1rem 1rem; border: none;}
.card.suggestedcoursecard .card-footer {display: flex;gap: 10px;}
.card.suggestedcoursecard .card-footer .btn{flex: 1;}

.faqs-sec .container{max-width: 1200px;width: 100%;}

.accordion{margin:30px 0 0;background: transparent;}
.accordion .accordion-item {background-color: transparent;}
.accordion .accordion-item .accordion-body {padding: 15px 0;}
.accordion button.accordion-button {background:transparent;box-shadow: none;font-weight:500;font-size: 18px;min-height: 70px;padding: 0;}

.modal .modal-dialog .modal-content {border-radius: 0px;border: none;}
.modal .modal-dialog .modal-content .modal-title {font-size: 24px;}
.modal-popup-form .form-control {border-radius: 0px;background: var(--white);box-shadow: none;margin: 0 0 15px;min-height: 48px;border: solid 1px #dee2e6;font-size: 14px;}
.modal-popup-form .form-select{border-radius: 0px;background-color: var(--white);box-shadow: none;margin: 0 0 15px;min-height: 48px;border: solid 1px #dee2e6;font-size: 14px;}
.modal-popup-form form.wpcf7-form br{display:none;}


.service-floating-btn{position: fixed;right: 0px;top: 40%;display: flex;flex-flow: column;gap:6px;z-index: 999;opacity: 0;}
.service-floating-btn .btn-primary {padding:6px 12px;}


.animated-heading-sec .animated-heading-text {display: inline-block;position: relative;overflow: hidden;vertical-align: bottom;}
.animated-heading-sec .heading-word-slider {display: inline-block;white-space: nowrap;transform: translateY(0);text-align: left;}



.card.industrycard {border-radius: 0px;border: none;box-shadow: 0 3px 6px rgb(0 0 0 / .05);margin: 30px 0 0; transition: transform 0.3s ease, box-shadow 0.3s ease;}
.card.industrycard .industrynumber {color: var(--orange);display: block;font-weight: 800;margin: 0 0 5px;}
.card.industrycard .card-title{font-family: var(--alice);font-size: 24px;margin: 0 0 15px;line-height: 1;}
.card.industrycard ul.industrytag{list-style: none;margin: 0px;padding: 0px;display: flex;gap: 10px;}
.card.industrycard ul.industrytag li {background: var(--blue-grey);border: solid 1px #eee;padding: 0 8px; font-size: 14px;margin: 0 0 10px;}
.card.industrycard a.card-link {font-weight: 600;display: block;margin: 5px 0 0;}
.card.industrycard:hover {transform: translateY(-8px);box-shadow: 0 12px 25px rgb(0 0 0 / .12);}
.card.industrycard:hover a.card-link {color: var(--orange);}



.card.roadmapcard{border-radius: 10px;overflow: hidden;border: none;margin: 30px 0 0;}
.card.roadmapcard .card-body {position: absolute;color: #fff;top: 0px;left: 0px;bottom: 0px;width: 100%; display: flex;flex-flow: column;justify-content: flex-end;background: #00000080;}
.card.roadmapcard .card-body .card-title {font-family: var(--alice);font-size: 24px;margin: 0 0 15px;}
.card.roadmapcard img.card-img-top {aspect-ratio: 2 / 4;object-position: center;object-fit: cover;transition: transform 0.6s ease;}
.card.roadmapcard:hover img.card-img-top {transform: scale(1.1);}




.comparison {position: relative;width: 100%;height: 500px;overflow: hidden;border-radius: 20px;cursor: ew-resize;user-select: none;margin: 30px 0 0;}
.comparison .before {position: absolute;inset: 0;width: 100%;height: 100%;background: #1c1c1c;color: #fff;
display: flex;align-items: center;justify-content: center;}
.comparison .after-wrapper {position: absolute;top: 0;left: 0;width: 50%;height: 100%;overflow: hidden;z-index: 2;}
.comparison .after-wrapper .after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #1d5fa7;color: #fff;display: flex;align-items: center;justify-content: center;}
.comparison .content {padding: 40px;text-align: center;max-width: 600px;width: 100%;box-sizing: border-box;}
.comparison .divider {position: absolute;top: 0;bottom: 0;left: 50%;width: 2px;background: #fff;z-index: 10;
transform: translateX(-50%);}
.comparison .handle {position: absolute;top: 50%;left: 50%;width: 50px;height: 50px;background: #fff;color: #111;border-radius: 50%;transform: translate(-50%, -50%);display: flex;align-items: center;justify-content: center;font-size: 20px;font-weight: 600;box-shadow: 0 4px 15px rgba(0,0,0,0.2);cursor: ew-resize;}
.slider-area {position: relative;width: 100%;height: 6px;margin-top: 20px;background: #ddd; border-radius: 10px;cursor: ew-resize;}
.slider-progress {position: absolute; top: 0; left: 0;width: 50%;height: 100%;background: #1d5fa7;border-radius: 10px;}
.slider-dot {position: absolute;top: 50%;left: 50%;width: 16px;height: 16px;background: #fff;
border: 2px solid #1d5fa7;border-radius: 50%;transform: translate(-50%, -50%);box-shadow: 0 2px 8px rgba(0,0,0,0.15);}




.training-plan-section .accordion{display: flex;gap: 15px;}
.training-plan-section .accordion .accordion-item {flex: 1;transition: flex .55s ease;border-radius: 0px;
border: none;background: #ebebeb;padding:15px;}
.training-plan-section .accordion .accordion-item.active{flex:7;}
.training-plan-section .accordion button.accordion-button{min-height: auto;flex-flow: column;align-items: flex-start;}
.training-plan-section .accordion button.accordion-button::after{position: absolute;right:0px;top:5px;}
.training-plan-section .accordion button.accordion-button span.training-plan-number {color: var(--orange);font-weight: 700;display: block;}
.training-plan-section .accordion button.accordion-button span.training-plan-title {writing-mode: vertical-rl;text-orientation: mixed;font-size: 24px;margin: 30px 0 0 0;}
.training-plan-section .accordion .accordion-item.active button.accordion-button span.training-plan-title {display: none;}
.training-plan-section .accordion .accordion-item .accordion-body h3 {font-family: var(--alice);font-size: 32px;font-weight: 500;margin: 0 0 16px;}



.galleryslider-container {max-width:1000px;width: 100%;margin: 30px auto 0;}
.galleryslideitem {position: relative;overflow: hidden;border-radius: 10px;transition: transform 0.6s ease, opacity 0.6s ease;opacity: 0.6;}
.galleryslideitem img {display: block;width: 100%;aspect-ratio: 2 / 3;object-fit: cover;object-position: center;transition: transform 0.6s ease;}
.galleryslideitem .galleryslideitemcontent {position: absolute;top: 0;bottom: 0;left: 0;width: 100%;padding: 15px;display: flex;justify-content: flex-start;align-items: flex-end;color: #fff;background: #00000030;}
.galleryslideitem .galleryslideitemcontent h5 {font-weight: normal;font-size: 18px;margin: 0;}
.galleryslider .owl-item.active.center .galleryslideitem {transform: scale(1) rotate(0deg);opacity: 1;}
.galleryslider .owl-item.tilt-left .galleryslideitem {transform: scale(0.80) rotate(-7deg);}
.galleryslider .owl-item.tilt-right .galleryslideitem {transform: scale(0.80) rotate(7deg);}
.galleryslideitem:hover img{transform:scale(1.1);}
.galleryslider .owl-nav button.owl-prev {position: absolute;top: 45%;left: -10px;width: 30px;height: 30px;
font-size: 32px;}
.galleryslider .owl-nav button.owl-next {position: absolute;top: 45%;right: -10px;width: 30px;height: 30px;
font-size: 32px;}











/*********RESPONSIVE CSS*************/

@media only screen and (max-width:1600px) {
body {font-size:14px;}
.navbar-nav li.menu-item ul.dropdown-menu li.menu-item .dropdown-item {padding: 6px 16px;font-size: 14px;}   .heading {font-size: 36px;} 
.card.ourstorycard .card-body .card-title {font-size: 22px;} 
.card.accreditationscard .card-body {font-size: 16px;} 
.service-rating-list-box .rating-list-heading {font-size: 20px;} 
.card.serviceofferedcard .card-body .card-title{font-size: 22px;} 
.card.videogallerycard .card-body .card-title{font-size: 14px;} 
.card.articlescard .card-body .card-title {font-size: 14px;}   
.card.serviceofferedcard .overlaysof h4{font-size: 22px;}
.card.progobjcard .card-title{font-size: 22px;}
.card.addprogramscard .card-body .card-title {font-size: 22px;} 
.admission-open-course-batch .coursebatchdetails h1, .admission-open-course-batch .coursebatchdetails h1, .admission-open-course-batch .coursebatchdetails h3, .admission-open-course-batch .coursebatchdetails h4 {
    font-size: 22px;}    
.card.testimonialcard .testi-author-info .author-name {font-size: 16px;}    
.accordion button.accordion-button {font-size: 16px;}    
footer#footer .footer-box h2, footer#footer .footer-box h3, footer#footer .footer-box h4, footer#footer .footer-box .widget-title {font-size: 16px;}  
footer#footer {font-size: 12px;}    
.card.industrycard .card-title {font-size: 22px;} 
.card.roadmapcard .card-body .card-title{font-size: 22px;}
.training-plan-section .accordion .accordion-item .accordion-body h3 {font-size: 28px;}  
.training-plan-section .accordion button.accordion-button span.training-plan-title{font-size: 22px;}   
.galleryslideitem .galleryslideitemcontent h5 {font-size: 16px;}    
.service-rating-box h4 {font-size: 20px;}    
    
}


@media only screen and (max-width:1366px) {
.container-fluid{padding: 0 30px;} 
.container{padding: 0 30px;}      
.main-header nav.navbar .navbar-nav li.menu-item a.nav-link{padding-left: 10px;padding-right: 10px;}    
     
}


@media only screen and (max-width:1199px) {
.main-header nav.navbar button.navbar-toggler{border-radius:0px;padding:0px;box-shadow:none;border:none;}
.main-header nav.navbar button.navbar-toggler .navbar-toggler-icon{height: 2em;width: 2em;}
.main-header nav.navbar .navbar-nav{text-align: center;max-height: 70vh;overflow-x: hidden;}    
.main-header nav.navbar .navbar-nav li.menu-item a.nav-link {padding-left: 0;padding-right: 0;font-size: 16px;}       
.main-header nav.navbar .navbar-nav li.menu-item ul.dropdown-menu.show{text-align: center;--bs-dropdown-spacer: auto;width: 100%;font-size: 15px;}  
.heading {font-size:36px;}    
    
.protouch-course-roadmap .row .col{-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;width: 25%;}   
 
}




@media only screen and (max-width:991px) {
.heading {font-size:34px;}     
.service-rating-box h4 {min-height: auto;}
.service-rating-box {margin: 0 0 15px;}    
.banner-with-text-sec .banner-with-text-content{margin: 30px 0 0;}    
.banner-with-text-sec.sec-padding {padding: 30px 0;}  
.contentimagessec .contentimagessec-image {text-align: center;margin: 0 0 30px;} 
.inner-page-header .page-title {font-size: 34px;}    
.about-founder-sec .about-founder-photo{margin: 0 0 30px;}
aside.sidebar{margin: 30px 0 0;} 
.single-job-page .applyjobsidebar {margin: 30px 0 0;}   
.careers-left-right-layout .left-right-layout-image {margin: 0 0 30px;}    
.protouch-course-roadmap .row .col{width:33.33333333%;}     
    
}





@media only screen and (max-width:767px) {
.container-fluid {padding: 0 20px;} 
.container {padding: 0 20px;}    
.main-header .top-header ul.top-header-contact li a span {display: none;}
.main-header nav.navbar .navbar-brand img{max-width:65px;}
.main-header .top-header {padding: 6px 0;}
.heading {font-size:32px;}

.highlights-sec .row .col, .service-rating-highlights .row .col{-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;width: 50%;}  
.service-rating-list-box{margin: 15px 0 15px;}    
.service-rating-list-box .rating-list-heading {font-size:18px;min-height:48px;}    
.masonry-gallery {column-count: 3;column-gap: 15px;}
.masonry-gallery .masonry-item {margin-bottom: 15px;} 
.banner-with-text-sec.sec-padding {padding:20px 0;}      
.book-consulting-sec .timerhour {font-size:42px;}    
.inner-page-header .page-title {font-size: 32px;}  
    
.card.blogcard .row.g-0 .col-4, .card.blogcard .row.g-0 .col-8 {width: 100%;}    
.protouch-course-roadmap .row .col{width:50%;}  
.card.roadmapcard img.card-img-top {aspect-ratio: 2 / 3;}   
.admission-open-course .heading {font-size:22px;}     
}





@media only screen and (max-width:575px) {
.main-header nav.navbar .navbar-brand img{max-width:55px;}
.main-header nav.navbar button.navbar-toggler .navbar-toggler-icon {height: 1.5em;width: 1.5em;}
.heading {font-size:24px;}    
.clientele-sec .clientele-box{min-height: 100px;max-height: 100px;}    
.clientele-sec .clientele-box img {max-height: 80px;}    
.knowledgepartner-box {height: 100px;}
.knowledgepartner-box img {max-height: 100px;}
.masonry-gallery {column-count: 2;column-gap: 15px;}
.masonry-gallery .masonry-item {margin-bottom: 15px;}    
    
.admission-open-course-batch {flex-flow: column;padding: 15px;}    
.admission-open-course-batch .coursebatchdetails h1, .admission-open-course-batch .coursebatchdetails h1, .admission-open-course-batch .coursebatchdetails h3, .admission-open-course-batch .coursebatchdetails h4 {
    font-size:18px;}
.admission-open-course .heading {font-size: 24px;}    
.book-consulting-sec .timerhour {font-size: 32px;}   
.page-banner-slider-sec img {min-height: 160px;object-fit: cover;object-position: left;}
.inner-page-header .page-title {font-size:28px;}   
.contact-page-sec .contact-page-box {padding: 15px;}    
aside.sidebar {padding: 15px;} 
.btn-primary {padding: 10px 15px;}    
.btn-outline-primary {padding: 10px 15px;} 
.btn-dark{padding: 10px 15px;}
ul.blogpost-categories{gap: 10px;}    
ul.blogpost-categories li a {padding: 6px 10px;font-size: 14px;}    
.single-post-page article .entry-content h1{font-size:28px;}
.single-post-page article .entry-content h2{font-size: 24px;}
.single-post-page article .entry-content h3{font-size: 22px;}
.single-post-page article .entry-content h4{font-size: 20px;}    
.careers-job-sec .job-list-box a.job-list {padding: 15px;flex-flow: column;}    
.single-job-page header.job-entry-header {grid-template-columns: repeat(1, 1fr);}    
.single-job-page header.job-entry-header .job-entry-box{padding: 15px;} 
.protouch-course-roadmap .row .col{width:100%;}    
.card.accreditationscard .card-body {font-size: 14px;} 
.admission-open-course .heading {font-size: 18px;}    
}