@import 'header.css';
@import 'footer.css';

html { scroll-behavior: smooth; }
body {font-family: 'Poppins', sans-serif !important; font-weight: 400;}
/*body {font-family: 'Rubik', sans-serif !important; font-weight: 400;}*/

/* Banner */
.carousel-bakpos { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.banner-hding { font-size: 26px; line-height: 34px;  font-weight: 600; color: #000;  margin-bottom: 0; ; display: block; }
.banner-subhding { font-size: 24px;  font-weight: 300; color: #000; padding-top: 50px; margin: 0; line-height: 55px;  display: block; position: relative;}
.banner-subhding:after {content: '';  right: 0; width: 100px; height: 1px; background: #000;}
.banner-btn { font-size: 13px;  font-weight: 400; border:1px solid #000e7d; color: #000e7d; padding:7px 20px; text-align: center; display: table; margin:20px 0 0; border-radius: 40px; transition: all 0.3s ease-in-out;}
.banner-btn:hover { background: #000e7d; color:#fff; text-decoration: none; transition: all 0.3s ease-in-out; }
.bannerlist { margin:0; padding: 0; display: flex; }
.bannerlist li { list-style: none; color: #fff; font-size: 16px; border-right: 1px solid #fff; padding: 5px 10px; line-height: 0;  }
.bannerlist li a { text-decoration: none; color: #fff; font-size: 16px;  }
.bannerlist li:first-child { padding-left:0; }
.bannerlist li:last-child { border-right: none; }
.banner-logo { margin-top:10px; margin-right: 15px; margin-bottom:10px; }

.banner-slider .carousel-control-prev, .banner-slider .carousel-control-next {width: 10% !important; }
.banner-slider .carousel-control-prev-icon, .banner-slider .carousel-control-next-icon {filter: drop-shadow(2px 4px 6px black);}
.banner-bg {background: #f7f7f7; padding:40px 0;}


.box-shadow {background: #fff; border-radius: 10px; box-shadow: 0px 1px 16px 0px rgba(193, 193, 193, 0.35); -webkit-box-shadow: 0px 1px 16px 0px rgba(193, 193, 193, 0.35); -moz-box-shadow: 0px 1px 16px 0px rgba(193, 193, 193, 0.35); -o-box-shadow: 0px 1px 16px 0px rgba(193, 193, 193, 0.35); position: relative; margin-bottom: 30px; padding:20px;}
.ullist {margin: 0 0 0 0px; padding: 0 0 0 0;}
.ullist li {list-style: none; font-size: 13px; padding-left: 0px; margin-bottom: 10px; position: relative; display: flex; gap:15px;}
/*.ullist li:before {content: ''; width: 15px; height: 15px; position: absolute; top: 3px; left: 0; background: url(../images/check-icon.png) no-repeat;}*/
.ullist li > div {position: relative; top:3px; color:#000e7d;}
.ullist li a {color: #1f1f1f;}
.ullist li a > div {color:#000e7d; margin-right: 7px;}


/*wraper */
.lightxt { color:#999; }
.lightbg { background-color: #f7f7f7;  }
.pading-py50 { padding: 50px 0; } 
.pading-pt50 { padding-top: 50px; }
.pading-pb50 { padding-bottom: 50px; }
.wrap-hding { font-size: 24px; line-height: 36px; color: #000;  font-weight: 600;  padding-top: 5px; margin: 0; }
.wrap-title { font-size: 20px; color: #000;  font-weight: 500; padding-top: 0px; margin:0; }
.wrap-subhding { font-size: 16px; color: #000; font-weight: 500; margin:0; padding-top: 10px; padding-bottom: 15px; }
.wrap-prgh { font-size: 14px; /*color:#6b6b6b;*/ color: #1f1f1f; margin-bottom: 10px; }
.home-abouthding { font-size: 36px; color: #000;  font-weight: 800; padding-bottom: 10px; margin-bottom: 15px; position: relative;}
.home-abouthding:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100px; height: 2px; background:#000e7d;  }
.readmore { color:#000e7d; font-weight: 600; }
.wrap-unlinehding { font-size: 30px; color: #000;  font-weight: 600; padding-bottom: 10px; margin-bottom: 15px; position: relative;}
.wrap-unlinehding:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100px; height: 2px; background:#000e7d;  }

.wrap-btn {border-radius: 40px; background: #000e7d; color: #fff; text-align: center; display: inline-block; padding: 7px 20px; font-size: 12px; }
.wrap-btn:hover {text-decoration: none; color: #fff;}
.wrap-btn-outline {border-radius: 40px; background:#fff; border:1px solid #000e7d; color: #000e7d; text-align: center; display: inline-block; padding: 7px 20px; font-size: 12px; }
.wrap-btn-outline:hover {text-decoration: none; color: #fff; background: #000e7d;}
.enquire-btn { font-size: 13px;  font-weight: 400; background: #000e7d; color: #fff; padding:7px 15px; text-align: center; display: table; margin:0px 0 0; border-radius: 4px; transition: all 0.3s ease-in-out;}
.enquire-btn:hover { background: #bf6515; color:#fff; text-decoration: none; transition: all 0.3s ease-in-out; }


/* call to action */
.callaction_box {
    border: 1px solid #1f1f1f;
    padding: 20px 0;
    margin: 0px 0 30px;
}
.contact_list {
    margin: 0;
    border: 1px solid #ccc;
    padding: 17px 0 43px;
}
.contact_list li {
    list-style: none;
    float: left;
    font-weight: 500;
    font-size: 18px;
    padding: 0 20px;
    color: #333;
}
.contact_list li span {
    border: 1px solid #000;
    margin-right: 15px;
    padding: 3px 8px;
    border-radius: 50%;
}
.contact_list li a { color:#1f1f1f; }
.contact_list li a:hover { text-decoration: none; }
.contact_list li:first-child span { padding: 3px 10px; }
.contaclist_btn {
    font-weight: 500;
    font-size: 20px;
    padding: 16px 20px;
    color: #fff;
    background: #000e7d;
    text-align: center;
    display: block;
}
.contaclist_btn:hover { text-decoration: none; color: #fff; }

/* Testimonial */
.testimonial-prgh { text-align: center; display: block; font-size:14px; line-height: 24px; color:#1f1f1f; }
.tesimonial-username { font-weight: 600; text-align: center; font-size: 14px; display: block; color:#191919; }

.testimonial-slide .carousel-control-prev, .testimonial-slide .carousel-control-next {color:#000!important;}
.testimonial-slide .carousel-control-prev span, .testimonial-slide .carousel-control-next span { background: #000; }
.testimonial-indicators { position: inherit !important; margin-right: auto !important; margin-left: auto !important; }
.testimonial-indicators li { background-color: #000 !important; }
/* Breadcrump strip */
/*.breadcrump-bg { background: url(../images/breadcrumb.jpg) no-repeat center; padding: 10px 0; min-height: 258px; }*/
.breadcrump-bg { background: #f7f7f7; padding: 10px 0; }
.breadcrump-hding {  font-size:14px; color:#222; display: block; padding:12px 0; text-transform: uppercase; font-weight: 500; margin-bottom: 0;}
.breadcrump-list {margin: 15px auto; padding: 0; display: flex;  flex-wrap: wrap;}
.breadcrump-list li { list-style: none; color: #000 ;font-size:13px; font-weight: 400; text-align: left; margin-bottom: 0; }
.breadcrump-list li i { font-size: 14px;  position: relative; top:0px; padding: 0 7px 0 5px; }
.breadcrump-list li > span {margin-right: 10px;}
.breadcrump-list li a { color:#000e7d; text-decoration: none; }
.breadcrump-list li a:hover { color:#ffafaf; text-decoration: none; }
.breadcrump-bg-twowheeler { background: url(../images/two-wheeler-project-breadcrumb-bg.jpg) no-repeat center; padding: 10px 0; min-height: 258px; }
.breadcrump-bg-fourwheeler { background: url(../images/four-wheeler-project-breadcrumb-bg.jpg) no-repeat center; padding: 10px 0; min-height: 258px; }

/* Breadcrumb 2 */
.automationbgimg{background-color: #f9f9f9; padding: 40px 0px 35px 0px; }
.autometion_slider{width: 121%; height: auto; background-color: #000e7d; cursor: pointer; padding: 50px 30px; border-radius: 0px 200px 200px 0px; border-right: 5px solid #fff; z-index: 99; position: relative; }
.autometion_slider h3{color: #fff; font-size: 40px; font-weight: 700; }
.autometion_slider h3 span{font-weight: 300; }
.autometion_slider::after{content: ''; position: absolute; width: 70px; top: 100px; left: 30px; height: 3px; background-color: #fff; transition: width 0.3s ease-out; -webkit-transition: width 0.3s ease-out; -moz-transition: width 0.3s ease-out; -o-transition: width 0.3s ease-out; }
.autometion_slider:hover:after{width: 150px; }
.autometion_slider p{color: #fff; font-weight: 300; padding-top: 5px; }
.img_right { height:225px; overflow:hidden; }
.img_right > img {width: 100%; height: 100%; object-fit: cover;}


/*  carousel button */
.owl-carousel .owl-nav { position: absolute; top: 30%; right: 0; left: 0;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { display: flex; outline: none; color: #fff; background: #000e7d !important; border-radius: 50%; border:1px solid #000e7d !important;   font-size: 50px; position: absolute; bottom: 0px; top:-14px; width:40px; height: 40px; justify-content: center; align-items: center;  }
.owl-carousel .owl-nav button.owl-next > span, .owl-carousel .owl-nav button.owl-prev > span { outline: none; display: block; color:#fff; padding: 0px 15px;  font-size: 30px;  border-radius: 50%; transform: translate(0, -1px);  }
.owl-carousel .owl-nav button.owl-next { right:0px; }
.owl-carousel .owl-nav button.owl-prev {  left: 0px; }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: block!important; }

#top-cities.owl-carousel .owl-nav button.owl-next, #top-cities.owl-carousel .owl-nav button.owl-prev {display: none !important;}
img.cities-icon {width:80px !important; height: 80px !important; margin:auto; }
.city-name {font-size:15px; font-weight: 600; color:#000; text-align: center; display: block; padding-top: 8px;}


/* footer top */
.ftr-topbg { background: #fff; padding:50px 0; }
.ftr-tophding {font-size: 48px; font-weight: 700; color: #000e7d; display: block;}
.ftr-tophding:hover {text-decoration: none; color: #000e7d;}

/* Tab */
.nav-tabs { margin-top:15px; border:1px solid #c2c9ff !important; background: #dce0ff; border-radius: 40px;}
.nav-tabs li { !important; color: #000;  font-size: 14px; flex-grow: 1; border-radius: 40px;}
.nav-tabs .nav-link {margin: 0px; padding: 0.5rem 25px !important;  border-radius: 40px !important; text-align: center;}
.nav-tabs .nav-link.active {background-color: #000e7d !important; color: #fff !important;}

.postdate {margin: 0; padding: 0px;}
.postdate li {list-style: none; margin-right: 15px; font-size:13px;}
.postdate li i {font-size:12px; margin-left: 10px;}

ol {margin:0px 0 0 25px; padding:0px;}
ol li {font-size:13px; margin-bottom: 5px;}
.filter-sidebar {position: sticky; top:0; }
.sidebar-scrollbar { height: 150px; overflow: auto; padding-right: 10px;}
.sidebar-filter-list {margin:0; padding:0;}
.sidebar-filter-list li {list-style: none; margin-bottom: 10px;}
.sidebar-filter-list li .sidebar-filter-checkbox {margin-right:10px; position: relative; top:1px;}
.sidebar-filter-list li > label {font-size:13px; margin:0; cursor: pointer;}
.sidebar-filter-clear-btn {background: none; border: none; font-size: 13px; margin-left: auto;}
.sidebar-filter-clear-btn:focus {outline: none; border:none;}

.sidebar-filter-search {border-radius: 30px; border:1px solid #ddd; padding:10px 40px 10px 20px; font-size: 13px; margin:15px 0; width: 100%;}
.filter-search-btn {position: absolute; background: none; border:none; outline: none; right:15px; top:25px; font-size: 13px; color:#999;}
.filter-search-btn:focus {border: none; outline: none; box-shadow: none;}

::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px #ccc;
    border-radius: 20px;
}
::-webkit-scrollbar-thumb {
  background-color: #000e7d ;
  border-radius: 20px;
}

.sidebar-list-box {background: #fff; border:1px solid #999; border-radius: 10px; margin-bottom: 20px;}
.sidebar-list-box:hover {box-shadow: 0px 1px 16px 0px rgb(66 65 65 / 35%); border:1px solid #ddd;}
.college-img {border-radius: 10px; overflow:hidden; height:140px; }
.college-img > img {width: 100%; height: 100%; object-fit: contain; border-radius: 10px; }
.sidebar-content-detail {padding:15px 20px 5px 10px;}
.college-hding {font-size:18px; font-weight: 700; margin-bottom: 0;}
.college-location {font-size:12px; color:#999; margin: 0; padding-bottom:5px;   }
.college-location > i {margin-right: 5px;}
.clg-border {border-right: 1px solid #ddd;}
.clg-content-list {margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
.clg-content-list li {width: 45%; list-style: none; font-size: 12px; margin-bottom: 7px; color:#333;}
.clg-content-list li > i {width: 16px; margin-right: 5px;}

.table thead tr th, .table tbody tr td {font-size:13px;}
.border-design {border:1px solid #000; padding:20px; border-radius: 10px; margin-bottom: 20px;}

.form-lbl {font-size:11px; font-weight: 600; display: block;}
.abstract {color:#ff3300;}
.form-field {width: 100%; border-radius: 4px; padding:10px 15px; font-size: 12px; border:1px solid #999;}

.sidebar-bloglist {margin: 0px; padding: 0px; display: flex; flex-direction: column;}
.sidebar-bloglist li {list-style: none; margin-bottom: 15px;}
.sidebar-bloglist li a {display: flex;}
.sidebar-bloglist li a:hover {text-decoration: none;}
.sidebar-bloglist li a .sidebar_blogimg {width: 38px; height: 38px; border-radius: 4px; object-fit: cover;}
.sidebar-bloglist li a .sidebar_content {margin-left: 15px;}
.sidebar-bloglist li a .sidebar_content_hding {font-size:13px; font-weight: 600; color:#000; margin-bottom: 0; padding: 0;}
.sidebar-bloglist li a .sidebar_content_prgh {font-size:11px; font-weight: 400; color:#999; margin-bottom: 0; padding: 0;}
.sidebar-bloglist li a:hover .sidebar_content_hding {color:#000e7d;}

.feature-img {width: 50px; height: 50px; border-radius: 50%; border:1px solid #ddd; object-fit: contain; margin-right: 10px; box-shadow: 0px 0px 12px #ccc;}

.hover-effect {transition: ease-in-out 0.3s;}
.hover-effect:hover {transform: scale(1.1); transition: ease-in-out 0.3s;}
a:hover {text-decoration: none !important;}
.exams-img {height: 80px; margin:0 auto 10px; display: table;}


.blog-box { border-radius:10px; border:1px solid #ddd; transition: ease-in-out 0.3s; margin-bottom:20px; }
.blog-box:hover {box-shadow: 10px 10px 20px #ccc; transform: scale(1.03); transition: ease-in-out 0.3s;}
.blog-imgarea {height: 200px; overflow: hidden; width: 100%;}
.blog-imgarea > img {width: 100%; height: 100%; object-fit: cover; border-radius: 10px 10px 0 0; transition: ease-in-out 0.3s;}
.blog-imgarea:hover > img{transform: scale(1.1); transition: ease-in-out 0.3s;}
.blog-textarea {padding:20px;}

nav > .flex-1 {display:none;} 
nav .hidden svg{width:20px;}
nav .hidden .leading-5 {font-size:13px;}


.tab-content .tab-pane .box-shadow p { font-size: 14px; color: #1f1f1f; margin-bottom: 10px; }
.tab-content .tab-pane .box-shadow ul {margin: 0 0 0 0px; padding: 0 0 0 0;}
.tab-content .tab-pane .box-shadow ul li {list-style: none; font-size: 13px; padding-left: 0px; margin-bottom: 10px; position: relative; display: flex; gap:15px;}
.tab-content .tab-pane .box-shadow ul li > i {position: relative; top:3px; color:#000e7d;}
.tab-content .tab-pane .box-shadow ul li a {color: #1f1f1f;}
.tab-content .tab-pane .box-shadow ul li a > i {color:#000e7d; margin-right: 7px;}
.tab-content .tab-pane .box-shadow table {border: 1px solid #dee2e6; width: 100%; margin-bottom: 1rem; color: #212529; border-collapse: collapse;}
.tab-content .tab-pane .box-shadow table thead th, .tab-content .tab-pane .box-shadow table thead td {background-color: #bee5eb; border-color: #86cfda;  vertical-align: bottom; border-bottom: 2px solid #dee2e6; border-bottom-width: 2px; }
.tab-content .tab-pane .box-shadow tbody tr:nth-of-type(odd) {background-color: rgba(0, 0, 0, 0.05); }
.tab-content .tab-pane .box-shadow thead tr th, .tab-content .tab-pane .box-shadow tbody tr td {font-size: 13px; padding: 0.75rem; border: 1px solid #dee2e6;}
.tab-content .tab-pane .box-shadow h2 {font-size: 20px; color: #000; font-weight: 700; padding-top: 0px; margin: 0;}
.tab-content .tab-pane .box-shadow h3 {font-size: 18px; color: #000; font-weight: 700; padding-top: 0px; margin: 0 0 8px; color:#007bff;}
.tab-content .tab-pane .box-shadow h4 {font-size: 16px; color: #000; font-weight: 500; margin:0; padding-top: 10px; padding-bottom: 15px; }
.tab-content .tab-pane .box-shadow div:has(table) {border: 1px solid #000; padding: 20px; border-radius: 10px; margin-bottom: 20px;}

@media only screen and (max-width:1199px){
    .main-timeline5 .timeline{margin-top:-103px}
    .main-timeline5 .timeline-content:before{left:-18%}
    .main-timeline5 .timeline:nth-child(2n) .timeline-content:before{right:-18%}
}
@media only screen and (max-width:990px){
    .main-timeline5 .timeline{margin-top:-127px}
    .main-timeline5 .timeline-content:before{left:-2%}
    .main-timeline5 .timeline:nth-child(2n) .timeline-content:before{right:-2%}
}
@media only screen and (max-width:767px){
    .main-timeline5 .timeline{margin-top:0;overflow:hidden}
    .main-timeline5 .timeline:before,.main-timeline5 .timeline:nth-child(2n):before{box-shadow:none}
    .main-timeline5 .timeline-icon,.main-timeline5 .timeline:nth-child(2n) .timeline-icon{margin-top:-30px;margin-bottom:20px;position:relative;transform:rotate(135deg)}
    .main-timeline5 .timeline:nth-child(2n) .year,.main-timeline5 .year{transform:rotate(-135deg)}
    .main-timeline5 .timeline-content,.main-timeline5 .timeline:nth-child(2n) .timeline-content{width:100%;float:none;border-radius:0 0 20px 20px;text-align:center;padding:25px 20px;margin:0 auto}
    .main-timeline5 .timeline-content:before,.main-timeline5 .timeline:nth-child(2n) .timeline-content:before{width:15px;height:25px;position:absolute;top:-22px;left:50%;z-index:-1;transform:translate(-50%,0)}
}
@media only screen and (min-width:1200px){
    .timeline-mt2 {margin-top: -107px !important;}
    .timeline-mt3 {margin-top: -71px !important;}
    .timeline-mt4 {margin-top: -23px !important;}
}
@media only screen and (max-width: 384px) {
    .autometion_slider::after{display: none;}
}    
@media only screen and (max-width: 416px) {
    .autometion_slider::after{width: 70px;top: 120px;}
    .autometion_slider {border-radius: 0px;}
    .automtion_padd_media::after{top: 70px;}
}
@media only screen and (max-width:767px) {
	.banner-hding { font-size:15px; padding-top:8px; line-height: 18px; }
	.banner-subhding { font-size: 15px; padding-top: 15px; line-height: 20px; margin-bottom: 0; }
	.banner-readmore { font-size: 12px; padding: 3px 10px; margin-top:5px; }
    .banner-btn {margin: 15px 0 0}
    .banner-slider img {height: 235px; object-fit: cover;}
	.wrap-hding { font-size: 18px; line-height:24px; }
    .wrap-prgh {font-size: 13px;}
	.pading-pb50 { padding-bottom: 30px; }
	.home-abouthding { font-size: 26px; padding-top: 15px; }
	.paralax-subhding { font-size: 20px; padding-top:50px; }
	.paralax-hding { font-size: 30px; line-height: 48px; padding-bottom: 50px; }	
	.testimonial-indicators li {  width: 50px !important; height: 2px !important; }
	.cntmsg_hding {padding: 30px 0px 30px 0px; font-size: 22px;}
	.cntgifhding { font-size:20px; }
	.cntaddres { margin-bottom: 0; }
	.filter-button { margin-bottom: 15px; }
    .eventdate { width: 100px; }
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { top:25px; }
	.product-modalhding { font-size: 16px; }
    .whatsappchat { font-size: 13px; margin-right: 0; padding: 8px; }
    .modalenquir { font-size: 13px; margin-right: 0; padding: 8px; margin-bottom: 15px; }
    .whatsappchat-fix { font-size: 28px; bottom: 0; right: 0; }
    .product-modallist li { font-size: 14px; }
    .aboutushding { font-size: 24px; padding-top:30px; }
    .aboutus-bg { padding:0 0 20px; }
    .mtm-bg { margin-top: 0; }
    .rugcol-bg { padding: 0; }
    .autometion_slider{width:100%;padding: 20px 30px;border-radius: 0px 0px; border-right: none;}
    .heading_right img{margin-top: 20px;display: none;}
    .autometion_slider::after{width: 70px;top: 70px;}
    .img_right {height: auto;}
    .product-card { padding: 30px 30px 30px 30px; min-height: auto;}
    .card-title {font-size: 14px;}
    .card-prgh {margin: 0 0 15px;}
    .card-hding {font-size: 18px; line-height: 25px;}
    .product-card-bg1 {background-size: 47%; background-position: 115% 128%;}
    .product-card-bg2 {background-size: 43%; background-position: 100% 128%;}
    .product-category-hding {font-size: 22px;}
    .ftr-topbg {padding: 0 0 40px;}
    .ftr-tophding {font-size: 26px;}
    .autometion_slider h3 {font-size: 26px;}
    .autometion_slider p {font-size: 14px;}
    .cntfrm {margin: 30px 0 50px;}
    .box-shadow {margin-bottom: 5px;}
    .clg-border {border:none;}
    .sidebar-content-detail {padding:15px 20px 5px 20px;}
    .exams-img {height: 50px;}
}

@media only screen and (max-width:768px) {
    
}

@media only screen and (max-width: 991px) {
    .breadcrump-list { padding-left: 0; }
    .picmrgin-minus {margin-top:0px;}
    .contact_list li:first-child span { padding: 4px 10px; }
    .contact_list li:last-child span { padding: 4px 8px; }
    .contaclist_btn {
    font-weight: 700;
    font-size: 16px;
    padding: 8px 20px;
    border-radius: 4px;
    margin-top:15px;
    }
    .contact_list {
    padding: 17px 0 15px;
    }
    .contact_list li:first-child {
    margin-bottom: 15px;
    }
    .contact_list li {
    font-size: 14px;
    float: none;
    }
}