@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
*{margin: 0;padding: 0;}
html,body,nav,header,footer,main,hgroup,h1,h2,h3,h4,h5,h6,span,strong,p,ol,ul,aside,figure,figcaption{margin:0;padding: 0;}
body{overflow-x: hidden;background: #fff;font-family: 'Roboto', sans-serif;font-weight: 400;}
ol,ul,li{list-style:none;}
a{text-decoration:none !important;outline:none;}
a:focus{border:none;}
a img{border:none;}
img{width: 100%;}
.clear{clear:both;}
.header{width: 100%;margin: 0;padding: 12px 0;position: relative;border-bottom: 4px solid #ffffff;background: #ffffff;}
.header::before{content: '';position: absolute;left: 0;top: 0;width: 25%;height: 100%;background: #fff;}
.header::after{content: '';display: table;clear: both;}
.header .container{position: relative;z-index: 1;}
.header .logo{width: 100px;float: left;}
.header .logo img{width: 100%;}
.header .content{width: calc(100% - 200px);float: left;}
.header .info{display: inline-block;float: right;}
.header .info ul{}
.header .info ul li{display: inline-block;float: left;margin-right: 15px;}
.header .info ul li a{display: inline-block;font-size: 20px;line-height: 50px;color: #000000;font-weight: 400;position: relative;padding-left: 35px;}
.header .info ul li:first-child a::after{content: '\f2b7';position: absolute;top: 0;left: 0;font-size: 24px;line-height: 50px;color: #000000;font-family: 'FontAwesome';}
.header .info ul li:nth-child(2) a::after{content: '\f095';position: absolute;top: 0;left: 0;font-size: 24px;line-height: 50px;color: #000000;font-family: 'FontAwesome';}
.header .info ul li:last-child a::after{content: '\f232';position: absolute;top: 0;left: 0;font-size: 24px;line-height: 50px;color: #000000;font-family: 'FontAwesome';}
.banner{width: 100%;margin: 0;padding: 0;position: relative;}
.banner .absoluteposition{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.banner .absoluteposition .container{position: relative;height: 100%;}
.banner .figcaption{display: inline-block;width: 450px;max-width: 100%;position: absolute;top: 50%;left:0; transform: translate(0,-50%);padding:10px 15px;border-left: 5px solid #000000;background: #ffffff;}
.banner .figcaption h1{display: block;font-size: 40px;line-height: 40px;color: #fff;font-weight:700;text-transform: uppercase;}
.formbg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.formbg .container{position: relative;height: 100%;}
.contactform{width: 400px;z-index:999;max-width: 100%;position: absolute;right: 0;top: 70px;background: rgba(255,255,255,0.7);box-sizing: border-box;padding: 15px 0px;border-bottom: 4px solid #F73061;}
.formbg .title{display: block;text-align: center;font-size: 24px;line-height: 28px;color: #000;margin-bottom: 25px;font-weight: 500;}
.contactform form{box-sizing: border-box;padding: 0 15px;}
.contactform input[type="text"],.contactform input[type="email"]{border-radius: 4px; display: block;width: 100%;margin: 0 0 12px;padding: 0 15px;box-sizing: border-box;background: #fff;border: 1px solid #ddd;text-shadow: none;font-size: 14px;line-height: 52px;color: #3d3d3d;}
.contactform select{border-radius: 4px;display: block;width: 100%;margin: 0 0 15px;padding: 0 15px;box-sizing: border-box;background: #fff;border: 1px solid #ddd;text-shadow: none;font-size: 14px;line-height: 52px;color: #3d3d3d;height: 52px;}
.contactform input[type="submit"]{border-radius: 4px;display: block;width: 100%;margin: 0 0 15px;padding: 0 15px;box-sizing: border-box;background: #F73061;border:none;text-shadow: none;font-size: 17px;line-height: 45px;color: #fff;}
.contactform input[type="submit"]:hover{background: #223C75;color: #fff;transition: all 0.3s eas-in-out;}
.sectiontop{width: 100%;margin: 0;padding: 60px 0 0;overflow: hidden;}
.sectiontop .figure{width: 100%;margin: 0;padding: 0;position: relative;}
.sectiontop .figure::after{content: '';display: table;clear: both;}
.box{position: absolute;
    right: -70px;bottom: 0%;transform: translate(0,-0%);
    width: calc(100% - 230px);
    background: #fff;
    padding: 10px;
    z-index: 1;}
.box .inner {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    background: #fff;
    border: 8px solid #223C75;
    padding: 18px 20px;
}
.box .inner .icon-box .icon {
    position: absolute;
    width: 171px;
    height: 171px;
    background: #edf6ff;
    border-radius: 50%;
}
.box .inner .icon-box .icon-1 {
    left: -20px;
    bottom: -20px;
}
.box .inner .icon-box .icon-2 {
    right: -90px;
    top: -135px;
}
.box .inner span {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #222;
    text-transform: uppercase;
    margin-bottom: 24px;
}
.box .inner h4 {
    position: relative;
    display: block;
    font-size: 80px;
    line-height: 70px;
    font-weight: 700;
    margin-bottom: 0px;
}
.box .inner h4 {
    color: #F73061;
}
.box .inner p {
    font-size: 15px;
    font-weight: 400;
    color: #222;position: relative;
}
.sectiontop .caption{width: 100%;margin: 0;padding: 0;box-sizing: border-box;padding-left: 65px;}
.sectiontop .caption .smallcaps{display: block;font-size: 16px;line-height: 24px;margin-bottom: 15px;color: #000;}
.sectiontop .caption .heading{display: block;font-size: 30px;line-height: 36px;margin-bottom: 15px;padding-bottom: 15px;text-transform: uppercase;color: #000;font-weight: 700;position: relative;}
.sectiontop .caption .heading::after{content: '';position: absolute;left: 0;bottom: 0;width: 60px;height:7px;background: url(../images/line.jpg);}
.sectiontop .caption p{display: block;font-size: 16px;line-height: 24px;color: #555;margin-bottom: 15px;}
.sectiontop .caption p strong{font-weight: 400;font-size: 24px;line-height: 34px;}
.aboutus{width: 100%;margin: 0;padding: 25px 0;overflow: hidden;background: #F5F5F5;position: relative;}
.aboutus ul{margin: 0;padding: 0;}
.aboutus ul li{position: relative;display: block;border-right: 1px solid #ddd;text-align: center;width: 25%;float: left;box-sizing: border-box;padding:40px 25px;}
.aboutus ul li:last-child{border-right: 0;}
.aboutus ul li .fontbold{display: block;font-size: 40px;line-height: 40px;color: #F73061;font-weight: 700;}
.aboutus ul li h5{display: block;font-size: 18px;font-weight: 500;color: #000;margin: 15px 0;}
.aboutus ul li p{display: block;font-size: 16px;font-weight: 400;color: #3d3d3d;margin: 0px 0;}
.aboutus ul li.active{background: #F73061;position: relative;z-index: 2;}
.aboutus ul li.active .fontbold,.aboutus ul li.active h5,.aboutus ul li.active p{color: #fff;}
.aboutus .container{position: relative;overflow: hidden;}
.aboutus .container::after{content: '';position: absolute;top: 15px;left: 0;width: 100%;height: 1px;background: #ddd;}
.aboutus .container::before{content: '';position: absolute;bottom: 15px;left: 0;width: 100%;height: 1px;background: #ddd;}
.aboutus .heading{display: block;font-size: 30px;line-height: 36px;margin-bottom: 15px;padding-bottom: 15px;text-transform: uppercase;color: #000;font-weight: 700;position: relative;text-align: center;}
.whychooseus{width: 100%;margin: 0;padding: 60px 0;overflow: hidden;}
.whychooseus ul{}
.whychooseus ul li{display: block;font-size:17px;line-height: 25px;margin-bottom: 8px;box-sizing: border-box;width: 100%;padding-left: 35px;position: relative;color: #000;}
.whychooseus ul li::after{content: '';position: absolute;top: 0;left: 0;width: 24px;height: 25px;background: url(../images/bullet.png);}
.whychooseus .heading{display: block;font-size: 30px;line-height: 36px;margin-bottom: 15px;padding-bottom: 15px;text-transform: uppercase;color: #000;font-weight: 700;position: relative;}
.whychooseus .heading::after{content: '';position: absolute;left: 0;bottom: 0;width: 60px;height:7px;background: url(../images/line.jpg);}
.whychooseus p{display: block;font-size: 16px;font-weight: 400;color: #555;margin-bottom: 15px;}
.subheading {
    font-size: 10px; /* Decreased font size */
    font-weight: normal; /* Ensure the text is not bold */
    color: #d51e26; /* Change text color */
    margin-top: 30px; /* Space above the subheading */
    margin-bottom: 10px; /* Space below the subheading */
    position: relative; /* For pseudo-element positioning */
    text-align: left; /* Align text to the left */
}

.subheading::before {
    content: ''; /* Create a decorative line */
    display: block;
    width: 50px; /* Width of the line */
    height: 4px; /* Height of the line */
    background-color: #d51e26; /* Color of the line */
    margin-bottom: 10px; /* Space between line and text */
    border-radius: 2px; /* Rounded edges */
}

/* Course Slider */
.course-slider {
  position: relative;
  overflow: hidden;
  padding: 20px 0;
}

/* Course Card */
.course-card {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 15px;
  color: #333;
  font-weight: 500;
  transition: all 0.3s ease;
  width: 100%;
}

.course-card:hover {
  background-color: #f8f9fa;
  color: #dc3545; /* Matches Bootstrap .text-danger */
}

/* Icon Styling */
.course-icon {
  font-size: 1.5rem;
}

/* Swiper Navigation */
.swiper-button-prev,
.swiper-button-next {
  color: #dc3545;
}

.swiper-pagination{
  padding: 15px;  
}
/* Swiper Pagination */
.swiper-pagination-bullet {
  background: #dc3545;
}

/* Ensure slides take full width */
.swiper-slide {
  width: 100%;
}





.stepprocess{width:100%;margin:0;padding:60px 0 50px 0;overflow:hidden;background:url(images/service-bg.jpg) no-repeat;background-size:cover;position:relative;}
.stepprocess::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity: 1;background:#223C75;}
.stepprocess .inner{width:100%;position:relative;z-index:1;}
.stepprocess .shrtdesc p{color:#fff;}
.stepprocess .inner2{width:100%;max-width: 100%;box-sizing: border-box;padding: 0 15px;margin:0px auto;overflow: hidden;position: relative;}
.stepprocess .inner2::before{background: #fff;content: '';position: absolute;top: 65px;left: 50%;transform: translate(-50%,0);height: 3px;width: 75%;}
.stepprocess .icon{width: 105px;height: 100px;background:none;margin:15px auto;text-align: center;}
.stepprocess .icon .iconbx{width: 100px;height: 100px;font-weight: 700; position: relative;background: #f73061;border-radius: 50%;color: #fff;line-height: 100px;text-align: center;font-size: 48px;margin:0 auto;}
.stepprocess .icon .iconbx::before{content: '';width: 94px;height: 94px;background: transparent;border-radius: 50%;border:1px dashed #fff;position: absolute;top: 3px;left: 3px;}
.stepprocess .title{display: block;font-size: 18px;line-height: 28px;/*text-transform: uppercase;*/text-align: center; margin:0 0 0px 0;color: #fff;}
.stepprocess p{font-size: 16px;line-height: 22px;color: #fff;display: block;margin-bottom: 15px;text-align: center;}
.stepprocess .heading{display: block;font-size: 30px;line-height: 36px;margin-bottom: 15px;padding-bottom: 15px;text-transform: uppercase;color: #fff;font-weight: 700;position: relative;text-align: center;}
.footer{width: 100%;margin:25px 0 0;padding: 30px 0;background: #3d3d3d;text-align: center;font-size: 16px;line-height: 35px;color: #fff;}
.towardbx{width: 100%;margin: 15px 0;padding: 15px;box-sizing: border-box;background: #fff;box-shadow: 0 0 15px rgb(0 0 0 / 65%);
    position: relative;overflow: hidden;border-radius: 5px;}
.towardbx .icon{width: 50px;position: relative;margin-bottom: 15px;}
.towardbx .icon::after{content: '';clear: both;display: table;}
.towardbx p{font-size: 16px;line-height: 22px;color: #414141;display: block;margin-bottom: 15px;}
.towardbx .title{display: block;font-size: 18px;line-height: 28px; margin:0 0 15px 0;color: #000;font-weight: 500;}
.towardsbg{width: 100%;margin: 0;padding: 60px 0;overflow: hidden;background: url(../images/ds.png) repeat;}
.towardsbg .heading{display: block;font-size: 30px;line-height: 36px;margin-bottom: 15px;padding-bottom: 15px;text-transform: uppercase;color: #000;font-weight: 700;position: relative;text-align: center;}
.thankyoubg{width: 100%;margin: 0;padding: 60px 0;overflow: hidden;}
.thankyoubg .thnklogo{width: 100%;margin: 0 0 60x 0;text-align: center;}
.thankyoubg .thnklogo img{width: auto;max-width: 200px;}
.thankyoubg .thnkpic{width: 100%;margin: 0 0 60x 0;text-align: center;}
.thankyoubg .thnkpic img{width: auto;max-width: 285px;}
.thankyoubg p{display: block;font-size: 20px;line-height: 24px;color: #414141;text-align: center;}
.backtohome{width: 100%;margin: 40px 0 0;text-align: center;overflow: hidden;}
.backtohome a{display: inline-block;padding: 0 30px;font-size: 20px;line-height: 46px;color: #fff;border-radius: 5px;background: #F73061;}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
    color: red;
}

@media screen and (max-width: 767px){
    .header{background: #fff;}
    .header .logo{width: 100%;text-align: center;}
    .header .logo img{max-width: 180px;}
    .header::before{display: none;}
    .header .content{width: 100%;}
    .header .info ul li a{color: #000;font-size: 14px;line-height: 32px;padding-left: 23px;}
    .header .info ul li:first-child a::after,.header .info ul li:last-child a::after,.header .info ul li:nth-child(2) a::after{font-size: 17px;line-height: 32px;}
    .carousel-inner>.item{height: 180px;}
    .carousel-inner>.item img{width: 100%;height: 100%;object-fit: cover;position: relative;}
    .formbg{position: relative;}
    .contactform{position: relative;top: 15px;}
    .contactform form{padding: 0;}
    .sectiontop{padding: 15px 0 0;}
    .sectiontop .caption{padding-left: 0;}
    .sectiontop .figure{margin-bottom: 15px;}
    .box{display: none;}
    .towardsbg,.whychooseus{padding: 15px 0;}
    .whychooseus .heading{font-size: 20px;line-height: 24px;}
}