.nivo-directionNav{display: none!important;}
.nivo-controlNav{display: none!important;}
@media (min-width: 1200px) {
	.container {
		max-width: 1200px;
	}
	.container-fullwidth {
		max-width: 100%;
	}
}

.service-card__bth {padding:0px 0px 0px 15px}

@media (min-width: 1200px) and (max-width: 1400px) {
	.nivo-controlNav {
	  bottom: 20px;
	}
	.nivo-directionNav {
	  bottom: 25px;
	}
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
	.header-full-width .container {
	  max-width: 970px;
	}
	.header-absolute {
	  background-color: #222;
	  position: static;
	}
	.main-menu nav > ul > li + li {
	  margin-left: 25px;
	}
	.menu-style-6 nav > ul > li + li, .menu-style-7 nav > ul > li + li {
	  margin-left: 5px;
	}
	/* Hero Slider */
	.hero-static {
	  padding: 150px 0 130px;
	}
	.nivo-caption {
	  padding-top: 0;
	}
	.hero-slide-content {
	  margin-top: 50px;
	}
	.hero-slide-content h3 {
	  font-size: 20px;
	}
	.hero-slide-content h1 {
	  font-size: 44px;
	}
	.nivo-controlNav {
	  bottom: 0;
	  right: 50px;
	}
	.nivo-directionNav {
	  bottom: 5px;
	  left: 40px;
	}
	/* Page Banner */
	.page-banner-area {
	  padding: 120px 0;
	}
	/* Feature */
	.single-feature .text h4 {
	  font-size: 16px;
	  margin-bottom: 3px;
	}
	.single-feature .text p {
	  height: 46px;
	  overflow: hidden;
	}
	.single-feature:nth-child(1) {
	  padding: 8px 0;
	}
	.single-feature:nth-child(2) {
	  padding: 26px 0;
	}
	.single-feature:nth-child(3) {
	  padding: 9px 0 8px;
	}
	/* Course */
	.course-item {
	  padding: 25px 15px 30px;
	}
	.course-item i {
	  font-size: 40px;
	  margin-bottom: 10px;
	}
	.course-item h4 {
	  font-size: 16px;
	  margin-bottom: 10px;
	  padding-bottom: 10px;
	}
	.course-item p {
	  height: 70px;
	  overflow: hidden;
	}
	/* Instructor */
	.instructor-tab-list {
	  margin-top: -65px;
	}
	.instructor-tab-list li {
	  width: 85px;
	}
	/* Footer */
	.widget-blog .content p {
	  height: 46px;
	  overflow: hidden;
	}
}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
	.header-absolute {
	  background-color: #222;
	  position: static;
	}
	.header-full-width {
	  padding: 0;
	}
	.container, .header-full-width .container {
	  max-width: 750px;
	}
	.header-logo {
	  position: absolute;
	}
	.main-menu nav ul li + li {
	  margin-left: 15px;
	}
	.menu-style-8 nav {
	  display: none !important;
	}
	.navbar-header.text-center {
	  text-align: left !important;
	}
	/* Page Banner */
	.page-banner-area {
	  padding: 120px 0;
	}
	/* Hero Slider */
	.hero-static {
	  padding: 150px 0 130px;
	}
	.nivo-caption {
	  padding-top: 0;
	}
	.hero-slide-content {
	  margin-top: 0;
	}
	.hero-slide-content h3 {
	  font-size: 18px;
	}
	.hero-slide-content h1 {
	  font-size: 36px;
	}
	.hero-slide-content p {
	  padding: 0;
	}
	.hero-slide-content .button-group {
	  margin-top: 20px;
	}
	.nivo-controlNav {
	  bottom: 0;
	  right: 50px;
	}
	.nivo-directionNav {
	  bottom: 5px;
	  left: 40px;
	}

	.find-course-form {
	  display: none;
	}
	/* Feature */
	.single-feature {
	  margin: 0 auto !important;
	  max-width: 500px;
	  padding: 30px !important;
	}
	.single-feature::before {
	  display: none;
	}
	.feature-image {
	  margin: 30px 0;
	}
	/* Course */
	.course-item {
	  padding: 70px 60px;
	}
	.ts-arrows {
	  display: none;
	}
	/* Instructor */
	.instructor-image {
	  margin-top: 30px;
	}
	.instructor-tab-list {
	  float: right;
	  margin-top: -284px;
	  width: 290px;
	}
	.instructor-tab-list li {
	  margin: 15px 15px 0;
	}
	/* Footer */
	.footer-widget:nth-child(2n+1) {
	  clear: both;
	}
	/* Blog */
	.sidebar {
	  margin-top: 50px;
	}
}



@media (max-width: 757px) {
.cta-one__thumb{position:relative}
	
	.pb-90 {padding-bottom:0px!important}
	    .process-card-wrap {
        grid-template-columns: repeat(1, 1fr)!important;
    }
}

.space_title{padding: 50px 0px}

@media (max-width: 500px) {
 .responsive-video{width:500px!important; height: auto!important}
	
	.nivo-html-caption{bottom:60px!important;
	
	
		
	}
	
	.service-card__image1 {height:100%!important}
	.video-area{padding: 60px 0!important; background-attachment: scroll;}
	
	.heading{
	    
	  margin-top: 25px!important;
	  
	}
	
	.sec-title1{margin: 15px 0px 25px 0px;
    line-height: 20px; color: #4d4d4d;
        font-size: 14px;
    }
	
	
	 .newsletter-section{
    padding-top: 0px;
    padding-bottom: 40px;
  }
  .newsletter-section .single-item {
        padding-left: 0px;
    }
        .newsletter-section .single-item {
        margin-bottom: 30px;
    }
    .newsletter-section .single-item .image {
        position: relative;
        margin-bottom: 30px;
        width: 100%;
    }
    .newsletter-section .single-item .image img {
        width: 100%;
    }
	.pad-mob50{padding:30px 0px !important}
	.pad-mob0{padding:0px 0px 30px 0px !important}
	
	.mob-mtop50 {margin-top:50px!important}
	.mob-mtop30 {margin-top:30px!important}
	.mb-b {margin-bottom:15px!important}
	#logo-mob{width:35%!important}
	.header-absolute{background:#000!important}
	
	.pt-90{padding-top:40px;}
	
	.section-title .excerpt p{font-size:17px!important}
	
	.about-one__item__one{text-align: center!important}
}
/* small mobile :320px. */
@media (max-width: 767px) {
	.container, .header-full-width .container {
		/*max-width: 300px;*/
			
	}
	
	
@media (max-width: 500px) {

	.size {display:none}
		
		.mob-mb-30{margin-bottom:30px;}
		.mob-mb-0{margin-bottom:30px;}
	}	

	
	@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .service-details__single-inner {
        flex-wrap: wrap;
    }
    .service-details__inner-item .item-content .item__title {
        font-size: 20px;
    }
    
        .service-details__inner-item .item-content {
        padding: 30px 10px;
    }
}

	.wrapper {
	  position: relative;
	}
	.panel-body {
	  padding: 20px 30px;
	}
	/* Button */
	.btn {
	  font-size: 12px;
	  height: 30px;
	  line-height: 28px;
	  padding: 0 15px;
	}
	
	.mobsize {height: 45px!important}
	.section-title h3 {
	  font-size: 18px;
	}
	
	#logo-mob { width:40% !important}
	/* Header */
	.header-absolute {
	  background-color: #000;
	  position: static;
	}
	.header-full-width {
	  padding: 0;
	}
	.header-logo {
	  position: absolute;
	}
	.navbar-header {
		flex: 1 0 100%;
	}
	.main-menu nav ul li {
	  margin-left: 0 !important;
	  padding: 10px 0;
	  width: 100%;
	}
	.stick .main-menu nav > ul > li {
	  padding: 10px 0;
	}
	.main-menu nav ul li a::before, .main-menu nav ul li a::after {
	  display: none;
	}
	.navbar-collapse nav {
	  padding-bottom: 30px;
	}
	.menu-style-8 nav {
	  display: none !important;
	}
	.navbar-header.text-center {
	  text-align: left !important;
	}
	/* Page Banner */
	.page-banner-area {
	  padding: 80px 0;
	}
	.page-banner {
	  text-align: center;;
	}
	.page-banner h1 {
	  font-size: 24px!important;
	}
	.page-banner.text-right h1, .page-banner.text-left h1, .page-banner.text-right ul, .page-banner.text-left ul {
	  float: none;
	}
	/* Hero Slider */
	.hero-static {
	  padding: 50px 0;
	}
	.hero-slide-content {
	  margin-top: 0;
	}
	.hero-slide-content h3 {
	  font-size: 14px;
	}
	.hero-slide-content h1 {
	  font-size: 18px!important;
	}
	.hero-slide-content p {
	  display: none;
	}
	.hero-slide-content .button-group {
	  margin-top: 0;
	}
	.nivo-directionNav, .nivo-controlNav, .find-course-form {
	  display: none;
	}
	/* Feature */
	.single-feature {
	  margin: 0 auto !important;
	  padding: 0 !important;
	}
	.single-feature + .single-feature {
	  margin-top: 30px !important;
	}
	.single-feature:hover {
	  background-color: transparent;
	}
	.single-feature::before {
	  display: none;
	}
	.feature-image {
	  margin: 30px 0;
	}
	/* Course */
	.course-item {
	  padding: 0px 0px;
	}
	.course-item:hover {
	  transform: rotate(0deg);
	}
	/* Video */
	.video-area {
	  padding: 100px 0;
	}
	.video-content h3 {
	  font-size: 18px;
	}
	/* Gallery */
	.gallery-filter {
	  margin-bottom: 34px;
	}
	.gallery-filter button {
	  margin-bottom: 10px;
	}
	/* Testmonial */
	.ts-arrows {
	  display: none;
	}
	.ti-slider::before {
	  left: 0;
	  margin-left: 0;
	}
	/* Instructor */
	.instructor-image {
	  margin-top: 30px;
	}
	.instructor-tab-list {
	  margin-top: 0;
	  margin-left: -15px;
	  margin-right: -15px;
	}
	.instructor-tab-list li {
	  margin-right: 0;
	  margin-top: 14px;
	  padding-left: 15px;
	  padding-right: 15px;
	  width: 50%;
	}
	/* Contact */
	#contact-map {
	  height: 400px;
	}
	.contact-info {
	  margin-bottom: 30px;
	}
	.form .input-2 .input, .form .input-3 .input, .form .input-4 .input {
	  width: 100%;
	}
	/* Call To Action */
	.call-to-action h3 {
	  font-size: 20px;
	  line-height: 24px;
	}
	.call-to-action a {
	  float: left;
	  margin-top: 15px;
	}
	/* Blog Details */
	.blog-meta p {
	  display: block;
	  float: none;
	}
	.blog-description blockquote {
	  margin-left: 0;
	}
	.blog-share {
	  float: left;
	  margin-top: 10px;
	}
	.comments-list li ul {
	  margin-left: 0;
	}
	.sidebar {
	  margin-top: 50px;
	}
	/* Footer */
	.copyright, .footer-3-social {
	  text-align: center;
	}
}
 
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
        .mb-b {
        margin-bottom: 15px !important;
    }
    
        .pad-mob50 {
        padding: 30px 0px !important;
    }
    
    .heading {margin-top:0px!important;}
    
        .mob-mtop30 {
        margin-top: 30px !important;
    }
    .responsive-video {
        width: 750px !important;
        height: auto !important;
    }
    .nivo-html-caption{bottom: 120px!important;}
	.container, .header-full-width .container {
		max-width:450px
	}
	.header-full-width {
	  padding: 0;
	}
	/* Button */
	.btn {
	  font-size: 13px;
	  height: 32px;
	  line-height: 30px;
	  padding: 0 18px;
	}
	/* Hero Slider */
	.hero-static {
	  padding: 80px 0;
	}
	.hero-slide-content h3 {
	  font-size: 20px;
	}
	.hero-slide-content h1 {
	  font-size: 28px;
	}
	.hero-slide-content .button-group {
	  margin-top: 20px;
	}
	/* Funfact */
	.single-facts {
	  width: 50%;
	}
	/* Course */
	.course-item {
	  margin: 0 auto;
	  max-width: 300px;
	  padding: 45px 35px;
	}
	/* Instructor */
	.instructor-tab-list li {
	  width: 25%;
	} 
}
 
/** highlights-style-two **/

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}
.sec-title.light h2 {
    color: #fff !important;
}
.highlights-style-two{
	position: relative;
	padding: 25px 0px 80px 0px;
	background: #121113;
}

.highlights-style-two .sec-title{
	max-width: 550px;
}

.highlights-style-two .sec-title h2{
	margin-bottom: 21px;
}

.highlights-style-two .sec-title p{
	color: #c3c4c8;
}

.highlights-style-two .single-item{
	position: relative;
	display: block;
	background: #fff;
	padding: 34px 30px 33px 40px;
	margin-bottom: 30px;
}

.highlights-style-two .single-item .inner{
	position: relative;
	padding-left: 90px;
}

.highlights-style-two .single-item .inner .icon-list{
	position: absolute;
	left: 0px;
	top: 10px;
}

.highlights-style-two .single-item .inner .icon-list li{
	position: relative;
	display: inline-block;
	float: left;
	font-size: 44px;
	margin-left: -13px;
	transition: all 500ms ease;
}

.highlights-style-two .single-item .inner .icon-list li:first-child{
	margin-left: 0px;
}

.highlights-style-two .single-item .inner .icon-list li:last-child{
	position: absolute;
	left: 45px;
	top: 0px;
	opacity: 0;
}

.highlights-style-two .single-item:hover .inner .icon-list li:last-child{
	opacity: 1;
}

.highlights-style-two .single-item .inner h4{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 30px;
	font-weight: 500;
	margin-bottom: 11px;
}

.highlights-style-two .single-item .inner h4 a{
	display: inline-block;
	color: #121113;
}

.highlights-style-two .single-item .inner h4 a:hover{

}

.highlights-style-two .single-column:first-child .single-item{
	clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 65%, 90% 100%, 0% 100%, 0% 100%, 0% 0%);
}

.highlights-style-two .single-column:nth-child(2) .single-item{
	clip-path: polygon(0% 0%, 100% 0%, 100% 15%, 100% 100%, 80% 100%, 11% 100%, 0% 65%, 0% 20%);
}

.highlights-style-two .single-column:nth-child(3) .single-item{
	clip-path: polygon(0% 0%, 90% 0%, 100% 36%, 100% 100%, 80% 100%, 21% 100%, 0% 100%, 0% 20%);
}

.highlights-style-two .single-column:last-child .single-item{
	clip-path: polygon(11% 0%, 100% 0%, 100% 0%, 100% 70%, 100% 100%, 0% 100%, 0% 100%, 0% 36%);
}

.highlights-style-two .bg-layer{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 50%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 61% 0%);
}

.highlights-style-two .shape .shape-1{
	position: absolute;
	left: 0px;
	top: 260px;
	width: 240px;
	height: 359px;
	background-repeat: no-repeat;
}

.highlights-style-two .shape .shape-2{
  position: absolute;
  left: 60%;
  top: 210px;
  width: 137px;
  height: 13px;
  background-repeat: no-repeat;
}

.about-section{
  position: relative;
  padding: 150px 0 70px 0px;
}

.about-section .title-text{
  position: relative;
  display: block;
  margin-bottom: 48px;
}

.about-section .title-text h2{
  position: relative;
  display: block;
  font-size: 44px;
  line-height: 56px;
  font-weight: 600;
}

.about-section .big-column .image-box{
  position: relative;
  display: block;
  margin-right: 20px;
}

.about-section .image{
  position: relative;
  display: block;
  clip-path: polygon(0% 0%, 63% 0%, 100% 23%, 100% 100%, 80% 100%, 25% 100%, 0% 100%, 0% 20%);
}

.about-section .image img{
  width: 100%;
}

.about-section .content-box{
  position: relative;
  display: block;
}

.about-section .content-box h6{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 7px;
}

.about-section .content-box h2{
  position: relative;
  display: inline-block;
  font-size: 48px;
  line-height: 50px;
  font-weight: 600;
  margin-bottom: 27px;
  padding-right: 126px;
}

.about-section .content-box h2:before{
  position: absolute;
  content: '';
  background-image: url(../img/shape-10.png);
  width: 112px;
  height: 26px;
  background-repeat: no-repeat;
  top: 13px;
  right: 0px;
}

.about-section .content-box .text{
  margin-bottom: 33px;
}

.about-section .content-box .text p{
  margin-bottom: 16px;
}

.about-section .content-box .text p:last-child{
  margin-bottom: 0px;
}

.about-section .content-box .inner{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 34px;
}


.about-section .content-box .inner .author h4{
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  margin-bottom: 5px;
}

.about-section .content-box .inner .author .designation{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 20px;
  font-family: 'Inter', sans-serif;
  color: #75767b;
  font-weight: 500;
}

.theme-btn.btn-two{
  padding: 13px 52px;
}


.about-section .small-column .image-box .social-links h6{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.about-section .small-column .image-box .social-list li{
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 15px;
}

.about-section .small-column .image-box .social-list li:last-child{
  margin: 0px !important;
}

.about-section .small-column .image-box .social-list li a{
  position: relative;
  display: inline-block;
  width: 52px;
  height: 52px;
  line-height: 52px;
  font-size: 16px;
  background: #fff;
  color: #75767b;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
}

.about-section .small-column .image-box .social-list li a:hover{
  color: #121113;
}

.about-section .small-column .image-box .shape{
  position: absolute;
  left: -80px;
  bottom: 9px;
  width: 294px;
  height: 208px;
  background-repeat: no-repeat;
  z-index: -1;
}


.process-card{
    padding: 30px;
    box-shadow: 0px 0px 20px rgb(186 186 186 / 59%);
   
    border-radius:10px;
    background-color:#fff;
    position:relative;
    z-index:2;
	text-align: center;
}
.process-card-wrap{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:30px
}


.process-card_number{
   
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    background-color: #fa0c08;
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 25px;
    margin: auto;
    margin-bottom: 20px;
}
.process-card_img{
    position:absolute;
    bottom:0;
    right:0;
    z-index:-1
}
.background-image, [data-bg-src] {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.process-card .box-title{
    margin-bottom:10px; font-weight: bold;
}
.process-card_icon{
    position:absolute;
    top:26px;
    right:30px
}
.process-card_icon .icofont {
	    font-size: 60px;
    color: #fa0c08;
}
.process-card_text{
    margin-bottom:-0.5em
}
.process-card:hover .process-card_img>img{
    opacity:0.03;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}

.space,.space-top{
    padding-top:var(--section-space)
}
.space,.space-bottom{
    padding-bottom:var(--section-space)
}

@use "sass:math";
:root{
    
    --container-gutters: 30px;
    --section-space: 120px;
    --section-space-mobile: 80px;
    --section-title-space: 60px;
    --ripple-ani-duration: 5s
}


/** advanced-section **/

.advanced-section{
	position: relative;
	padding: 120px 0px;
}

.advanced-section .title-inner{
	position: relative;
	display: block;
	margin-right: 40px;
	margin-top: 11px;
}

.advanced-section .title-inner .sec-title{
	padding-bottom: 29px;
	margin-bottom: 33px;
	border-bottom: 4px solid #121113;
}

.advanced-section .title-inner .download-box{
	position: relative;
	display: block;
	padding: 0px 0px 0px 65px;
}

.advanced-section .title-inner .download-box .icon{
	position: absolute;
	left: 0px;
	top: 7px;
	display: inline-block;
	width: 45px;
	height: 45px;
	line-height: 51px;
	background: #121113;
	font-size: 20px;
	text-align: center;
}

.advanced-section .title-inner .download-box h4{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 30px;
	font-weight: 500;
	margin-bottom: 2px;
}

.advanced-section .title-inner .download-box h4 a{
	position: relative;
	display: inline-block;
	color: #121113;
}

.advanced-section .title-inner .download-box h4 a:hover{

}

.advanced-section .title-inner .download-box h5{
	display: block;
	font-size: 16px;
	line-height: 26px;
	font-weight: 500;
	color: #75767b;
	text-transform: uppercase;
}

.advanced-section .image-box{
	position: relative;
	display: block;
	text-align: center;
}

.advanced-section .image-box .shape{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 438px;
	background-repeat: no-repeat;
	background-position: center;
}

.advanced-section .image-box .image{
	position: relative;
	display: block;
}

.advanced-section .text-inner{
	position: relative;
	display: block;
	margin-top: 13px;
}

.advanced-section .text-inner p{
	margin-bottom: 29px;
}


.list-style-one li {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-family: 'Lexend', sans-serif;
    font-weight: 500;
    color: #121113;
    padding-left: 25px;
    margin-bottom: 20px;
}


.img-box1{
    position:relative;
    z-index:2;
    padding-bottom:105px
}
.img-box1:before{
    content:'';
    background-color:var(--smoke-color);
    position:absolute;
    bottom:0;
    left:0;
    height:195px;
    width:444px;
    max-width:100%;
    -webkit-clip-path:path("M270 0H444L175 195H0L270 0Z");
    clip-path:path("M270 0H444L175 195H0L270 0Z");
    z-index:-1
}
.img-box1 img{
    border-radius:10px
}
.img-box1 .img1{
    display:inline-block;
    position:relative;
    z-index:2
}
.img-box1 .img1 img{
    width:100%
}
.img-box1 .img2{
    position:absolute;
    bottom:0px;
    right:3px;
    z-index:3
}
.img-box1 .year-counter-wrap{
    position:absolute;
    top:0;
    right:0;
    background-color:#f7f7f7;
    -webkit-clip-path:path("M325 0V140L195 235H0L325 0Z");
    clip-path:path("M325 0V140L195 235H0L325 0Z");
    height:235px;
    width:325px;
    max-width:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -webkit-justify-content:flex-end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    padding-right:10px
}
.year-counter{
    max-width:135px;
    text-align:center;
    -webkit-transform:rotate(-35deg);
    -ms-transform:rotate(-35deg);
    transform:rotate(-35deg);
    padding-top:6px
}
.year-counter_number{
    font-family:var(--title-font);
    font-size:44px;
    font-weight:600;
    color:#fa0c08;
    line-height:46px;
    padding-left:5px
}
.year-counter_text{
    margin-bottom:0
}
.video-checklist{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    gap:30px;
    margin-bottom:40px
}
.video-checklist .checklist{
    margin-top:-5px
}
.play-btn.style3>i {
    --icon-size: 40px;
    font-size: 14px;
   
    background-color: #fa0c08;
    color: #fff;
}
.play-btn>i {
    display: inline-block;
    width: var(--icon-size, 56px);
    height: var(--icon-size, 56px);
    line-height: var(--icon-size, 56px);
    text-align: center;
    background-color: var(--white-color);
    color: var(--theme-color);
    font-size: var(--icon-font-size, 1.4em);
    border-radius: 50%;
    z-index: 1;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
}

.fa-play:before {
    content: "\ed70";
}
.checklist li>i {
    color: #fa0c08; font-size: 14px; font-weight: 500;
}

.video-checklist .checklist {
    margin-top: -5px;
}
.checklist ul {
    padding-left: 0;
    list-style: none;
    text-align: left;
    margin-bottom: 0;
}
.checklist li {
    color: #222222;
    font-weight: bold;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.checklist li:not(:last-child) {
    margin-bottom: 8px;
}

.sec-title {font-size: 40px; font-weight: bold;
}

.th-btnlink {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    text-align: center;
    background-color: #fa0c08;
    color: #fff;
    font-family: var(--body-font);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 15px 30px;
    min-width: 166px;
    border-radius: 5px;
}

.th-btnlink:hover,.th-btnlink.active{
    color:#fff;
    box-shadow:none
}
.th-btnlink:hover::before,.th-btnlink:hover:after,.th-btnlink.active::before,.th-btnlink.active:after{
    border-radius:0;
    -webkit-transform:scale(1) rotate(360deg);
    -ms-transform:scale(1) rotate(360deg);
    transform:scale(1) rotate(360deg)
}
.th-btnlink:before, .th-btnlink:after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 50%;
    background-color: #222222;
    z-index: -1;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    border-radius: 0;
}
.th-btnlink:before {
    -webkit-transform: scale(0) rotate(0);
    -ms-transform: scale(0) rotate(0);
    transform: scale(0) rotate(0);
}
.th-btnlink:after {
    -webkit-transform: scale(0) rotate(0);
    -ms-transform: scale(0) rotate(0);
    transform: scale(0) rotate(0);
    left: unset;
    right: 0;
}


.th-btn {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    text-align: center;
    background-color: #fa0c08;
    color: #fff;
    font-family: var(--body-font);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 21px 30px;
    min-width: 166px;
    border-radius: 5px;
}

.th-btn:hover,.th-btn.active{
    color:#fff;
    box-shadow:none
}
.th-btn:hover::before,.th-btn:hover:after,.th-btn.active::before,.th-btn.active:after{
    border-radius:0;
    -webkit-transform:scale(1) rotate(360deg);
    -ms-transform:scale(1) rotate(360deg);
    transform:scale(1) rotate(360deg)
}
.th-btn:before, .th-btn:after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 50%;
    background-color: #222222;
    z-index: -1;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    border-radius: 0;
}
.th-btn:before {
    -webkit-transform: scale(0) rotate(0);
    -ms-transform: scale(0) rotate(0);
    transform: scale(0) rotate(0);
}
.th-btn:after {
    -webkit-transform: scale(0) rotate(0);
    -ms-transform: scale(0) rotate(0);
    transform: scale(0) rotate(0);
    left: unset;
    right: 0;
}

.th-btn {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    text-align: center;
    background-color: #fa0c08;
    color: #fff;
    font-family: var(--body-font);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 15px 30px;
    min-width: 166px;
    border-radius: 5px;
}

.th-btn:hover,.th-btn.active{
    color:#fff;
    box-shadow:none
}
.th-btn:hover::before,.th-btn:hover:after,.th-btn.active::before,.th-btn.active:after{
    border-radius:0;
    -webkit-transform:scale(1) rotate(360deg);
    -ms-transform:scale(1) rotate(360deg);
    transform:scale(1) rotate(360deg)
}
.th-btn:before, .th-btn:after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 50%;
    background-color: #222222;
    z-index: -1;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    border-radius: 0;
}
.th-btn:before {
    -webkit-transform: scale(0) rotate(0);
    -ms-transform: scale(0) rotate(0);
    transform: scale(0) rotate(0);
}
.th-btn:after {
    -webkit-transform: scale(0) rotate(0);
    -ms-transform: scale(0) rotate(0);
    transform: scale(0) rotate(0);
    left: unset;
    right: 0;
}



.th-btn1 {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    text-align: center;
    background-color: #222222;
    color: #fff;
    font-family: var(--body-font);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 21px 30px;
    min-width: 166px;
    border-radius: 5px;
}

.th-btn1:hover,.th-btn1.active{
    color:#fff;
    box-shadow:none
}
.th-btn1:hover::before,.th-btn1:hover:after,.th-btn1.active::before,.th-btn1.active:after{
    border-radius:0;
    -webkit-transform:scale(1) rotate(360deg);
    -ms-transform:scale(1) rotate(360deg);
    transform:scale(1) rotate(360deg)
}
.th-btn1:before, .th-btn1:after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 50%;
    background-color: #fa0c08;
    z-index: -1;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    border-radius: 0;
}
.th-btn1:before {
    -webkit-transform: scale(0) rotate(0);
    -ms-transform: scale(0) rotate(0);
    transform: scale(0) rotate(0);
}
.th-btn1:after {
    -webkit-transform: scale(0) rotate(0);
    -ms-transform: scale(0) rotate(0);
    transform: scale(0) rotate(0);
    left: unset;
    right: 0;
}
.play-btn.style3:before, .play-btn.style3:after {
    background-color: #fff;
}

.ripple-animation, .play-btn:after, .play-btn:before {
    -webkit-animation-duration: var(--ripple-ani-duration);
    animation-duration: var(--ripple-ani-duration);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: ripple;
    animation-name: ripple;
}
.play-btn:after, .play-btn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--white-color);
    z-index: -1;
    border-radius: 50%;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
}

.ripple-animation,.play-btn:after,.play-btn:before{
    -webkit-animation-duration:var(--ripple-ani-duration);
    animation-duration:var(--ripple-ani-duration);
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-name:ripple;
    animation-name:ripple
}
@-webkit-keyframes ripple{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
    30%{
        opacity:0.4
    }
    100%{
        -webkit-transform:scale(1.8);
        transform:scale(1.8);
        opacity:0
    }
}
@keyframes ripple{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
    30%{
        opacity:0.4
    }
    100%{
        -webkit-transform:scale(1.8);
        transform:scale(1.8);
        opacity:0
    }
}
@-webkit-keyframes ripple2{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
    30%{
        opacity:0.4
    }
    100%{
        -webkit-transform:scale(2.8);
        transform:scale(2.8);
        opacity:0
    }
}
@keyframes ripple2{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
    30%{
        opacity:0.4
    }
    100%{
        -webkit-transform:scale(2.8);
        transform:scale(2.8);
        opacity:0
    }
}
.th-video {
    position: relative;
    border-radius: 10px;
}

.th-video img {
    border-radius: inherit;
}


.th-video .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.play-btn {
    display: inline-block;
    position: relative;
    z-index: 1;
}

@media (max-width: 1199px) {
    .img-box1 .img1 img {
        max-height: 500px;
        object-fit: cover;
    }
}
.img-box1 .img1 img {
    width: 100%;
}
.img-box1 img {
    border-radius: 10px;
}

@media (max-width: 1199px) {
    .img-box1 .img1 {
        display: block;
        width: 100%;
    }
}

@media (max-width: 575px) {
    .img-box1 .img2 {
        max-width: 60%!important;
    }
	    .video-checklist {
        gap: 13px;
    }
	
	  
}

@media (max-width: 767px) {
    .video-checklist {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
	.sec-title {
    font-size: 25px;
    font-weight: bold;
}
}

@media (min-width: 1300px) {
    .img-box1 {
       
    }
}

.mb-33 {
    margin-bottom: 33px;
}
/*.list-style-one li:before {
    position: absolute;
    content: "\f106";
    font-family: 'flaticon';
    font-size: 14px;
    left: 0px;
    top: 1px;
}
.list-style-one li:before {
    color: #fee100;
}*/

.sub-title {
    display: block;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--body-font);
    color: var(--theme-color);
    margin-bottom: 30px;
    text-transform: capitalize;
    line-height: 24px;
    margin-top: -0.34em;
}

.overflow-hidden {
    overflow: hidden !important;
}

.title-area {
   
    position: relative;
    z-index: 2;
}

.guideline-area {
    position: relative;
    margin-bottom: 85px;
}

.guide-map {
    text-align: center;
}
.guide-map-phone {
    display: none;
}
.guideline-area .one {
    top: 7%;
    left: 3%;
}
.guide-feature.right-align {
    text-align: right;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}	

.guide-feature {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
;
    gap: 20px;
    position: absolute;
}

.guideline-area .two {
    top: 38%;
    left: -4%;
}

.guideline-area .three {
    bottom: 10%;
    left: -2%;
}

.guideline-area .four {
    bottom: -25%;
    left: 5%;
}

.guideline-area .five {
    top: 18%;
    right: 0.5%;
}

.guideline-area .six {
    top: 49%;
    right: 0.5%;
}

.guideline-area .seven {
    bottom: 0%;
    right: 1.5%;
}

.guideline-area .eight {
    bottom: -25%;
    left: 47%;
}
.media-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.guide-feature .box-title2 {
    margin-bottom: 3px;
}

.box-title2 {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
    margin-top: -0.35em;
}

.guide-feature_text {
    font-size: 14px;
    margin-bottom: -0.5em;
    max-width: 300px;
}

@media (max-width: 991px) {
    .guideline-area {
        margin-bottom: 0;
    }
}

@media (max-width: 991px) {
    .guideline-area:before {
        content: '';
        height: calc(100% - 152px);
        width: 0;
        border-left: 3px dashed #f00;
        position: absolute;
        top: 152px;
        left: 0;
    }
}
@media (max-width: 991px) {
    .guide-map {
        display: none;
    }
}

@media (max-width: 1199px) {
    .guide-map img {
        -webkit-transform: scalex(0.65);
        -ms-transform: scalex(0.65);
        transform: scalex(0.65);
    }
}

@media (max-width: 991px) {
    .guide-map-phone {
        display: block;
        text-align: center;
        position: relative;
        z-index: 2;
        margin-bottom: 30px;
    }
}

@media (max-width: 991px) {
    .guide-map-phone:before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        width: 50%;
        height: 20px;
        border-top: 3px dashed #f00;
        border-left: 3px dashed #f00;
        border-radius: 15px 0 0 0;
        z-index: -1;
    }
}

@media (max-width: 991px) {
    .guide-map-phone img {
        border: 3px dashed #f00;
        padding: 16px;
        border-radius: 50%;
        background-color: #FFFFFF;
    }
}

@media (max-width: 991px) {
    .guide-feature.right-align {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: left;
    }
}

@media (max-width: 1199px) {
    .guide-feature.right-align {
        margin-left: -30px;
    }
}

@media (max-width: 991px) {
    .guide-feature {
        position: relative;
        inset: 0 !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
;
        max-width: 100%;
        margin: 0 0 35px 160px !important;
    }
}

@media (max-width: 575px) {
    .guide-feature {
        margin: 0 0 35px 50px !important;
    }
}

@media (max-width: 1199px) {
    .guide-feature {
        max-width: 350px;
    }
}

@media (max-width: 575px) {
    .guide-feature:before {
        width: 20px!important;
    }
}
@media (max-width: 991px) {
    .guide-feature:before {
        content: '';
        position: absolute;
        top: 20px;
        right: calc(100% + 30px);
        width: 130px;
        border-top: 3px dashed #f00;
    }
}

@media (max-width: 991px) {
    .guide-feature_icon {
        width: 50px;
        text-align: center;
    }
}

.size1{ font-size:20px; color: #fa0c08;}

.unb1 {font-weight:normal!important ; padding-left:25px;}