/* ============
    Popup
==============*/


/* Google Font Link */
.client_form1{
	box-sizing: border-box;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px;
	position: fixed;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 1099;
	  background-color:rgba(0,0,0,0.6);
	  visibility: hidden;
	  opacity: 0;
	  transition: all 1s ease;
  }
  
  .client_form1.show{
	  visibility:visible;
	  opacity: 1;
  }
  .client_form1 .inner_form1{
	  background-color:#ffffff;
	  width: 800px;
	  position: absolute;
	  left: 50%;
	  top:50%;
	  transform:translate(-50%,-50%);
	  display: flex;
	  flex-wrap: wrap;
	  opacity: 0;
	  margin-left: 50px;
	  transition: all 1s ease;
  
	  flex:0 0 50%;
	  max-width: 100%;
	  padding:40px 30px;
	  background-color: #fff;
	  min-height: 80vh;
	  overflow: hidden;
  
  }
  .client_form1.show .inner_form1{
	  opacity: 1;
	  margin-left: 0;
  }
  
  
  
  .client_form1 .inner_form1 .close_close1 {
	position: absolute;
	right: 15px; /* Adjust the right value as needed */
	top: 30px;
	transform: translateY(-80%);
	font-size: 20px;
	cursor: pointer;
	font-weight: bold;
  }
  
  
  
  
  
  .log_main{
	position: relative;
	max-width: 850px;
	width: 100%;
	background: #fff;
	padding: 40px 30px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	perspective: 2700px;
  }
  .log_main .cover1{
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	width: 50%;
	z-index: 98;
	transition: all 1s ease;
	transform-origin: left;
	transform-style: preserve-3d;
  }
  .log_main #flip:checked ~ .cover1{
	transform: rotateY(-180deg);
  }
   .log_main .cover1 .front1,
   .log_main .cover1 .back1{
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
  }
  .cover1 .back1{
	transform: rotateY(180deg);
	backface-visibility: hidden;
  }
  .log_main .cover1::before,
  .log_main .cover1::after{
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	background: #8d0000;
	opacity: 0.5;
	z-index: 12;
  }
  .log_main .cover1::after{
	opacity: 0.3;
	transform: rotateY(180deg);
	backface-visibility: hidden;
  }
  .log_main .cover1 img{
	position: absolute;
	height: 100%;
	width: 100%;
	object-fit: cover1;
	z-index: 10;
  }
  .log_main .cover1 .text1{
	position: absolute;
	z-index: 130;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
  }
  .cover1 .text1 .text-1,
  .cover1 .text1 .text-2{
	font-size: 26px;
	font-weight: 600;
	color: #fff;
	text-align: center;
  }
  .cover1 .text1 .text-2{
	font-size: 15px;
	font-weight: 500;
  }
  .log_main .forms1{
	height: 100%;
	width: 100%;
	background: #fff;
  }
  .log_main .form-content1{
	display: flex;
	align-items: center;
	justify-content: space-between;
  }
  .form-content1 .login-form1,
  .form-content1 .signup-form1{
	width: calc(100% / 2 - 25px);
  }
  .forms1 .form-content1 .title1{
	position: relative;
	font-size: 24px;
	font-weight: 500;
	color: #333;
  }
  .forms1 .form-content1 .title1:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	width: 25px;
	background: #8d0000;
  }
  .forms1 .signup-form1  .title1:before{
	width: 20px;
  }
  .forms1 .form-content1 .input-boxes1{
	margin-top: 30px;
  }
  .forms1 .form-content1 .input-box1 {
	display: flex;
	align-items: center;
	height: 50px;
	width: 100%;
	margin: 10px 0;
	position: relative;
  }
  .form-content1 .input-box1 input{
	height: 100%;
	width: 100%;
	outline: none;
	border: none;
	padding: 0 30px;
	font-size: 16px;
	font-weight: 500;
	border-bottom: 2px solid rgba(0,0,0,0.2);
	transition: all 0.3s ease;
  }
  .form-content1 .input-box1 input:focus,
  .form-content1 .input-box1 input:valid{
	border-color: #8d0000;
  }
  .form-content1 .input-box1 i{
	position: absolute;
	color: #8d0000;
	font-size: 17px;
  }
  .forms1 .form-content1 .text1{
	font-size: 14px;
	font-weight: 500;
	color: #333;
  }
  .forms1 .form-content1 .text1 a{
	text-decoration: none;
  }
  .forms1 .form-content1 .text1 a:hover{
	text-decoration: underline;
  }
  .forms1 .form-content1 .button1{
	color: #fff;
	margin-top: 40px;
  }
  .forms1 .form-content1 .button1 input{
	color: #fff;
	background: #8d0000;
	border-radius: 6px;
	padding: 0;
	cursor: pointer;
	transition: all 0.4s ease;
  }
  .forms1 .form-content1 .button1 input:hover{
	background: #8d0000;
  }
  .forms1 .form-content1 label{
	color: #8d0000;
	cursor: pointer;
  }
  .forms1 .form-content1 label:hover{
	text-decoration: underline;
  }
  .forms1 .form-content1 .login-text,
  .forms1 .form-content1 .sign-up-text1{
	text-align: center;
	margin-top: 25px;
  }
  .log_main #flip{
	display: none;
  }
  @media (max-width: 730px) {
	.log_main .cover1{
	  display: none;
	}
	.form-content1 .login-form1,
	.form-content1 .signup-form1{
	  width: 100%;
	}
	.form-content1 .signup-form1{
	  display: none;
	}
	.log_main #flip:checked ~ .forms1 .signup-form1{
	  display: block;
	}
	.log_main #flip:checked ~ .forms1 .login-form1{
	  display: none;
	}
  }
  

/* ============
  End Popup
==============*/











/* Main */

.main-border-button a {
	font-size: 13px;
	color: #fff;
	border: 1px solid #fff;
	padding: 12px 25px;
	display: inline-block;
	font-weight: 500;
	transition: all .3s;
  }
  
  .main-border-button a:hover {
	background-color: #fff;
	color: #2a2a2a;
  }
  
  .main-white-button a {
	font-size: 13px;
	color: #2a2a2a;
	background-color: #fff;
	padding: 12px 25px;
	display: inline-block;
	border-radius: 3px;
	font-weight: 600;
	transition: all .3s;
  }
  
  .main-white-button a:hover {
	opacity: 0.9;
  }
  
  .main-text-button a {
	font-size: 13px;
	color: #fff;
	font-weight: 600;
	transition: all .3s;
  }
  
  .main-text-button a:hover {
	opacity: 0.9;
  }
body{
    font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size:14px;
	color:#888;
}
.pro-features {
	position: fixed;
	right: -300px;
	width: 300px;
	height: auto;
	line-height: 46px;
	font-size: 14px;
	background: #fff;
	text-align: left;
	color: #333;
	top: 50%;
	transform:translateY(-50%);
	box-shadow: -4px 0px 5px #00000036;
	color: #fff;
	z-index: 9999;
	padding:20px 30px 30px 30px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.pro-features.active{
	right:0;
}
.pro-features li.big-title {
	font-weight: 600;
	color: #1A76D1;
	font-size: 15px;
}
.pro-features li.title {
	font-weight: 600;
	color: #8e0404;
	font-size: 15px;
}
.pro-features .button{}
.pro-features .button .btn {
	width: 100%;
	text-align: center;
	margin-top: 8px;
	display: inline-block;
	float: left;
	font-size: 13px;
	width: 100%;
	text-transform: capitalize;
}
.pro-features li {
	color: #333;
	margin: 0;
	padding: 0;
	line-height: 22px;
	margin-bottom: 10px;
}
.get-pro {
	position: absolute;
	left: -80px;
	width:80px;
	height: 45px;
	line-height: 45px;
	font-size: 14px;
	border-radius: 5px 0 0 5px;
	background: #8e0404;
	text-align: center;
	color: #fff;
	top: 0;
	cursor: pointer;
	box-shadow: -4px 0px 5px #00000036;
}

#scrollUp {
	bottom: 15px;
	right: 15px;
	padding: 10px 20px;
	background: #8e0404;
	color: #fff;
	font-size: 25px;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	padding: 0;
	border-radius: 3px;
	box-shadow: 0px 0px 10px #00000026;
}
#scrollUp:hover{
	background:#2C2D3F;
}
/* Color Plate */
.color-plate {
	position: fixed;
	display: block;
	z-index: 99998;
	padding: 20px;
	width: 245px;
	background: #fff;
	right: -245px;
	text-align: left;
	top: 30%;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	-webkit-box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
	box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
}
.color-plate.active{
	right:0;
}
.color-plate .color-plate-icon {
	position: absolute;
	left: -48px;
	width: 48px;
	height: 45px;
	line-height: 45px;
	font-size: 21px;
	border-radius: 5px 0 0 5px;
	background: #8e0404;
	text-align: center;
	color: #fff !important;
	top: 0;
	cursor: pointer;
	box-shadow: -4px 0px 5px #00000036;
}
.color-plate h4 {
	display: block;
	font-size: 15px;
	margin-bottom: 5px;
	font-weight: 500;
}
.color-plate p {
	font-size: 13px;
	margin-bottom: 15px;
	line-height: 20px;
}
.color-plate span {
	width: 42px;
	height: 35px;
	border-radius: 0;
	cursor: pointer;
	display: inline-block;
	margin-right: 3px;
}
.color-plate span:hover{
	cursor:pointer;
}
.color-plate span.color1{
	background:#1A76D1;
}
.color-plate span.color2{
	background:#8e0404;
}
.color-plate span.color3{
	background:#32B87D;
}
.color-plate span.color4{
	background:#8e0404;
}
.color-plate span.color5{
	background:#F82F56;
}
.color-plate span.color6{
	background:#01B2B7;
}
.color-plate span.color7{
	background:#6c5ce7;
}
.color-plate span.color8{
	background:#85BA46;
}
.color-plate span.color9{
	background:#273c75;
}
.color-plate span.color10{
	background:#8e0404;
}
.color-plate span.color11{
	background:#badc58;
}
.color-plate span.color12{
	background:#44ce6f;
}
/*=============================
	End Global CSS 
===============================*/



/*===================
	Start Header CSS 
=====================*/
.header{
	background-color:#fff;
	position:relative;
}
.header .navbar-collapse{
	padding:0;
}
/* Topbar */
.header .topbar{
	background-color:#fff;
	border-bottom:1px solid #eee;
}
.header .topbar{
	padding:15px 0;
}
.header .top-link{
	float:left;
}
.header .top-link li{
	display:inline-block;
	margin-right:15px;
}
.header .top-link li:last-child{
	margin-right:0px;
}
.header .top-link li a{
	color:#000000;
	font-size:14px;
	font-weight:600;
}
.header .top-link li:hover a{
	color:#8e0404;
}
.header .top-contact{
	float:right;
}
.header .top-contact li{
	display:inline-block;
	margin-right:25px;
	color:#2C2D3F;
}
.header .top-contact li:last-child{
	margin-right:0;
}
.header .top-contact li a{
	font-size:14px;
	color: #000000;
	font-weight: 500;
}
.header .top-contact li a:hover{
	color:#8e0404;
}
.header .top-contact li i{
	color:#8e0404;
	margin-right:8px;
}
.header .header-inner {
	background:#fff;
	z-index:999;
	width:100%;
}
.get-quote{
	margin-top:12px;
}
.get-quote .btn{
	color:#fff;
}
.header .logo {
	float: left;
	margin-top: 18px;
	margin-bottom: 18px;
	width: 70px;
}
.header .navbar {
	background: none;
	box-shadow: none;
	border: none;
	margin: 0;
	height: 0px;
	min-height: 0px;
}
.header .nav li{
	margin-right: 15px;
    float: left;
	position:relative;
}
.header .nav li:last-child{
	margin:0;
}
.header .nav li a {
	color: #000000;
	font-size: 14px;
	font-weight: 500;
	text-transform: capitalize;
	padding: 25px 12px;
	position: relative;
	display: inline-block;
	position:relative;
}
.header .nav li a::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	height: 3px;
	width:0%;
	background: #8e0404;
	border-radius: 5px 5px 0 0;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

.header .nav li:hover a:before{
	opacity:1;
	width: 100%;
	visibility:visible;
}
.header .nav li:hover a{
	color:#8e0404;
}
.header .nav li a i {
	display: inline-block;
	margin-left: 1px;
	font-size: 13px;
}
/* Dropdown Menu */
.header .nav li .dropdown {
	background: #fff;
	width: 220px;
	position: absolute;
	left:-20px;
	top: 100%;
	z-index: 999;
	-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 5px #3333334d;
	transform-origin: 0 0 0;
	transform: scaleY(0.2);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	opacity: 0;
	visibility: hidden;
	top: 74px;
	border-left:3px solid #8e0404;
}
.header .nav li:hover .dropdown{
	opacity:1;
	visibility:visible;
	transform:translateY(0px);
}
.header .nav li .dropdown li{
	float:none;
	margin:0;
	border-bottom:1px dashed #eee;
}
.header .nav li .dropdown li:last-child{
	border:none;
}
.header .nav li .dropdown li a {
	padding: 12px 15px;
	color: #000000;
	display: block;
	font-weight: 400;
	text-transform: capitalize;
	background: transparent;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.header .nav li .dropdown li a:before{
	display:none;
}
.header .nav li .dropdown li:last-child a{
	border-bottom:0px;
}
.header .nav li .dropdown li:hover a{
	color:#8e0404;
}
.header .nav li .dropdown li a:hover{
	border-color:transparent;
}

/* Header Sticky */
.header.sticky .header-inner{
	position:fixed;
	z-index:999;
	top:0;
	left:0;
	bottom:initial;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	animation: fadeInDown 0.5s both 0.1s;
	box-shadow:0px 0px 13px #00000054;
}



.header .top-link .dropdown{
	background: #fff;
	width: 220px;
	position: absolute;
	left:-20px;
	top: 100%;
	z-index: 999;
	-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 5px #3333334d;
	transform-origin: 0 0 0;
	transform: scaleY(0.2);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	opacity: 0;
	visibility: hidden;
	top: 74px;
	border-left:3px solid #8e0404;
}


.header .top-link:hover .dropdown{
	opacity:1;
	visibility:visible;
	transform:translateY(0px);
}


.header .top-link:hover .dropdown li{
	float:none;
	margin:0;
	border-bottom:1px dashed #eee;
}

.header .top-link .dropdown li:last-child{
	border:none;
}


.header .top-link .dropdown li a {
	padding: 12px 15px;
	color: #000000;
	display: block;
	font-weight: 400;
	text-transform: capitalize;
	background: transparent;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	transition:all 0.2s ease;
}


.header .top-link .dropdown li a:before{
	display:none;
}
.header .top-link .dropdown li:last-child a{
	border-bottom:0px;
}
.header .top-link .dropdown li:hover a{
	color:#8e0404;
}
.header .top-link .dropdown li a:hover{
	border-color:transparent;
}




/*=========================
	End Header CSS
===========================*/





/*===========================
	Start Hero Area CSS
=============================*/
  /*
---------------------------------------------
Men
---------------------------------------------
*/
/*
---------------------------------------------
Row 1
---------------------------------------------
*/

#men {

	padding: 15px;
	padding-bottom: 50px;
	margin-left: 14px;
	margin-right: 10px;
	background-color: #ffffff;
  }
  
  #men .section-heading {
	text-align: center;
    padding: 20px;
  }

  #men .section-heading h1{
	color: #8e0404;
  }
  #men .thumb .inner-content{
	padding-top: 100px;
	position: absolute;
	z-index: 3;
	padding-left: 50px;
  }

  #men .inner-content h4{
	color: #000000;

  }



  #men .inner-content h4 span{
	color: #8e0404;
	font-size: 30px;

  }

  #men .item .thumb {
	position: relative;
  }
  
  
  #men .owl-nav {
	text-align: center;
	position: absolute;
	width: 98%;
	top: 40%;
	transform: translateY(-25px);
  }
  
  #men .owl-dots {
    display: none; 

}

  #men .owl-nav .owl-prev{
	position: absolute;
	left: -60px;
	outline: none;
  }
  
  #men .owl-nav .owl-prev span,
  #men .owl-nav .owl-next span {
	opacity: 0;
  }
  
  #men .owl-nav .owl-prev:before {
	display: inline-block;
	font-family: 'FontAwesome';
	color: #ffffff;
	font-size: 25px;
	font-weight: 700;
	content: '\f104';
	width: 50px;
	height: 50px;
	background-color: #8e0404;
	line-height: 50px; /* Set the line height to match the height for perfect centering */
	border-radius: 50%; /* This makes the button circular */
	text-align: center; /* Center the icon horizontally */
	border: 1px solid #000000;
  }
  /* 
  .slider .owl-carousel .owl-nav div {
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	background: rgba(42,42,42,.97);
	color: #fff;
	font-size: 26px;
	position: absolute;
	margin: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 0;
	border-radius: 50%;
}
*/
  
  #men .owl-nav .owl-prev {
	opacity: 0.50;
	transition: all .5s;
  }
  
  #men .owl-nav .owl-prev:hover {
	opacity: 1;
  }
  
  #men .owl-nav .owl-next {
	opacity: 0.50;
	transition: all .3s;
  }
  
  #men .owl-nav .owl-next:hover {
	opacity: 1;
  }

  #men .owl-nav .owl-next{
	outline: none;
	position: absolute;
	right: -85px;
  }
  
  #men .owl-nav .owl-next:before {
	display: inline-block;
	font-family: 'FontAwesome';
	color: #ffffff;
	font-size: 25px;
	font-weight: 700;
	content: '\f105';
	width: 50px;
	height: 50px;
	background-color: #8e0404;
	line-height: 50px; /* Set the line height to match the height for perfect centering */
	border-radius: 50%; /* This makes the button circular */
	text-align: center; /* Center the icon horizontally */
	border: 1px solid #000000;
  }  
/* Slider Animation */
.owl-item.active .inner-content h4{
    animation: fadeInUp 1.5s both 1s;
}


/*
---------------------------------------------
Row 1 End
---------------------------------------------
*/


/* 
---------------------------------------------
banner
--------------------------------------------- 
*/
/*
---------------------------------------------
Row 2
---------------------------------------------
*/
.slider {
	background-color: #bb9191;
	border-top: 3px dotted #eee;
	border-bottom: 3px dotted #eee;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
  }
  .slider .section-heading{
	padding-bottom: 20px;
  }
  .slider .main-banner .left-content .thumb img {
	width: 100%;
	overflow: hidden;
  }
  
  .slider .main-banner .left-content .thumb .inner-content {
	position: absolute;
	left: 100px;
	top: 50%;
	transform: translateY(-50%);
  }
  
  .slider .main-banner .left-content .thumb .inner-content h4 {
	color: #000000;
	margin-top: -10px;
	font-size: 52px;
	font-weight: 700;
	margin-bottom: 20px;
  }
  
  .slider .main-banner .left-content .inner-content span {
	font-size: 16px;
	color: #000000;
	font-weight: 400;
	font-style: italic;
	display: block;
	margin-bottom: 30px;
  }
  
  .slider .main-banner .right-content .right-first-image {
	margin-bottom: 28.5px;
  }
  
  .slider .main-banner .right-content .right-first-image .thumb {
	position: relative;
	text-align: center;
  }
  
  .slider .main-banner .right-content .right-first-image .thumb img {
	width: 100%;
	overflow: hidden;
  }
  
  .slider .main-banner .right-content .right-first-image .thumb .inner-content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
  }
  
  .slider .main-banner .right-content .right-first-image .thumb .inner-content h4 {
	color: #000000;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 15px;
  }
  
  .slider .main-banner .right-content .right-first-image .thumb .inner-content span {
	font-size: 16px;
	color: #000000;
	font-style: italic;
  }
  
  .slider .main-banner .right-content .right-first-image .thumb .hover-content {
	position: absolute;
	top: 15px;
	right: 15px;
	left: 15px;
	bottom: 15px;
	text-align: center;
	background-color: #8e0404;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s;
  }
  
  .slider .main-banner .right-content .right-first-image .thumb:hover .hover-content {
	opacity: 1;
	visibility: visible;
  }
  
  .slider .main-banner .right-content .right-first-image .thumb .hover-content .inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
  }
  
  .slider .main-banner .right-content .right-first-image .thumb .hover-content h4 {
	color: #fff7f7;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 15px;
  }
  
  .slider .main-banner .right-content .right-first-image .thumb .hover-content p {
	color: #fff;
	padding: 0px 20px;
	margin-bottom: 20px;
  }

  .slider .owl-carousel .owl-nav {
	margin: 0;
    position: absolute;
    top: 45%;
    width: 100%;
	margin-top:-25px;
}
.slider .owl-carousel .owl-nav div {
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	background: rgba(42,42,42,.97);
	color: #fff;
	font-size: 26px;
	position: absolute;
	margin: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 0;
	border-radius: 50%;
}

.slider .owl-carousel .owl-nav div{
	opacity: 0.2;
}
.slider .owl-carousel .owl-nav div:hover{
	background:#2C2D3F;
	color:#fff;
}
.slider .owl-carousel .owl-controls .owl-nav .owl-prev{
	left:2px;
}
.slider .owl-carousel .owl-controls .owl-nav .owl-next{
	right:2px;
}

/*
---------------------------------------------
Row 2 end
---------------------------------------------
*/



/* Courses */
/*
---------------------------------------------
Row 3
---------------------------------------------
*/
section.courses {
    background-image: url(../images/choosing-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #8e0404;
    padding-bottom: 100px;
    padding: 0px 30px 100px 30px;
}

section.courses .item img {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

section.courses .item .down-content {
    padding: 30px;
    background-color: #fff;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

section.courses .item .down-content h4 {
    font-size: 16px;
    text-transform: uppercase;
    color: #8e0404;
    letter-spacing: 0.5px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 20px;
}

section.courses .item .down-content p {
    margin-bottom: 25px;
}

section.courses .item .down-content img {
    width: 40px;
    border: 2px solid #8e0404;
    border-radius: 50%;
    text-align: left;
    display: inline-block;
}

section.courses .item .down-content .text-button-pay {
    float: right;
    display: inline-block;
    margin-top: -30px;
}


section.courses .item .down-content .text-button-free {
    display: inline-block;
    margin-top: -30px;
}

section.courses .item .down-content .text-button-free a {
  text-align: center;
    color: #000000;
    font-size: 13px;
}

section.courses .owl-carousel .owl-nav {
    display: none;
}

section.courses .owl-carousel .owl-dots {
    text-align: center;
}

section.courses .owl-carousel button.owl-dot {
    width: 10px;
    height: 10px;
    background-color: #000000;
    margin: 50px 10px 0px 10px;
    outline: none;
}
section.courses .owl-carousel button.active {
    background-color: #000000;
}
.section-head {
  text-align: center;
  margin-bottom: 70px;
}

.section-head h2:before {
  width: 2px;
  height: 100px;
  background-color: #fff;
  position: absolute;
  top: -102px;
  content: '';
  left: 50%;
  transform: translate(-50%);
}

.section-head h2 {
  margin-top: 100px;
  position: relative;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.5px;
  display: inline-block;
  padding: 15px 20px;
  border: 2px solid #fff;
}



.down-content .more3{

	padding-top: 69px;
}

.down-content .more12{

	padding-top: 49px;
}



@media screen and (max-width: 1200px){
	.down-content .more3{

		padding-top: 49px;
	}
}

@media screen and (max-width: 1200px){
	.down-content .more12{

		padding-top: 49px;
	}
}
/*
---------------------------------------------
Row 3 End
---------------------------------------------
*/


/*
---------------------------------------------
Row 4
---------------------------------------------
*/
.heading_container.heading_center {
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	text-align: center;
  }
  .pading{
	padding-top:50px
  }
  .client_section .heading_container {
	margin-bottom: 30px;
  }
  
  .client_section .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	margin: 15px;
  }
  
  .client_section .box .img-box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	width: 100px;
	margin-bottom: -50px;
	margin-left: 25px;
	position: relative;
  }
  
  .client_section .box .img-box img {
	border-radius: 100%;
  }
  
  .client_section .box .client_id {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
  }
  
  .client_section .box .client_id .client_info h6 {
	font-weight: 600;
	margin-bottom: 5px;
  }
  
  .client_section .box .client_id .client_info p {
	margin-bottom: 0;
	font-size: 15px;
	font-size: 14px;
	margin-bottom: 10px;
  }
  
  .client_section .box .detail-box {
	background-color: #ffffff;
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
			box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	padding: 75px 25px 25px 25px;
  }
  
  .client_section .box .detail-box i {
	color: #00204a;
	margin-bottom: 10px;
  }
  
  .client_section .owl-carousel .owl-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	margin-top: 45px;
  }
  
  .client_section .owl-carousel .owl-nav .owl-prev,
  .client_section .owl-carousel .owl-nav .owl-next {
	width: 55px;
	height: 55px;
	background-color: #ffffff;
	color: #000000;
	outline: none;
	bottom: 0px;
	font-size: 24px;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
			box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  }
  


  .client_section .box .detail-box .space1{
	padding-bottom: 20px;
  }

  .client_section .box .detail-box .space2{
	padding-bottom: 40px;

  }

  .client_section .box .detail-box .space3{
	padding-bottom: 20px;

  }
  .client_section .box .detail-box .space4{
	padding-bottom: 20px;

  }
  .client_section .box .detail-box .space5{
	padding-bottom: 0px;

  }


  @media screen and (max-width: 1200px){
	.client_section .box .detail-box .space1{
		padding-bottom: 40px;

  }
  
  .client_section .box .detail-box .space2{
	padding-bottom: 40px;

  }

  .client_section .box .detail-box .space3{
	padding-bottom: 20px;

  }
  .client_section .box .detail-box .space4{
	padding-bottom: 20px;

  }
  .client_section .box .detail-box .space5{
	padding-bottom: 40px;

  }
}
  /*
---------------------------------------------
Row 4 End
---------------------------------------------
*/
  
  
  
/*** Service ***/
/*
---------------------------------------------
Row 5
---------------------------------------------
*/
  .services {
	margin-top: 50px;

  }
.service-item a {
    transition: .5s;
    text-align: left;
}
.service-item a h4{
    font-size: 15px;
}
.service-item a h4:hover{
    color: #8e0404;
}

.service-item:hover img {
    transform: scale(1.1);
}

.down-content .more1{

	padding-top: 49px;
}


@media screen and (max-width: 1200px){
	.down-content .more1{

		padding-top: 0px;
	}
}

/*
---------------------------------------------
Row 5 end 
---------------------------------------------
*/


/* Courses */
/*
---------------------------------------------
Row 6
---------------------------------------------
*/

.section-courses {
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #707070;
    padding-bottom: 100px;
    padding: 0px 30px 100px 30px;
}

.section-courses .item img {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.section-courses .item .down-content {
    padding: 30px;
    background-color: #fff;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.section-courses .item .down-content h4 {
    font-size: 16px;
    text-transform: uppercase;
    color: #8e0404;
    letter-spacing: 0.5px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 20px;
}
.section-courses .item .down-content p {
    margin-bottom: 25px;
}
.section-courses .item .down-content img {
    width: 40px;
    border: 2px solid #8e0404;
    border-radius: 50%;
    text-align: left;
    display: inline-block;
}
.section-courses .item .down-content .text-button-pay {
    float: right;
    display: inline-block;
    margin-top: -30px;
}
.section-courses .item .down-content .text-button-free {
    display: inline-block;
    margin-top: -30px;
}
.section-courses .item .down-content .text-button-free a {
  text-align: center;
    color: #000000;
    font-size: 13px;
}
.section-courses .owl-carousel .owl-nav {
    display: none;
}

.section-courses .owl-carousel .owl-dots {
    text-align: center;
}
.section-courses .owl-carousel button.owl-dot {
    width: 10px;
    height: 10px;
    background-color: #000000;
    margin: 50px 10px 0px 10px;
    outline: none;
}
.section-courses .owl-carousel button.active {
    background-color: #ffffff;
}
.section-courses .section-head1 {
  text-align: center;
  margin-bottom: 70px;
}
.section-head1 h2:before {
    width: 2px;
    height: 100px;
    background-color: #707070;
    position: absolute;
    top: -102px;
    content: '';
    left: 50%;
    transform: translate(-50%);
  }
.section-courses .section-head1 h2 {
  margin-top: 100px;
  font-weight: 600;
  font-size: 30px;
  position: relative;
  color: #000000;
  letter-spacing: 0.5px;
  display: inline-block;
  padding: 15px 20px;
  border: 2px solid #707070;
}

/* Slider Animation */

.owl-item.active .fromup{
    animation: fadeInUp .5s both 0.5s;
}

  .owl-item.active .fromup1{
    animation: fadeInUp .8s both 0.5s;
}

.owl-item.active .fromup2{
    animation: fadeInUp 1.1s both 0.5s;
}

.owl-item.active .fromup3{
    animation: fadeInUp 1.4s both 0.5s;
}

.owl-item.active .fromup4{
    animation: fadeInUp 1.7s both 0.5s;
}

.owl-item.active .fromup5{
    animation: fadeInUp 0.5s both 0.5s;
}

  .owl-item.active .fromup6{
    animation: fadeInUp 0.8s both 0.5s;
}

.owl-item.active .fromup7{
    animation: fadeInUp 1.1s both 0.5s;
}

.owl-item.active .fromup8{
    animation: fadeInUp 1.4s both 0.5s;
}

.owl-item.active .fromup9{
    animation: fadeInUp 1.7s both 0.5s;
}
/*
---------------------------------------------
Row 6 End
---------------------------------------------
*/


/* Top new slide star */
/*
---------------------------------------------
Row 7
---------------------------------------------
*/
.container-fluid2{
	background-color: #707070;
	padding-top: 50px;
	padding-bottom: 50px;
}

.container-fluid2 .header-header{

	padding-top: 30px;
	padding-bottom: 60px;
}

.container-fluid2 .header-header h2{
	color: #ffffff;
	text-align: center;
}

.container-fluid2 .owl-nav {
	text-align: center;
	position: absolute;
	width: 98%;
	top: 40%;
	transform: translateY(-25px);
  }
  
  .container-fluid2 .owl-dots {
    display: none; 

}

  .container-fluid2 .owl-nav .owl-prev{
	position: absolute;
	left: -60px;
	outline: none;
  }
  
  .container-fluid2 .owl-nav .owl-prev span,
  .container-fluid2 .owl-nav .owl-next span {
	opacity: 0;
  }
  
  .container-fluid2 .owl-nav .owl-prev:before {
	display: inline-block;
	font-family: 'FontAwesome';
	color: #8e0404;
	font-size: 25px;
	font-weight: 700;
	content: '\f104';
	padding-top: 10%;
	width: 50px;
	height: 50px;
	background-color: #5e5858;
	border: 1px solid #272727;
  }
  
  .container-fluid2 .owl-nav .owl-prev {
	opacity: 0.50;
	transition: all .5s;
  }
  
  .container-fluid2 .owl-nav .owl-prev:hover {
	opacity: 1;
  }
  
  .container-fluid2 .owl-nav .owl-next {
	opacity: 0.50;
	transition: all .3s;
  }
  
  .container-fluid2 .owl-nav .owl-next:hover {
	opacity: 1;
  }

  .container-fluid2 .owl-nav .owl-next{
	outline: none;
	position: absolute;
	right: -85px;
  }
  
  .container-fluid2 .owl-nav .owl-next:before {
	display: inline-block;
	font-family: 'FontAwesome';
	color: #8e0404;
	font-size: 25px;
	font-weight: 700;
	padding-top: 10%;
	content: '\f105';
	width: 50px;
	height: 50px;
	background-color: #5e5858;
	border: 1px solid #272727;
  }


  @media screen and (max-width: 1200px) {
    .container-fluid2 .container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    
    .container-fluid2 .d-flex {
        flex-direction: row;
        align-items: center;
		padding-left: 46px;
    }
}
/*
---------------------------------------------
Row 7
---------------------------------------------
*/


/*
---------------------------------------------
Row 8
---------------------------------------------
*/
/* banner section start */
.banner_section {
    width: 100%;
    float: left;
    background-image: url(img/img8.jpg);
    height: 90%;
    background-size: 100%;
    padding: 10px 0px 25px 0px;
    background-repeat: no-repeat;
}

.banner_taital {
    width: 100%;
    float: left;
    padding: 100px 0px;
}

.outstanding_text {
    width: 100%;
    float: left;
    font-size: 60px;
    color: #252525;
    padding-bottom: 0px;
}

.coffee_text {
    width: 100%;
    float: left;
    font-size: 70px;
    color: #fdfcfa;
    font-weight: bold;
    padding-bottom: 0px;
}

.there_text {
    width: 50%;
    float: left;
    font-size: 20px;
    color: #000000;
    margin: 0px;
    padding-bottom: 30px;
}

.learnmore_bt {
    width: 170px;
}

.learnmore_bt a {
    width: 100%;
    float: left;
    padding-right: 0;
    background-color: #980000;
    color: #ffffff;
    text-align: center;
    margin-right: 12px;
    height: 53px;
    padding: 15px 40px;
    font-size: 14px;
    text-transform: uppercase;
}

.learnmore_bt a:hover {
    background-color: #ffffff;
    color: #860000;
}

#main_slider a.carousel-control-next {
    left: 0px;
    right: -60px;
    top: 440px;
}

#main_slider a.carousel-control-prev {
    left: -60px;
    right: 0px;
    top: 440px;
}

#main_slider .carousel-control-next,
#main_slider .carousel-control-prev {
    width: 45px;
    height: 45px;
    background: #8e0000;
    opacity: 1;
    font-size: 30px;
    color: #ffffff;
    margin: 0 auto;
    z-index: 1;
    margin: 0 auto;
    text-align: center;
}

#main_slider .carousel-control-next:focus,
#main_slider .carousel-control-next:hover,
#main_slider .carousel-control-prev:focus,
#main_slider .carousel-control-prev:hover {
    color: #840000;
    background-color: #f9f9f9;
}


@media (min-width: 992px) and (max-width: 1199px) {
    #main_slider a.carousel-control-prev {
        top: 110%;
    }
    #main_slider a.carousel-control-next {
        top: 110%;
    }

    .banner_section {
        background-size: 100% 100%;
    }


}

@media (min-width: 768px) and (max-width: 991px) {
    #main_slider a.carousel-control-prev {
        top: 118%;
    }
    #main_slider a.carousel-control-next {
        top: 118%;
    }
   
    .banner_section {
        background-size: 100% 100%;
    }
   
    .there_text {
        width: 100%;
        font-size: 14px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    #main_slider a.carousel-control-prev {
        top: 118%;
    }
    #main_slider a.carousel-control-next {
        top: 118%;
    }
    .banner_section {
        background-size: 100% 100%;
    }
    .outstanding_text {
        font-size: 40px;
    }
    .there_text {
        width: 100%;
        font-size: 16px;
    }
}

@media (max-width: 575px) {
    #main_slider a.carousel-control-prev {
        top: 120%;
    }
    #main_slider a.carousel-control-next {
        top: 120%;
    }
    .banner_section {
        background-size: 100% 100%;
    }
    .outstanding_text {
        font-size: 40px;
    }
    .there_text {
        width: 100%;
        font-size: 16px;
    }

}
/*
---------------------------------------------
Row 8 End
---------------------------------------------
*/



/*
---------------------------------------------
Row 9
---------------------------------------------
*/
.row9{
	padding-top: 40%;
	background-color: rgb(107, 100, 100);
	padding-bottom: 5%;
  }
  
  .row9 .row1 {
	margin-top: 100px;
	display: flex;
  }
  
  .row9 .head-row9{
	margin-top: 50px;
	text-align: center;
  }
  
  .row9 .head-row9 h1{
	color: #000000;
  }
  .cell {
	flex: 1;
	margin: 10px;
	border: 1px solid #000;
	padding: 20px;
	padding-bottom: 40px;
	position: relative;
	height: 400px; /* Set the desired height for all cells */
	display: flex;
	flex-direction: column;
  }
  
  .cell:nth-child(1) {
	background-color: #ffffff;
	display: grid;
	align-items: center;
	justify-content: center;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-gap: 10px;
  }
  
  .cell:nth-child(2) {
	background-color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  
  .cell:nth-child(3) {
	background-color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  
  .cell:nth-child(4) {
	background-color: #ffffff;
	display: grid;
	align-items: center;
	justify-content: center;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-gap: 10px;
  }
  .cell:nth-child(1) .text {
	text-align: center;
   }
   .cell:nth-child(1) .text a{
	text-decoration: none;
	font-size: 12px;
	color: #000;
   }
  
  .cell:nth-child(2) .text {
	text-align: center;
   }
   .cell:nth-child(2) .text a{
	text-decoration: none;
	font-size: 12px;
	color: #000;
   }
  
  .cell:nth-child(3) .text {
	text-align: center;
   }
   .cell:nth-child(3) .text a{
  
	text-decoration: none;
	font-size: 12px;
	color: #000;
   }
  
  .cell:nth-child(4) .text {
   text-align: center;
  }
  .cell:nth-child(4) .text a{
   text-decoration: none;
   font-size: 12px;
   color: #000;
  }
  /* Style the images to fill their grid cells */
  .cell:nth-child(1) .image-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
  
  }
  
  /* Style the image in Cell 2 to match the grid cell size */
  .cell:nth-child(2) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
  }
  /* Style the image in Cell 2 to match the grid cell size */
  .cell:nth-child(3) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
  }
  /* Style the image in Cell 2 to match the grid cell size */
  .cell:nth-child(4) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
  }
  
  /* Media query for screens up to 768px wide */
  @media (max-width: 768px) {
	.row9 .row1 {
	  flex-direction: column;
  
	}
  
	.cell {
	  flex: 1;
	  width: calc(100% - 20px); /* Adjust for margins */
	  height: auto;
	}
  
	.cell:nth-child(1),
	.cell:nth-child(4) {
	  display: flex;
	  flex-direction: column;
	}
	
	.cell:nth-child(1) .image-container,
	.cell:nth-child(4) .image-container {
	  margin: 10px;
	  width: 100%;
	}
  }

/*
---------------------------------------------
Row 9 End 
---------------------------------------------
*/


/*
---------------------------------------------
Row 10 
---------------------------------------------
*/
   .image-container2 {
	position: relative;
	font-family: Arial, sans-serif;
	background-color: #f0f0f0;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
  }
  
  .image-container2 .centered-image {
	max-width: 100%;
	height: 100%;
  }
  
  .image-container2 .text-overlay {
	position: absolute;
	top: 50%;
	left: 25%;
	transform: translate(-50%, -50%);
	padding: 20px;
  }
  
  .image-container2 .text-overlay h1 {
	padding-left: 10%;
	font-size: 50px;
	color: #8a0000;
  }
  
  .image-container2 .text-overlay ol li {
	font-size: 20px;
	padding-bottom: 15px;
	padding-top: 0px;
  }
  
  .image-container2 .text-overlay ol {
	color: #000000;
	padding-top: 30px;
  }
  
  /* Responsive CSS for adjusting font sizes */
  @media (max-width: 768px) {
	.image-container2 .text-overlay{
	  padding-left: 15%;
	}
	.image-container2 .text-overlay h1 {
	  font-size: 40px;
	}
	
	.image-container2 .text-overlay ol li {
	  font-size: 16px;
	}
  }

  /*
---------------------------------------------
Row 10 End
---------------------------------------------
*/


/*
---------------------------------------------
Timer
---------------------------------------------
*/

 .time{
	background-color: #8d0000;
	padding-top: 70px;
	padding-bottom: 215px;
}

.time #timer{
	color: #ffffff;
	padding-top: 110px;
	text-align: center;
	font-size: 40px;
}